<!DOCTYPE html>
<html lang="id">
    <head prefix="og: https://lamveenn.com/ fb: https://lamveenn.com/ product: https://lamveenn.com/">
        <script async="" src="https://cdn.branch.io/branch-latest.min.js"></script>
        <script async="" src="https://cdn.branch.io/branch-latest.min.js"></script>
        <script async="" src="https://cdn.branch.io/branch-latest.min.js"></script>
        <script type="text/javascript">
            (window.NREUM || (NREUM = {})).init = {
                ajax: {
                    deny_list: ["bam.nr-data.net"]
                }
            };
            (window.NREUM || (NREUM = {})).loader_config = {
                licenseKey: "NRJS-3796f39e9070f5da519",
                applicationID: "662568768"
            };
            ;/*! For license information please see nr-loader-rum-1.284.1.min.js.LICENSE.txt */
            ( () => {
                var e, t, r = {
                    122: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            a: () => i
                        });
                        var n = r(944);
                        function i(e, t) {
                            try {
                                if (!e || "object" != typeof e)
                                    return (0,
                                    n.R)(3);
                                if (!t || "object" != typeof t)
                                    return (0,
                                    n.R)(4);
                                const r = Object.create(Object.getPrototypeOf(t), Object.getOwnPropertyDescriptors(t))
                                  , o = 0 === Object.keys(r).length ? e : r;
                                for (let a in o)
                                    if (void 0 !== e[a])
                                        try {
                                            if (null === e[a]) {
                                                r[a] = null;
                                                continue
                                            }
                                            Array.isArray(e[a]) && Array.isArray(t[a]) ? r[a] = Array.from(new Set([...e[a], ...t[a]])) : "object" == typeof e[a] && "object" == typeof t[a] ? r[a] = i(e[a], t[a]) : r[a] = e[a]
                                        } catch (e) {
                                            (0,
                                            n.R)(1, e)
                                        }
                                return r
                            } catch (e) {
                                (0,
                                n.R)(2, e)
                            }
                        }
                    }
                    ,
                    555: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            Vp: () => c,
                            fn: () => s,
                            x1: () => u
                        });
                        var n = r(384)
                          , i = r(122);
                        const o = {
                            beacon: n.NT.beacon,
                            errorBeacon: n.NT.errorBeacon,
                            licenseKey: void 0,
                            applicationID: void 0,
                            sa: void 0,
                            queueTime: void 0,
                            applicationTime: void 0,
                            ttGuid: void 0,
                            user: void 0,
                            account: void 0,
                            product: void 0,
                            extra: void 0,
                            jsAttributes: {},
                            userAttributes: void 0,
                            atts: void 0,
                            transactionName: void 0,
                            tNamePlain: void 0
                        }
                          , a = {};
                        function s(e) {
                            try {
                                const t = c(e);
                                return !!t.licenseKey && !!t.errorBeacon && !!t.applicationID
                            } catch (e) {
                                return !1
                            }
                        }
                        function c(e) {
                            if (!e)
                                throw new Error("All info objects require an agent identifier!");
                            if (!a[e])
                                throw new Error("Info for ".concat(e, " was never set"));
                            return a[e]
                        }
                        function u(e, t) {
                            if (!e)
                                throw new Error("All info objects require an agent identifier!");
                            a[e] = (0,
                            i.a)(t, o);
                            const r = (0,
                            n.nY)(e);
                            r && (r.info = a[e])
                        }
                    }
                    ,
                    217: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            D0: () => m,
                            gD: () => v,
                            xN: () => h
                        });
                        r(860).K7.genericEvents;
                        const n = "experimental.marks"
                          , i = "experimental.measures"
                          , o = "experimental.resources"
                          , a = e => {
                            if (!e || "string" != typeof e)
                                return !1;
                            try {
                                document.createDocumentFragment().querySelector(e)
                            } catch {
                                return !1
                            }
                            return !0
                        }
                        ;
                        var s = r(614)
                          , c = r(944)
                          , u = r(384)
                          , l = r(122);
                        const d = "[data-nr-mask]"
                          , f = () => {
                            const e = {
                                feature_flags: [],
                                experimental: {
                                    marks: !1,
                                    measures: !1,
                                    resources: !1
                                },
                                mask_selector: "*",
                                block_selector: "[data-nr-block]",
                                mask_input_options: {
                                    color: !1,
                                    date: !1,
                                    "datetime-local": !1,
                                    email: !1,
                                    month: !1,
                                    number: !1,
                                    range: !1,
                                    search: !1,
                                    tel: !1,
                                    text: !1,
                                    time: !1,
                                    url: !1,
                                    week: !1,
                                    textarea: !1,
                                    select: !1,
                                    password: !0
                                }
                            };
                            return {
                                ajax: {
                                    deny_list: void 0,
                                    block_internal: !0,
                                    enabled: !0,
                                    autoStart: !0
                                },
                                distributed_tracing: {
                                    enabled: void 0,
                                    exclude_newrelic_header: void 0,
                                    cors_use_newrelic_header: void 0,
                                    cors_use_tracecontext_headers: void 0,
                                    allowed_origins: void 0
                                },
                                get feature_flags() {
                                    return e.feature_flags
                                },
                                set feature_flags(t) {
                                    e.feature_flags = t
                                },
                                generic_events: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                harvest: {
                                    interval: 30
                                },
                                jserrors: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                logging: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                metrics: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                obfuscate: void 0,
                                page_action: {
                                    enabled: !0
                                },
                                page_view_event: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                page_view_timing: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                performance: {
                                    get capture_marks() {
                                        return e.feature_flags.includes(n) || e.experimental.marks
                                    },
                                    set capture_marks(t) {
                                        e.experimental.marks = t
                                    },
                                    get capture_measures() {
                                        return e.feature_flags.includes(i) || e.experimental.measures
                                    },
                                    set capture_measures(t) {
                                        e.experimental.measures = t
                                    },
                                    capture_detail: !0,
                                    resources: {
                                        get enabled() {
                                            return e.feature_flags.includes(o) || e.experimental.resources
                                        },
                                        set enabled(t) {
                                            e.experimental.resources = t
                                        },
                                        asset_types: [],
                                        first_party_domains: [],
                                        ignore_newrelic: !0
                                    }
                                },
                                privacy: {
                                    cookies_enabled: !0
                                },
                                proxy: {
                                    assets: void 0,
                                    beacon: void 0
                                },
                                session: {
                                    expiresMs: s.wk,
                                    inactiveMs: s.BB
                                },
                                session_replay: {
                                    autoStart: !0,
                                    enabled: !1,
                                    preload: !1,
                                    sampling_rate: 10,
                                    error_sampling_rate: 100,
                                    collect_fonts: !1,
                                    inline_images: !1,
                                    fix_stylesheets: !0,
                                    mask_all_inputs: !0,
                                    get mask_text_selector() {
                                        return e.mask_selector
                                    },
                                    set mask_text_selector(t) {
                                        a(t) ? e.mask_selector = "".concat(t, ",").concat(d) : "" === t || null === t ? e.mask_selector = d : (0,
                                        c.R)(5, t)
                                    },
                                    get block_class() {
                                        return "nr-block"
                                    },
                                    get ignore_class() {
                                        return "nr-ignore"
                                    },
                                    get mask_text_class() {
                                        return "nr-mask"
                                    },
                                    get block_selector() {
                                        return e.block_selector
                                    },
                                    set block_selector(t) {
                                        a(t) ? e.block_selector += ",".concat(t) : "" !== t && (0,
                                        c.R)(6, t)
                                    },
                                    get mask_input_options() {
                                        return e.mask_input_options
                                    },
                                    set mask_input_options(t) {
                                        t && "object" == typeof t ? e.mask_input_options = {
                                            ...t,
                                            password: !0
                                        } : (0,
                                        c.R)(7, t)
                                    }
                                },
                                session_trace: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                soft_navigations: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                spa: {
                                    enabled: !0,
                                    autoStart: !0
                                },
                                ssl: void 0,
                                user_actions: {
                                    enabled: !0,
                                    elementAttributes: ["id", "className", "tagName", "type"]
                                }
                            }
                        }
                          , g = {}
                          , p = "All configuration objects require an agent identifier!";
                        function m(e) {
                            if (!e)
                                throw new Error(p);
                            if (!g[e])
                                throw new Error("Configuration for ".concat(e, " was never set"));
                            return g[e]
                        }
                        function h(e, t) {
                            if (!e)
                                throw new Error(p);
                            g[e] = (0,
                            l.a)(t, f());
                            const r = (0,
                            u.nY)(e);
                            r && (r.init = g[e])
                        }
                        function v(e, t) {
                            if (!e)
                                throw new Error(p);
                            var r = m(e);
                            if (r) {
                                for (var n = t.split("."), i = 0; i < n.length - 1; i++)
                                    if ("object" != typeof (r = r[n[i]]))
                                        return;
                                r = r[n[n.length - 1]]
                            }
                            return r
                        }
                    }
                    ,
                    371: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            V: () => f,
                            f: () => d
                        });
                        var n = r(122)
                          , i = r(384)
                          , o = r(154)
                          , a = r(324);
                        let s = 0;
                        const c = {
                            buildEnv: a.F3,
                            distMethod: a.Xs,
                            version: a.xv,
                            originTime: o.WN
                        }
                          , u = {
                            customTransaction: void 0,
                            disabled: !1,
                            isolatedBacklog: !1,
                            loaderType: void 0,
                            maxBytes: 3e4,
                            onerror: void 0,
                            ptid: void 0,
                            releaseIds: {},
                            appMetadata: {},
                            session: void 0,
                            denyList: void 0,
                            timeKeeper: void 0,
                            obfuscator: void 0,
                            harvester: void 0
                        }
                          , l = {};
                        function d(e) {
                            if (!e)
                                throw new Error("All runtime objects require an agent identifier!");
                            if (!l[e])
                                throw new Error("Runtime for ".concat(e, " was never set"));
                            return l[e]
                        }
                        function f(e, t) {
                            if (!e)
                                throw new Error("All runtime objects require an agent identifier!");
                            l[e] = {
                                ...(0,
                                n.a)(t, u),
                                ...c
                            },
                            Object.hasOwnProperty.call(l[e], "harvestCount") || Object.defineProperty(l[e], "harvestCount", {
                                get: () => ++s
                            });
                            const r = (0,
                            i.nY)(e);
                            r && (r.runtime = l[e])
                        }
                    }
                    ,
                    324: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            F3: () => i,
                            Xs: () => o,
                            xv: () => n
                        });
                        const n = "1.284.1"
                          , i = "PROD"
                          , o = "CDN"
                    }
                    ,
                    154: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            OF: () => c,
                            RI: () => i,
                            WN: () => l,
                            bv: () => o,
                            gm: () => a,
                            mw: () => s,
                            sb: () => u
                        });
                        var n = r(863);
                        const i = "undefined" != typeof window && !!window.document
                          , o = "undefined" != typeof WorkerGlobalScope && ("undefined" != typeof self && self instanceof WorkerGlobalScope && self.navigator instanceof WorkerNavigator || "undefined" != typeof globalThis && globalThis instanceof WorkerGlobalScope && globalThis.navigator instanceof WorkerNavigator)
                          , a = i ? window : "undefined" != typeof WorkerGlobalScope && ("undefined" != typeof self && self instanceof WorkerGlobalScope && self || "undefined" != typeof globalThis && globalThis instanceof WorkerGlobalScope && globalThis)
                          , s = Boolean("hidden" === a?.document?.visibilityState)
                          , c = /iPad|iPhone|iPod/.test(a.navigator?.userAgent)
                          , u = c && "undefined" == typeof SharedWorker
                          , l = (( () => {
                            const e = a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);
                            Array.isArray(e) && e.length >= 2 && e[1]
                        }
                        )(),
                        Date.now() - (0,
                        n.t)())
                    }
                    ,
                    687: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            Ak: () => c,
                            Ze: () => d,
                            x3: () => u
                        });
                        var n = r(836)
                          , i = r(606)
                          , o = r(860)
                          , a = r(646);
                        const s = {};
                        function c(e, t) {
                            const r = {
                                staged: !1,
                                priority: o.P3[t] || 0
                            };
                            l(e),
                            s[e].get(t) || s[e].set(t, r)
                        }
                        function u(e, t) {
                            e && s[e] && (s[e].get(t) && s[e].delete(t),
                            g(e, t, !1),
                            s[e].size && f(e))
                        }
                        function l(e) {
                            if (!e)
                                throw new Error("agentIdentifier required");
                            s[e] || (s[e] = new Map)
                        }
                        function d(e="", t="feature", r=!1) {
                            if (l(e),
                            !e || !s[e].get(t) || r)
                                return g(e, t);
                            s[e].get(t).staged = !0,
                            f(e)
                        }
                        function f(e) {
                            const t = Array.from(s[e]);
                            t.every(( ([e,t]) => t.staged)) && (t.sort(( (e, t) => e[1].priority - t[1].priority)),
                            t.forEach(( ([t]) => {
                                s[e].delete(t),
                                g(e, t)
                            }
                            )))
                        }
                        function g(e, t, r=!0) {
                            const o = e ? n.ee.get(e) : n.ee
                              , s = i.i.handlers;
                            if (!o.aborted && o.backlog && s) {
                                if (r) {
                                    const e = o.backlog[t]
                                      , r = s[t];
                                    if (r) {
                                        for (let t = 0; e && t < e.length; ++t)
                                            p(e[t], r);
                                        Object.entries(r).forEach(( ([e,t]) => {
                                            Object.values(t || {}).forEach((t => {
                                                t[0]?.on && t[0]?.context()instanceof a.y && t[0].on(e, t[1])
                                            }
                                            ))
                                        }
                                        ))
                                    }
                                }
                                o.isolatedBacklog || delete s[t],
                                o.backlog[t] = null,
                                o.emit("drain-" + t, [])
                            }
                        }
                        function p(e, t) {
                            var r = e[1];
                            Object.values(t[r] || {}).forEach((t => {
                                var r = e[0];
                                if (t[0] === r) {
                                    var n = t[1]
                                      , i = e[3]
                                      , o = e[2];
                                    n.apply(i, o)
                                }
                            }
                            ))
                        }
                    }
                    ,
                    836: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            P: () => c,
                            ee: () => u
                        });
                        var n = r(384)
                          , i = r(990)
                          , o = r(371)
                          , a = r(646)
                          , s = r(607);
                        const c = "nr@context:".concat(s.W)
                          , u = function e(t, r) {
                            var n = {}
                              , s = {}
                              , l = {}
                              , d = !1;
                            try {
                                d = 16 === r.length && (0,
                                o.f)(r).isolatedBacklog
                            } catch (e) {}
                            var f = {
                                on: p,
                                addEventListener: p,
                                removeEventListener: function(e, t) {
                                    var r = n[e];
                                    if (!r)
                                        return;
                                    for (var i = 0; i < r.length; i++)
                                        r[i] === t && r.splice(i, 1)
                                },
                                emit: function(e, r, n, i, o) {
                                    !1 !== o && (o = !0);
                                    if (u.aborted && !i)
                                        return;
                                    t && o && t.emit(e, r, n);
                                    for (var a = g(n), c = m(e), l = c.length, d = 0; d < l; d++)
                                        c[d].apply(a, r);
                                    var p = v()[s[e]];
                                    p && p.push([f, e, r, a]);
                                    return a
                                },
                                get: h,
                                listeners: m,
                                context: g,
                                buffer: function(e, t) {
                                    const r = v();
                                    if (t = t || "feature",
                                    f.aborted)
                                        return;
                                    Object.entries(e || {}).forEach(( ([e,n]) => {
                                        s[n] = t,
                                        t in r || (r[t] = [])
                                    }
                                    ))
                                },
                                abort: function() {
                                    f._aborted = !0,
                                    Object.keys(f.backlog).forEach((e => {
                                        delete f.backlog[e]
                                    }
                                    ))
                                },
                                isBuffering: function(e) {
                                    return !!v()[s[e]]
                                },
                                debugId: r,
                                backlog: d ? {} : t && "object" == typeof t.backlog ? t.backlog : {},
                                isolatedBacklog: d
                            };
                            return Object.defineProperty(f, "aborted", {
                                get: () => {
                                    let e = f._aborted || !1;
                                    return e || (t && (e = t.aborted),
                                    e)
                                }
                            }),
                            f;
                            function g(e) {
                                return e && e instanceof a.y ? e : e ? (0,
                                i.I)(e, c, ( () => new a.y(c))) : new a.y(c)
                            }
                            function p(e, t) {
                                n[e] = m(e).concat(t)
                            }
                            function m(e) {
                                return n[e] || []
                            }
                            function h(t) {
                                return l[t] = l[t] || e(f, t)
                            }
                            function v() {
                                return f.backlog
                            }
                        }(void 0, "globalEE")
                          , l = (0,
                        n.Zm)();
                        l.ee || (l.ee = u)
                    }
                    ,
                    646: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            y: () => n
                        });
                        class n {
                            constructor(e) {
                                this.contextId = e
                            }
                        }
                    }
                    ,
                    908: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            d: () => n,
                            p: () => i
                        });
                        var n = r(836).ee.get("handle");
                        function i(e, t, r, i, o) {
                            o ? (o.buffer([e], i),
                            o.emit(e, t, r)) : (n.buffer([e], i),
                            n.emit(e, t, r))
                        }
                    }
                    ,
                    606: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            i: () => o
                        });
                        var n = r(908);
                        o.on = a;
                        var i = o.handlers = {};
                        function o(e, t, r, o) {
                            a(o || n.d, i, e, t, r)
                        }
                        function a(e, t, r, i, o) {
                            o || (o = "feature"),
                            e || (e = n.d);
                            var a = t[o] = t[o] || {};
                            (a[r] = a[r] || []).push([e, i])
                        }
                    }
                    ,
                    878: (e, t, r) => {
                        "use strict";
                        function n(e, t) {
                            return {
                                capture: e,
                                passive: !1,
                                signal: t
                            }
                        }
                        function i(e, t, r=!1, i) {
                            window.addEventListener(e, t, n(r, i))
                        }
                        function o(e, t, r=!1, i) {
                            document.addEventListener(e, t, n(r, i))
                        }
                        r.d(t, {
                            DD: () => o,
                            jT: () => n,
                            sp: () => i
                        })
                    }
                    ,
                    607: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            W: () => n
                        });
                        const n = (0,
                        r(566).bz)()
                    }
                    ,
                    566: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            LA: () => s,
                            bz: () => a
                        });
                        var n = r(154);
                        const i = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";
                        function o(e, t) {
                            return e ? 15 & e[t] : 16 * Math.random() | 0
                        }
                        function a() {
                            const e = n.gm?.crypto || n.gm?.msCrypto;
                            let t, r = 0;
                            return e && e.getRandomValues && (t = e.getRandomValues(new Uint8Array(30))),
                            i.split("").map((e => "x" === e ? o(t, r++).toString(16) : "y" === e ? (3 & o() | 8).toString(16) : e)).join("")
                        }
                        function s(e) {
                            const t = n.gm?.crypto || n.gm?.msCrypto;
                            let r, i = 0;
                            t && t.getRandomValues && (r = t.getRandomValues(new Uint8Array(e)));
                            const a = [];
                            for (var s = 0; s < e; s++)
                                a.push(o(r, i++).toString(16));
                            return a.join("")
                        }
                    }
                    ,
                    614: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            BB: () => a,
                            H3: () => n,
                            g: () => u,
                            iL: () => c,
                            tS: () => s,
                            uh: () => i,
                            wk: () => o
                        });
                        const n = "NRBA"
                          , i = "SESSION"
                          , o = 144e5
                          , a = 18e5
                          , s = {
                            STARTED: "session-started",
                            PAUSE: "session-pause",
                            RESET: "session-reset",
                            RESUME: "session-resume",
                            UPDATE: "session-update"
                        }
                          , c = {
                            SAME_TAB: "same-tab",
                            CROSS_TAB: "cross-tab"
                        }
                          , u = {
                            OFF: 0,
                            FULL: 1,
                            ERROR: 2
                        }
                    }
                    ,
                    863: (e, t, r) => {
                        "use strict";
                        function n() {
                            return Math.floor(performance.now())
                        }
                        r.d(t, {
                            t: () => n
                        })
                    }
                    ,
                    944: (e, t, r) => {
                        "use strict";
                        function n(e, t) {
                            "function" == typeof console.debug && console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e), t)
                        }
                        r.d(t, {
                            R: () => n
                        })
                    }
                    ,
                    284: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            t: () => c,
                            B: () => s
                        });
                        var n = r(836)
                          , i = r(154);
                        const o = "newrelic";
                        const a = new Set
                          , s = {};
                        function c(e, t) {
                            const r = n.ee.get(t);
                            s[t] ??= {},
                            e && "object" == typeof e && (a.has(t) || (r.emit("rumresp", [e]),
                            s[t] = e,
                            a.add(t),
                            function(e={}) {
                                try {
                                    i.gm.dispatchEvent(new CustomEvent(o,{
                                        detail: e
                                    }))
                                } catch (e) {}
                            }({
                                loaded: !0
                            })))
                        }
                    }
                    ,
                    990: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            I: () => i
                        });
                        var n = Object.prototype.hasOwnProperty;
                        function i(e, t, r) {
                            if (n.call(e, t))
                                return e[t];
                            var i = r();
                            if (Object.defineProperty && Object.keys)
                                try {
                                    return Object.defineProperty(e, t, {
                                        value: i,
                                        writable: !0,
                                        enumerable: !1
                                    }),
                                    i
                                } catch (e) {}
                            return e[t] = i,
                            i
                        }
                    }
                    ,
                    389: (e, t, r) => {
                        "use strict";
                        function n(e, t=500, r={}) {
                            const n = r?.leading || !1;
                            let i;
                            return (...r) => {
                                n && void 0 === i && (e.apply(this, r),
                                i = setTimeout(( () => {
                                    i = clearTimeout(i)
                                }
                                ), t)),
                                n || (clearTimeout(i),
                                i = setTimeout(( () => {
                                    e.apply(this, r)
                                }
                                ), t))
                            }
                        }
                        function i(e) {
                            let t = !1;
                            return (...r) => {
                                t || (t = !0,
                                e.apply(this, r))
                            }
                        }
                        r.d(t, {
                            J: () => i,
                            s: () => n
                        })
                    }
                    ,
                    289: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            GG: () => o,
                            sB: () => a
                        });
                        var n = r(878);
                        function i() {
                            return "undefined" == typeof document || "complete" === document.readyState
                        }
                        function o(e, t) {
                            if (i())
                                return e();
                            (0,
                            n.sp)("load", e, t)
                        }
                        function a(e) {
                            if (i())
                                return e();
                            (0,
                            n.DD)("DOMContentLoaded", e)
                        }
                    }
                    ,
                    384: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            NT: () => o,
                            US: () => l,
                            Zm: () => a,
                            bQ: () => c,
                            dV: () => s,
                            nY: () => u,
                            pV: () => d
                        });
                        var n = r(154)
                          , i = r(863);
                        const o = {
                            beacon: "bam.nr-data.net",
                            errorBeacon: "bam.nr-data.net"
                        };
                        function a() {
                            return n.gm.NREUM || (n.gm.NREUM = {}),
                            void 0 === n.gm.newrelic && (n.gm.newrelic = n.gm.NREUM),
                            n.gm.NREUM
                        }
                        function s() {
                            let e = a();
                            return e.o || (e.o = {
                                ST: n.gm.setTimeout,
                                SI: n.gm.setImmediate,
                                CT: n.gm.clearTimeout,
                                XHR: n.gm.XMLHttpRequest,
                                REQ: n.gm.Request,
                                EV: n.gm.Event,
                                PR: n.gm.Promise,
                                MO: n.gm.MutationObserver,
                                FETCH: n.gm.fetch,
                                WS: n.gm.WebSocket
                            }),
                            e
                        }
                        function c(e, t) {
                            let r = a();
                            r.initializedAgents ??= {},
                            t.initializedAt = {
                                ms: (0,
                                i.t)(),
                                date: new Date
                            },
                            r.initializedAgents[e] = t
                        }
                        function u(e) {
                            let t = a();
                            return t.initializedAgents?.[e]
                        }
                        function l(e, t) {
                            a()[e] = t
                        }
                        function d() {
                            return function() {
                                let e = a();
                                const t = e.info || {};
                                e.info = {
                                    beacon: o.beacon,
                                    errorBeacon: o.errorBeacon,
                                    ...t
                                }
                            }(),
                            function() {
                                let e = a();
                                const t = e.init || {};
                                e.init = {
                                    ...t
                                }
                            }(),
                            s(),
                            function() {
                                let e = a();
                                const t = e.loader_config || {};
                                e.loader_config = {
                                    ...t
                                }
                            }(),
                            a()
                        }
                    }
                    ,
                    843: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            u: () => i
                        });
                        var n = r(878);
                        function i(e, t=!1, r, i) {
                            (0,
                            n.DD)("visibilitychange", (function() {
                                if (t)
                                    return void ("hidden" === document.visibilityState && e());
                                e(document.visibilityState)
                            }
                            ), r, i)
                        }
                    }
                    ,
                    434: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            Jt: () => o,
                            YM: () => c
                        });
                        var n = r(836)
                          , i = r(607);
                        const o = "nr@original:".concat(i.W);
                        var a = Object.prototype.hasOwnProperty
                          , s = !1;
                        function c(e, t) {
                            return e || (e = n.ee),
                            r.inPlace = function(e, t, n, i, o) {
                                n || (n = "");
                                const a = "-" === n.charAt(0);
                                for (let s = 0; s < t.length; s++) {
                                    const c = t[s]
                                      , u = e[c];
                                    l(u) || (e[c] = r(u, a ? c + n : n, i, c, o))
                                }
                            }
                            ,
                            r.flag = o,
                            r;
                            function r(t, r, n, s, c) {
                                return l(t) ? t : (r || (r = ""),
                                nrWrapper[o] = t,
                                function(e, t, r) {
                                    if (Object.defineProperty && Object.keys)
                                        try {
                                            return Object.keys(e).forEach((function(r) {
                                                Object.defineProperty(t, r, {
                                                    get: function() {
                                                        return e[r]
                                                    },
                                                    set: function(t) {
                                                        return e[r] = t,
                                                        t
                                                    }
                                                })
                                            }
                                            )),
                                            t
                                        } catch (e) {
                                            u([e], r)
                                        }
                                    for (var n in e)
                                        a.call(e, n) && (t[n] = e[n])
                                }(t, nrWrapper, e),
                                nrWrapper);
                                function nrWrapper() {
                                    var o, a, l, d;
                                    try {
                                        a = this,
                                        o = [...arguments],
                                        l = "function" == typeof n ? n(o, a) : n || {}
                                    } catch (t) {
                                        u([t, "", [o, a, s], l], e)
                                    }
                                    i(r + "start", [o, a, s], l, c);
                                    try {
                                        return d = t.apply(a, o)
                                    } catch (e) {
                                        throw i(r + "err", [o, a, e], l, c),
                                        e
                                    } finally {
                                        i(r + "end", [o, a, d], l, c)
                                    }
                                }
                            }
                            function i(r, n, i, o) {
                                if (!s || t) {
                                    var a = s;
                                    s = !0;
                                    try {
                                        e.emit(r, n, i, t, o)
                                    } catch (t) {
                                        u([t, r, n, i], e)
                                    }
                                    s = a
                                }
                            }
                        }
                        function u(e, t) {
                            t || (t = n.ee);
                            try {
                                t.emit("internal-error", e)
                            } catch (e) {}
                        }
                        function l(e) {
                            return !(e && "function" == typeof e && e.apply && !e[o])
                        }
                    }
                    ,
                    993: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            A$: () => o,
                            ET: () => a,
                            p_: () => i
                        });
                        var n = r(860);
                        const i = {
                            ERROR: "ERROR",
                            WARN: "WARN",
                            INFO: "INFO",
                            DEBUG: "DEBUG",
                            TRACE: "TRACE"
                        }
                          , o = {
                            OFF: 0,
                            ERROR: 1,
                            WARN: 2,
                            INFO: 3,
                            DEBUG: 4,
                            TRACE: 5
                        }
                          , a = "log";
                        n.K7.logging
                    }
                    ,
                    773: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            z_: () => o,
                            XG: () => s,
                            TZ: () => n,
                            rs: () => i,
                            xV: () => a
                        });
                        r(154),
                        r(566),
                        r(384);
                        const n = r(860).K7.metrics
                          , i = "sm"
                          , o = "cm"
                          , a = "storeSupportabilityMetrics"
                          , s = "storeEventMetrics"
                    }
                    ,
                    630: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            T: () => n
                        });
                        const n = r(860).K7.pageViewEvent
                    }
                    ,
                    782: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            T: () => n
                        });
                        const n = r(860).K7.pageViewTiming
                    }
                    ,
                    344: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            G4: () => i
                        });
                        var n = r(614);
                        r(860).K7.sessionReplay;
                        const i = {
                            RECORD: "recordReplay",
                            PAUSE: "pauseReplay",
                            REPLAY_RUNNING: "replayRunning",
                            ERROR_DURING_REPLAY: "errorDuringReplay"
                        };
                        n.g.ERROR,
                        n.g.FULL,
                        n.g.OFF
                    }
                    ,
                    234: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            W: () => o
                        });
                        var n = r(836)
                          , i = r(687);
                        class o {
                            constructor(e, t) {
                                this.agentIdentifier = e,
                                this.ee = n.ee.get(e),
                                this.featureName = t,
                                this.blocked = !1
                            }
                            deregisterDrain() {
                                (0,
                                i.x3)(this.agentIdentifier, this.featureName)
                            }
                        }
                    }
                    ,
                    603: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            j: () => K
                        });
                        var n = r(860)
                          , i = r(555)
                          , o = r(371)
                          , a = r(908)
                          , s = r(836)
                          , c = r(687)
                          , u = r(289)
                          , l = r(154)
                          , d = r(944)
                          , f = r(773)
                          , g = r(384)
                          , p = r(344);
                        const m = ["setErrorHandler", "finished", "addToTrace", "addRelease", "recordCustomEvent", "addPageAction", "setCurrentRouteName", "setPageViewName", "setCustomAttribute", "interaction", "noticeError", "setUserId", "setApplicationVersion", "start", p.G4.RECORD, p.G4.PAUSE, "log", "wrapLogger"]
                          , h = ["setErrorHandler", "finished", "addToTrace", "addRelease"];
                        var v = r(863)
                          , b = r(614)
                          , y = r(993);
                        var w = r(646)
                          , R = r(434);
                        const A = new Map;
                        function E(e, t, r, n) {
                            if ("object" != typeof t || !t || "string" != typeof r || !r || "function" != typeof t[r])
                                return (0,
                                d.R)(29);
                            const i = function(e) {
                                return (e || s.ee).get("logger")
                            }(e)
                              , o = (0,
                            R.YM)(i)
                              , a = new w.y(s.P);
                            a.level = n.level,
                            a.customAttributes = n.customAttributes;
                            const c = t[r]?.[R.Jt] || t[r];
                            return A.set(c, a),
                            o.inPlace(t, [r], "wrap-logger-", ( () => A.get(c))),
                            i
                        }
                        function _() {
                            const e = (0,
                            g.pV)();
                            m.forEach((t => {
                                e[t] = (...r) => function(t, ...r) {
                                    let n = [];
                                    return Object.values(e.initializedAgents).forEach((e => {
                                        e && e.api ? e.exposed && e.api[t] && n.push(e.api[t](...r)) : (0,
                                        d.R)(38, t)
                                    }
                                    )),
                                    n.length > 1 ? n : n[0]
                                }(t, ...r)
                            }
                            ))
                        }
                        const x = {};
                        function N(e, t, g=!1) {
                            t || (0,
                            c.Ak)(e, "api");
                            const m = {};
                            var w = s.ee.get(e)
                              , R = w.get("tracer");
                            x[e] = b.g.OFF,
                            w.on(p.G4.REPLAY_RUNNING, (t => {
                                x[e] = t
                            }
                            ));
                            var A = "api-"
                              , _ = A + "ixn-";
                            function N(t, r, n, o) {
                                const a = (0,
                                i.Vp)(e);
                                return null === r ? delete a.jsAttributes[t] : (0,
                                i.x1)(e, {
                                    ...a,
                                    jsAttributes: {
                                        ...a.jsAttributes,
                                        [t]: r
                                    }
                                }),
                                j(A, n, !0, o || null === r ? "session" : void 0)(t, r)
                            }
                            function k() {}
                            m.log = function(e, {customAttributes: t={}, level: r=y.p_.INFO}={}) {
                                (0,
                                a.p)(f.xV, ["API/log/called"], void 0, n.K7.metrics, w),
                                function(e, t, r={}, i=y.p_.INFO) {
                                    (0,
                                    a.p)(f.xV, ["API/logging/".concat(i.toLowerCase(), "/called")], void 0, n.K7.metrics, e),
                                    (0,
                                    a.p)(y.ET, [(0,
                                    v.t)(), t, r, i], void 0, n.K7.logging, e)
                                }(w, e, t, r)
                            }
                            ,
                            m.wrapLogger = (e, t, {customAttributes: r={}, level: i=y.p_.INFO}={}) => {
                                (0,
                                a.p)(f.xV, ["API/wrapLogger/called"], void 0, n.K7.metrics, w),
                                E(w, e, t, {
                                    customAttributes: r,
                                    level: i
                                })
                            }
                            ,
                            h.forEach((e => {
                                m[e] = j(A, e, !0, "api")
                            }
                            )),
                            m.addPageAction = j(A, "addPageAction", !0, n.K7.genericEvents),
                            m.recordCustomEvent = j(A, "recordCustomEvent", !0, n.K7.genericEvents),
                            m.setPageViewName = function(t, r) {
                                if ("string" == typeof t)
                                    return "/" !== t.charAt(0) && (t = "/" + t),
                                    (0,
                                    o.f)(e).customTransaction = (r || "http://custom.transaction") + t,
                                    j(A, "setPageViewName", !0)()
                            }
                            ,
                            m.setCustomAttribute = function(e, t, r=!1) {
                                if ("string" == typeof e) {
                                    if (["string", "number", "boolean"].includes(typeof t) || null === t)
                                        return N(e, t, "setCustomAttribute", r);
                                    (0,
                                    d.R)(40, typeof t)
                                } else
                                    (0,
                                    d.R)(39, typeof e)
                            }
                            ,
                            m.setUserId = function(e) {
                                if ("string" == typeof e || null === e)
                                    return N("enduser.id", e, "setUserId", !0);
                                (0,
                                d.R)(41, typeof e)
                            }
                            ,
                            m.setApplicationVersion = function(e) {
                                if ("string" == typeof e || null === e)
                                    return N("application.version", e, "setApplicationVersion", !1);
                                (0,
                                d.R)(42, typeof e)
                            }
                            ,
                            m.start = () => {
                                try {
                                    (0,
                                    a.p)(f.xV, ["API/start/called"], void 0, n.K7.metrics, w),
                                    w.emit("manual-start-all")
                                } catch (e) {
                                    (0,
                                    d.R)(23, e)
                                }
                            }
                            ,
                            m[p.G4.RECORD] = function() {
                                (0,
                                a.p)(f.xV, ["API/recordReplay/called"], void 0, n.K7.metrics, w),
                                (0,
                                a.p)(p.G4.RECORD, [], void 0, n.K7.sessionReplay, w)
                            }
                            ,
                            m[p.G4.PAUSE] = function() {
                                (0,
                                a.p)(f.xV, ["API/pauseReplay/called"], void 0, n.K7.metrics, w),
                                (0,
                                a.p)(p.G4.PAUSE, [], void 0, n.K7.sessionReplay, w)
                            }
                            ,
                            m.interaction = function(e) {
                                return (new k).get("object" == typeof e ? e : {})
                            }
                            ;
                            const T = k.prototype = {
                                createTracer: function(e, t) {
                                    var r = {}
                                      , i = this
                                      , o = "function" == typeof t;
                                    return (0,
                                    a.p)(f.xV, ["API/createTracer/called"], void 0, n.K7.metrics, w),
                                    g || (0,
                                    a.p)(_ + "tracer", [(0,
                                    v.t)(), e, r], i, n.K7.spa, w),
                                    function() {
                                        if (R.emit((o ? "" : "no-") + "fn-start", [(0,
                                        v.t)(), i, o], r),
                                        o)
                                            try {
                                                return t.apply(this, arguments)
                                            } catch (e) {
                                                const t = "string" == typeof e ? new Error(e) : e;
                                                throw R.emit("fn-err", [arguments, this, t], r),
                                                t
                                            } finally {
                                                R.emit("fn-end", [(0,
                                                v.t)()], r)
                                            }
                                    }
                                }
                            };
                            function j(e, t, r, i) {
                                return function() {
                                    return (0,
                                    a.p)(f.xV, ["API/" + t + "/called"], void 0, n.K7.metrics, w),
                                    i && (0,
                                    a.p)(e + t, [r ? (0,
                                    v.t)() : performance.now(), ...arguments], r ? null : this, i, w),
                                    r ? void 0 : this
                                }
                            }
                            function I() {
                                r.e(296).then(r.bind(r, 778)).then(( ({setAPI: t}) => {
                                    t(e),
                                    (0,
                                    c.Ze)(e, "api")
                                }
                                )).catch((e => {
                                    (0,
                                    d.R)(27, e),
                                    w.abort()
                                }
                                ))
                            }
                            return ["actionText", "setName", "setAttribute", "save", "ignore", "onEnd", "getContext", "end", "get"].forEach((e => {
                                T[e] = j(_, e, void 0, g ? n.K7.softNav : n.K7.spa)
                            }
                            )),
                            m.setCurrentRouteName = g ? j(_, "routeName", void 0, n.K7.softNav) : j(A, "routeName", !0, n.K7.spa),
                            m.noticeError = function(t, r) {
                                "string" == typeof t && (t = new Error(t)),
                                (0,
                                a.p)(f.xV, ["API/noticeError/called"], void 0, n.K7.metrics, w),
                                (0,
                                a.p)("err", [t, (0,
                                v.t)(), !1, r, !!x[e]], void 0, n.K7.jserrors, w)
                            }
                            ,
                            l.RI ? (0,
                            u.GG)(( () => I()), !0) : I(),
                            m
                        }
                        var k = r(217)
                          , T = r(122);
                        const j = {
                            accountID: void 0,
                            trustKey: void 0,
                            agentID: void 0,
                            licenseKey: void 0,
                            applicationID: void 0,
                            xpid: void 0
                        }
                          , I = {};
                        var O = r(284);
                        const S = e => {
                            const t = e.startsWith("http");
                            e += "/",
                            r.p = t ? e : "https://" + e
                        }
                        ;
                        let P = !1;
                        function K(e, t={}, r, n) {
                            let {init: a, info: c, loader_config: u, runtime: d={}, exposed: f=!0} = t;
                            d.loaderType = r;
                            const p = (0,
                            g.pV)();
                            c || (a = p.init,
                            c = p.info,
                            u = p.loader_config),
                            (0,
                            k.xN)(e.agentIdentifier, a || {}),
                            function(e, t) {
                                if (!e)
                                    throw new Error("All loader-config objects require an agent identifier!");
                                I[e] = (0,
                                T.a)(t, j);
                                const r = (0,
                                g.nY)(e);
                                r && (r.loader_config = I[e])
                            }(e.agentIdentifier, u || {}),
                            c.jsAttributes ??= {},
                            l.bv && (c.jsAttributes.isWorker = !0),
                            (0,
                            i.x1)(e.agentIdentifier, c);
                            const m = (0,
                            k.D0)(e.agentIdentifier)
                              , h = [c.beacon, c.errorBeacon];
                            P || (m.proxy.assets && (S(m.proxy.assets),
                            h.push(m.proxy.assets)),
                            m.proxy.beacon && h.push(m.proxy.beacon),
                            _(),
                            (0,
                            g.US)("activatedFeatures", O.B),
                            e.runSoftNavOverSpa &&= !0 === m.soft_navigations.enabled && m.feature_flags.includes("soft_nav")),
                            d.denyList = [...m.ajax.deny_list || [], ...m.ajax.block_internal ? h : []],
                            d.ptid = e.agentIdentifier,
                            (0,
                            o.V)(e.agentIdentifier, d),
                            e.ee = s.ee.get(e.agentIdentifier),
                            void 0 === e.api && (e.api = N(e.agentIdentifier, n, e.runSoftNavOverSpa)),
                            void 0 === e.exposed && (e.exposed = f),
                            P = !0
                        }
                    }
                    ,
                    374: (e, t, r) => {
                        r.nc = ( () => {
                            try {
                                return document?.currentScript?.nonce
                            } catch (e) {}
                            return ""
                        }
                        )()
                    }
                    ,
                    860: (e, t, r) => {
                        "use strict";
                        r.d(t, {
                            $J: () => u,
                            K7: () => s,
                            P3: () => c,
                            XX: () => i,
                            qY: () => n,
                            v4: () => a
                        });
                        const n = "events"
                          , i = "jserrors"
                          , o = "browser/blobs"
                          , a = "rum"
                          , s = {
                            ajax: "ajax",
                            genericEvents: "generic_events",
                            jserrors: i,
                            logging: "logging",
                            metrics: "metrics",
                            pageAction: "page_action",
                            pageViewEvent: "page_view_event",
                            pageViewTiming: "page_view_timing",
                            sessionReplay: "session_replay",
                            sessionTrace: "session_trace",
                            softNav: "soft_navigations",
                            spa: "spa"
                        }
                          , c = {
                            [s.pageViewEvent]: 1,
                            [s.pageViewTiming]: 2,
                            [s.metrics]: 3,
                            [s.jserrors]: 4,
                            [s.spa]: 5,
                            [s.ajax]: 6,
                            [s.sessionTrace]: 7,
                            [s.softNav]: 8,
                            [s.sessionReplay]: 9,
                            [s.logging]: 10,
                            [s.genericEvents]: 11
                        }
                          , u = {
                            [s.pageViewEvent]: a,
                            [s.pageViewTiming]: n,
                            [s.ajax]: n,
                            [s.spa]: n,
                            [s.softNav]: n,
                            [s.metrics]: i,
                            [s.jserrors]: i,
                            [s.sessionTrace]: o,
                            [s.sessionReplay]: o,
                            [s.logging]: "browser/logs",
                            [s.genericEvents]: "ins"
                        }
                    }
                }, n = {};
                function i(e) {
                    var t = n[e];
                    if (void 0 !== t)
                        return t.exports;
                    var o = n[e] = {
                        exports: {}
                    };
                    return r[e](o, o.exports, i),
                    o.exports
                }
                i.m = r,
                i.d = (e, t) => {
                    for (var r in t)
                        i.o(t, r) && !i.o(e, r) && Object.defineProperty(e, r, {
                            enumerable: !0,
                            get: t[r]
                        })
                }
                ,
                i.f = {},
                i.e = e => Promise.all(Object.keys(i.f).reduce(( (t, r) => (i.f[r](e, t),
                t)), [])),
                i.u = e => "nr-rum-1.284.1.min.js",
                i.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t),
                e = {},
                t = "NRBA-1.284.1.PROD:",
                i.l = (r, n, o, a) => {
                    if (e[r])
                        e[r].push(n);
                    else {
                        var s, c;
                        if (void 0 !== o)
                            for (var u = document.getElementsByTagName("script"), l = 0; l < u.length; l++) {
                                var d = u[l];
                                if (d.getAttribute("src") == r || d.getAttribute("data-webpack") == t + o) {
                                    s = d;
                                    break
                                }
                            }
                        if (!s) {
                            c = !0;
                            var f = {
                                296: "sha512-I5tV79u0jhQi7aouG2M+kaxUnC8otPe2WXnytHYva1pERqoP8GhxHAi7OJZyNzSvBOojrdGEBSfIO5Sy7scrmA=="
                            };
                            (s = document.createElement("script")).charset = "utf-8",
                            s.timeout = 120,
                            i.nc && s.setAttribute("nonce", i.nc),
                            s.setAttribute("data-webpack", t + o),
                            s.src = r,
                            0 !== s.src.indexOf(window.location.origin + "/") && (s.crossOrigin = "anonymous"),
                            f[a] && (s.integrity = f[a])
                        }
                        e[r] = [n];
                        var g = (t, n) => {
                            s.onerror = s.onload = null,
                            clearTimeout(p);
                            var i = e[r];
                            if (delete e[r],
                            s.parentNode && s.parentNode.removeChild(s),
                            i && i.forEach((e => e(n))),
                            t)
                                return t(n)
                        }
                          , p = setTimeout(g.bind(null, void 0, {
                            type: "timeout",
                            target: s
                        }), 12e4);
                        s.onerror = g.bind(null, s.onerror),
                        s.onload = g.bind(null, s.onload),
                        c && document.head.appendChild(s)
                    }
                }
                ,
                i.r = e => {
                    "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
                        value: "Module"
                    }),
                    Object.defineProperty(e, "__esModule", {
                        value: !0
                    })
                }
                ,
                i.p = "https://js-agent.newrelic.com/",
                ( () => {
                    var e = {
                        374: 0,
                        840: 0
                    };
                    i.f.j = (t, r) => {
                        var n = i.o(e, t) ? e[t] : void 0;
                        if (0 !== n)
                            if (n)
                                r.push(n[2]);
                            else {
                                var o = new Promise(( (r, i) => n = e[t] = [r, i]));
                                r.push(n[2] = o);
                                var a = i.p + i.u(t)
                                  , s = new Error;
                                i.l(a, (r => {
                                    if (i.o(e, t) && (0 !== (n = e[t]) && (e[t] = void 0),
                                    n)) {
                                        var o = r && ("load" === r.type ? "missing" : r.type)
                                          , a = r && r.target && r.target.src;
                                        s.message = "Loading chunk " + t + " failed.\n(" + o + ": " + a + ")",
                                        s.name = "ChunkLoadError",
                                        s.type = o,
                                        s.request = a,
                                        n[1](s)
                                    }
                                }
                                ), "chunk-" + t, t)
                            }
                    }
                    ;
                    var t = (t, r) => {
                        var n, o, [a,s,c] = r, u = 0;
                        if (a.some((t => 0 !== e[t]))) {
                            for (n in s)
                                i.o(s, n) && (i.m[n] = s[n]);
                            if (c)
                                c(i)
                        }
                        for (t && t(r); u < a.length; u++)
                            o = a[u],
                            i.o(e, o) && e[o] && e[o][0](),
                            e[o] = 0
                    }
                      , r = self["webpackChunk:NRBA-1.284.1.PROD"] = self["webpackChunk:NRBA-1.284.1.PROD"] || [];
                    r.forEach(t.bind(null, 0)),
                    r.push = t.bind(null, r.push.bind(r))
                }
                )(),
                ( () => {
                    "use strict";
                    i(374);
                    var e = i(944)
                      , t = i(344)
                      , r = i(566);
                    class n {
                        agentIdentifier;
                        constructor() {
                            this.agentIdentifier = (0,
                            r.LA)(16)
                        }
                        #e(t, ...r) {
                            if ("function" == typeof this.api?.[t])
                                return this.api[t](...r);
                            (0,
                            e.R)(35, t)
                        }
                        addPageAction(e, t) {
                            return this.#e("addPageAction", e, t)
                        }
                        recordCustomEvent(e, t) {
                            return this.#e("recordCustomEvent", e, t)
                        }
                        setPageViewName(e, t) {
                            return this.#e("setPageViewName", e, t)
                        }
                        setCustomAttribute(e, t, r) {
                            return this.#e("setCustomAttribute", e, t, r)
                        }
                        noticeError(e, t) {
                            return this.#e("noticeError", e, t)
                        }
                        setUserId(e) {
                            return this.#e("setUserId", e)
                        }
                        setApplicationVersion(e) {
                            return this.#e("setApplicationVersion", e)
                        }
                        setErrorHandler(e) {
                            return this.#e("setErrorHandler", e)
                        }
                        addRelease(e, t) {
                            return this.#e("addRelease", e, t)
                        }
                        log(e, t) {
                            return this.#e("log", e, t)
                        }
                    }
                    class o extends n {
                        #e(t, ...r) {
                            if ("function" == typeof this.api?.[t])
                                return this.api[t](...r);
                            (0,
                            e.R)(35, t)
                        }
                        start() {
                            return this.#e("start")
                        }
                        finished(e) {
                            return this.#e("finished", e)
                        }
                        recordReplay() {
                            return this.#e(t.G4.RECORD)
                        }
                        pauseReplay() {
                            return this.#e(t.G4.PAUSE)
                        }
                        addToTrace(e) {
                            return this.#e("addToTrace", e)
                        }
                        setCurrentRouteName(e) {
                            return this.#e("setCurrentRouteName", e)
                        }
                        interaction() {
                            return this.#e("interaction")
                        }
                        wrapLogger(e, t, r) {
                            return this.#e("wrapLogger", e, t, r)
                        }
                    }
                    var a = i(860)
                      , s = i(217);
                    const c = Object.values(a.K7);
                    function u(e) {
                        const t = {};
                        return c.forEach((r => {
                            t[r] = function(e, t) {
                                return !0 === (0,
                                s.gD)(t, "".concat(e, ".enabled"))
                            }(r, e)
                        }
                        )),
                        t
                    }
                    var l = i(603);
                    var d = i(687)
                      , f = i(234)
                      , g = i(289)
                      , p = i(154)
                      , m = i(384);
                    const h = e => p.RI && !0 === (0,
                    s.gD)(e, "privacy.cookies_enabled");
                    function v(e) {
                        return !!(0,
                        m.dV)().o.MO && h(e) && !0 === (0,
                        s.gD)(e, "session_trace.enabled")
                    }
                    var b = i(389);
                    class y extends f.W {
                        constructor(e, t, r=!0) {
                            super(e.agentIdentifier, t),
                            this.auto = r,
                            this.abortHandler = void 0,
                            this.featAggregate = void 0,
                            this.onAggregateImported = void 0,
                            !1 === e.init[this.featureName].autoStart && (this.auto = !1),
                            this.auto ? (0,
                            d.Ak)(e.agentIdentifier, t) : this.ee.on("manual-start-all", (0,
                            b.J)(( () => {
                                (0,
                                d.Ak)(e.agentIdentifier, this.featureName),
                                this.auto = !0,
                                this.importAggregator(e)
                            }
                            )))
                        }
                        importAggregator(t, r={}) {
                            if (this.featAggregate || !this.auto)
                                return;
                            let n;
                            this.onAggregateImported = new Promise((e => {
                                n = e
                            }
                            ));
                            const o = async () => {
                                let o;
                                try {
                                    if (h(this.agentIdentifier)) {
                                        const {setupAgentSession: e} = await i.e(296).then(i.bind(i, 861));
                                        o = e(t)
                                    }
                                } catch (t) {
                                    (0,
                                    e.R)(20, t),
                                    this.ee.emit("internal-error", [t]),
                                    this.featureName === a.K7.sessionReplay && this.abortHandler?.()
                                }
                                try {
                                    if (!this.#t(this.featureName, o))
                                        return (0,
                                        d.Ze)(this.agentIdentifier, this.featureName),
                                        void n(!1);
                                    const {lazyFeatureLoader: e} = await i.e(296).then(i.bind(i, 103))
                                      , {Aggregate: a} = await e(this.featureName, "aggregate");
                                    this.featAggregate = new a(t,r),
                                    t.runtime.harvester.initializedAggregates.push(this.featAggregate),
                                    n(!0)
                                } catch (t) {
                                    (0,
                                    e.R)(34, t),
                                    this.abortHandler?.(),
                                    (0,
                                    d.Ze)(this.agentIdentifier, this.featureName, !0),
                                    n(!1),
                                    this.ee && this.ee.abort()
                                }
                            }
                            ;
                            p.RI ? (0,
                            g.GG)(( () => o()), !0) : o()
                        }
                        #t(e, t) {
                            switch (e) {
                            case a.K7.sessionReplay:
                                return v(this.agentIdentifier) && !!t;
                            case a.K7.sessionTrace:
                                return !!t;
                            default:
                                return !0
                            }
                        }
                    }
                    var w = i(630);
                    class R extends y {
                        static featureName = w.T;
                        constructor(e, t=!0) {
                            super(e, w.T, t),
                            this.importAggregator(e)
                        }
                    }
                    var A = i(908)
                      , E = i(843)
                      , _ = i(878)
                      , x = i(782)
                      , N = i(863);
                    class k extends y {
                        static featureName = x.T;
                        constructor(e, t=!0) {
                            super(e, x.T, t),
                            p.RI && ((0,
                            E.u)(( () => (0,
                            A.p)("docHidden", [(0,
                            N.t)()], void 0, x.T, this.ee)), !0),
                            (0,
                            _.sp)("pagehide", ( () => (0,
                            A.p)("winPagehide", [(0,
                            N.t)()], void 0, x.T, this.ee))),
                            this.importAggregator(e))
                        }
                    }
                    var T = i(773);
                    class j extends y {
                        static featureName = T.TZ;
                        constructor(e, t=!0) {
                            super(e, T.TZ, t),
                            p.RI && document.addEventListener("securitypolicyviolation", (e => {
                                (0,
                                A.p)(T.xV, ["Generic/CSPViolation/Detected"], void 0, this.featureName, this.ee)
                            }
                            )),
                            this.importAggregator(e)
                        }
                    }
                    new class extends o {
                        constructor(t) {
                            super(),
                            p.gm ? (this.features = {},
                            (0,
                            m.bQ)(this.agentIdentifier, this),
                            this.desiredFeatures = new Set(t.features || []),
                            this.desiredFeatures.add(R),
                            this.runSoftNavOverSpa = [...this.desiredFeatures].some((e => e.featureName === a.K7.softNav)),
                            (0,
                            l.j)(this, t, t.loaderType || "agent"),
                            this.run()) : (0,
                            e.R)(21)
                        }
                        get config() {
                            return {
                                info: this.info,
                                init: this.init,
                                loader_config: this.loader_config,
                                runtime: this.runtime
                            }
                        }
                        run() {
                            try {
                                const t = u(this.agentIdentifier)
                                  , r = [...this.desiredFeatures];
                                r.sort(( (e, t) => a.P3[e.featureName] - a.P3[t.featureName])),
                                r.forEach((r => {
                                    if (!t[r.featureName] && r.featureName !== a.K7.pageViewEvent)
                                        return;
                                    if (this.runSoftNavOverSpa && r.featureName === a.K7.spa)
                                        return;
                                    if (!this.runSoftNavOverSpa && r.featureName === a.K7.softNav)
                                        return;
                                    const n = function(e) {
                                        switch (e) {
                                        case a.K7.ajax:
                                            return [a.K7.jserrors];
                                        case a.K7.sessionTrace:
                                            return [a.K7.ajax, a.K7.pageViewEvent];
                                        case a.K7.sessionReplay:
                                            return [a.K7.sessionTrace];
                                        case a.K7.pageViewTiming:
                                            return [a.K7.pageViewEvent];
                                        default:
                                            return []
                                        }
                                    }(r.featureName).filter((e => !(e in this.features)));
                                    n.length > 0 && (0,
                                    e.R)(36, {
                                        targetFeature: r.featureName,
                                        missingDependencies: n
                                    }),
                                    this.features[r.featureName] = new r(this)
                                }
                                ))
                            } catch (t) {
                                (0,
                                e.R)(22, t);
                                for (const e in this.features)
                                    this.features[e].abortHandler?.();
                                const r = (0,
                                m.Zm)();
                                delete r.initializedAgents[this.agentIdentifier]?.api,
                                delete r.initializedAgents[this.agentIdentifier]?.features,
                                delete this.sharedAggregator;
                                return r.ee.get(this.agentIdentifier).abort(),
                                !1
                            }
                        }
                    }
                    ({
                        features: [R, k, j],
                        loaderType: "lite"
                    })
                }
                )()
            }
            )();
        </script>
        <meta name="title" content="AGEN TOTO PLAY | Agen Toto 4D dan Login Slot Resmi dengan Tampilan Modern Terbaik"/>
        <meta name="description" content="Agentotoplay adalah agen toto 4D dan slot resmi dengan tampilan modern terbaik. Nikmati login agen toto play mudah, akses stabil, dan pengalaman bermain yang nyaman dan aman."/>
        <meta name="keywords" content="AGEN TOTO PLAY"/>
        <meta name="distribution" content="Global"/>
        <meta name="rating" content="general"/>
        <meta name="geo.region" content="ID"/>
        <meta name="geo.placename" content="Indonesia"/>
        <meta name="author" content="AGEN TOTO PLAY"/>
        <meta name="publisher" content="AGEN TOTO PLAY"/>
        <meta name="copyright" content="AGEN TOTO PLAY"/>
        <meta name="robots" content="INDEX,FOLLOW"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta name="google-site-verification" content="0P3XVs2lGk3j19_0OURT7qd69MjpT9Is8NFBf-9lSpw"/>
        <meta name="format-detection" content="telephone=no"/>
        <title>AGEN TOTO PLAY | Agen Toto 4D dan Login Slot Resmi dengan Tampilan Modern Terbaik</title>
        <link rel="stylesheet" type="text/css" media="all and (min-width: 1px)" href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/b2bfec61d909c3765479549b8b44c102.min.css"/>
        <link rel="stylesheet" type="text/css" media="all" href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/56b5914bf926abed304351798d035de2.min.css"/>
        <link rel="stylesheet" type="text/css" media="screen, print" href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/fac5fbb731d8a9118c7561e0e8b1fc67.min.css"/>
        <!--[if IE 11]>
<script  type="text/javascript"  src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Klevu_Search/js/klevu/ieUrlPolyfill.min.js"></script>
<![endif]-->
        <script type="text/javascript" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/kanmo_custom.min.js"></script>
        <script type="text/javascript" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_BookingAppointment/js/product_detail_handler.min.js"></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="amphtml" href="https://shop.lamveenn.com/"/>
        <link rel="icon" type="image/x-icon" href="https://lamveenn.com/wp-content/uploads/2018/06/cropped-logo-umus-32x32.png"/>
        <link rel="shortcut icon" type="image/x-icon" href="https://lamveenn.com/wp-content/uploads/2018/06/cropped-logo-umus-32x32.png"/>
        <link rel="canonical" href="https://lamveenn.com/"/>
        <link rel="alternate" hreflang="id-id" href="https://shop.lamveenn.com/"/>
        <link rel="alternate" href="https://shop.lamveenn.com/"/>
        <link rel="alternate" hreflang="id" href="https://shop.lamveenn.com/"/>
        <link rel="alternate" hreflang="en" href="https://shop.lamveenn.com/"/>
        <!--KB6WK8EHVmVHTESzwSWVMjZ6KU8vWqCH-->
        <!--2a1s2GN9TUKbwHv3HvawyC8mbXQAIuWc-->
        <!--vi7727dwaRtKsPIHEXMsLQoewBm0jClQ-->
        <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="https://js.klevu.com/core/v2/klevu.js"></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="https://js.klevu.com/theme/default/v2/quick-search-theme.js"></script>
        <script type="text/x-magento-init" data-breeze-processed="true">
            
        {
            "*": {
                "Magento_PageCache/js/form-key-provider": {
                    "isPaginationCacheEnabled":
                        0                }
            }
        }
    
        </script>
        <!-- Google tag (gtag.js) -->
        <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-404GXE7LR3"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());

            gtag('config', 'G-404GXE7LR3');
        </script>
        <link rel="stylesheet" type="text/css" as="style" onload="this.rel=stylesheet" media="all" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/default.min.css"/>
        <link rel="stylesheet" type="text/css" media="[object HTMLAllCollection]" onload="media=all" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/deferred-default.min.css"/>
        <meta property="og:type" content="product"/>
        <meta property="og:title" content="AGEN TOTO PLAY | Agen Toto 4D dan Login Slot Resmi dengan Tampilan Modern Terbaik"/>
        <meta property="og:image" content="https://lamveenn.com/assets/img-agentotoplay.webp"/>
        <meta property="og:description" content="Agentotoplay adalah agen toto 4D dan slot resmi dengan tampilan modern terbaik. Nikmati login mudah, akses stabil, dan pengalaman bermain yang nyaman dan aman."/>
        <meta property="og:url" content="https://lamveenn.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="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/knockout-3.5.1.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/extend-ko.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/turbolinks-5.2.0.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/underscore-1.13.1.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/tabbable-5.2.1.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/focus-trap-6.7.1.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/cash-8.1.2.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/extend-cash.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/swiped-events-1.1.4.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/js.cookie-3.0.1.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/class.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/double-tap.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/globals.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/load-script.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/async.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/request.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/translate.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/validator.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/component.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/cookie.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/storage.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/sections.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/main.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/turbo.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/define.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/common.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/url.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/theme.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/theme-blank.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/extend.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/custom.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/core.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/lite-yt-embed.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/dropdown.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/dropdown-dialog.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/collapsible.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/tabs.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/accordion.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/toggle-advanced.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/modal.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/confirm.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/alert.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer-data.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form-key.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/page-cache.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/messages.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/block-loader.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/data-post.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/menu.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/minicart.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/proceed-to-checkout.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/catalog-add-to-cart.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/product-list-toolbar-form.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/compare-products.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validation.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/redirect-url.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/quick-search.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/msrp.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-tag-manager-universal.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-tag-manager.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/wishlist.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/recent-products.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form-provider.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/login-as-customer.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/captcha.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-recaptcha.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/modal-manager.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/ajaxpro.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/modal.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/data-post.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/catalog-add-to-cart.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/catalog-product-view.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/breeze/tabs.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/tabs-toolbar.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/tabs-updater.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validate-product.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/register-viewed-products.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/price-utils.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/price-box.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/price-options.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/breadcrumbs.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/gallery.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/panzoom-4.5.0.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/gallery-panzoom.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/reviews.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/shuffle-and-reveal.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/upsell-products.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/related-products.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/cart.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/product-configure.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/bundle.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/configurable.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/swatch-renderer.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/configurable-configure.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/customer.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/address.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/change-email-password.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/region-updater.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/address-validation.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer-assistance.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/last-ordered-items.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/logout-redirect.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerName/js/breeze/customer-name.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/cityUpdater.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/districtUpdater.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/postalcodeUpdater.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/subdistrictUpdater.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/slider.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/carousel.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/tabs.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/map.min.js"></script>
        <script data-breeze="" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/initializer.min.js"></script>
        <link rel="preload" as="image" href="https://lamveenn.com/assets/img-agentotoplay.webp" imagesrcset="https://lamveenn.com/assets/img-agentotoplay.webp 512w,https://lamveenn.com/assets/img-agentotoplay.webp 549w,https://lamveenn.com/assets/img-agentotoplay.webp 608w,https://lamveenn.com/assets/img-agentotoplay.webp 704w,https://lamveenn.com/assets/img-agentotoplay.webp 960w,https://lamveenn.com/assets/img-agentotoplay.webp 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-d08370d4-5281-532f-0dd9-f771859e88c4">
            !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 .2s cubic-bezier(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 .1s cubic-bezier(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 .4s;
                height: 100%
            }

            .kuCarousel .kuSlide {
                height: 100%;
                position: absolute;
                z-index: 1;
                transition: left .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 .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: #4d7abf;
                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 .3s ease
            }

            .kuFilterBox .kuCollapse {
                position: relative!important;
                transition: all .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 .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 .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 .3s,top .3s;
                transition: left .3s,top .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: #009b46!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: .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: .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: .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="https://maps.google.com/maps-api-v3/api/js/64/8b/common.js"></script>
        <script type="text/javascript" charset="UTF-8" src="https://maps.google.com/maps-api-v3/api/js/64/8b/util.js"></script>
        <script type="text/javascript" id="kfl-242f1fbb-244a-aa09-ddea-f0eed73519d0">
            !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 .2s cubic-bezier(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 .1s cubic-bezier(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 .4s;
                height: 100%
            }

            .kuCarousel .kuSlide {
                height: 100%;
                position: absolute;
                z-index: 1;
                transition: left .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 .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: #4d7abf;
                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 .3s ease
            }

            .kuFilterBox .kuCollapse {
                position: relative!important;
                transition: all .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 .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 .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 .3s,top .3s;
                transition: left .3s,top .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: #009b46!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: .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: .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: .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="https://maps.google.com/maps-api-v3/api/js/64/8b/common.js"></script>
        <script type="text/javascript" charset="UTF-8" src="https://maps.google.com/maps-api-v3/api/js/64/8b/util.js"></script>
        <script type="text/javascript" id="kfl-ff809025-0d35-3899-c8f7-d49902b4b111">
            !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 .2s cubic-bezier(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 .1s cubic-bezier(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 .4s;
                height: 100%
            }

            .kuCarousel .kuSlide {
                height: 100%;
                position: absolute;
                z-index: 1;
                transition: left .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 .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: #4d7abf;
                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 .3s ease
            }

            .kuFilterBox .kuCollapse {
                position: relative!important;
                transition: all .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 .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 .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 .3s,top .3s;
                transition: left .3s,top .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: #009b46!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: .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: .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: .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="https://maps.google.com/maps-api-v3/api/js/64/8b/common.js"></script>
        <script type="text/javascript" charset="UTF-8" src="https://maps.google.com/maps-api-v3/api/js/64/8b/util.js"></script>
    </head>
    <body data-container="body" data-mage-init="{&quot;loaderAjax&quot;: {}, &quot;loader&quot;: { &quot;icon&quot;: &quot;https://ampbongkrek.lol/iw/img/iconcpg.png&quot;}}" class="breeze breeze-theme page-product-configurable catalog-product-view product-nordic-naturals-baby-s-dha-52135545-AYO01 page-layout-1column" id="html-body" data-breeze-processed="true">
        <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 type="text/x-magento-init" data-breeze-processed="true">
            
    {
        "*": {
            "Magento_GoogleTagManager/js/google-tag-manager-cart": {
                "blockNames": ["category.products.list","product.info.upsell","catalog.product.related","checkout.cart.crosssell","search_result_list"],
                "cookieAddToCart": "add_to_cart",
                "cookieRemoveFromCart":
                    "remove_from_cart",
                "advancedAddToCart": "add_to_cart_advanced"
            }
        }
    }

        </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: linear-gradient(135deg, #ffac41, #ffac41);">
                        <a class="action skip contentarea" href="#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://shop.lamveenn.com/">
                                                <img width="14" height="14" alt="download icon" loading="lazy" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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://shop.lamveenn.com/" target="_blank" ng-click="callAction($event, appStore)">
                                                                    <img loading="lazy" width="200" height="60" alt="app store" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png"/>
                                                                </a>
                                                            </div>
                                                            <div class="view code play_store">
                                                                <a class="sh-store-link" data-test="google-play-link" href="https://shop.lamveenn.com/" target="_blank" ng-click="callAction($event, appStore)">
                                                                    <img loading="lazy" width="200" height="60" alt="google play" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png"/>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="https://shop.lamveenn.com/">
                                                <img loading="lazy" width="22" height="22" alt="gift registry icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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="{&quot;dropdownDialog&quot;:{
                &quot;appendTo&quot;:&quot;#switcher-language &gt; .options&quot;,
                &quot;triggerTarget&quot;:&quot;#switcher-language-trigger&quot;,
                &quot;closeOnMouseLeave&quot;: false,
                &quot;triggerClass&quot;:&quot;active&quot;,
                &quot;parentClass&quot;:&quot;active&quot;,
                &quot;buttons&quot;: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="{&quot;dropdownDialog&quot;:{
                &quot;appendTo&quot;:&quot;#switcher-language &gt; .options&quot;,
                &quot;triggerTarget&quot;:&quot;#switcher-language-trigger&quot;,
                &quot;closeOnMouseLeave&quot;: false,
                &quot;triggerClass&quot;:&quot;active&quot;,
                &quot;parentClass&quot;:&quot;active&quot;,
                &quot;buttons&quot;:null}}" data-breeze-processed="true"></ul>
                                    </div>
                                </div>
                            </div>
                            <style>
                                body {
                                    background: #ffac41;
                                    margin: 0;
                                    min-height: 100vh;
                                    direction: ltr;
                                }

                                .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: .4s;
                                    transition: .4s;
                                }

                                .slider:before {
                                    position: absolute;
                                    content: "ID";
                                    height: 26px;
                                    width: 26px;
                                    left: 4px;
                                    bottom: 4px;
                                    background-color: white;
                                    -webkit-transition: .4s;
                                    transition: .4s;
                                    color: #000;
                                }

                                input:checked + .slider {
                                    background-color: #ccc;
                                }

                                input:focus + .slider {
                                    box-shadow: 0 0 1px #2196F3;
                                }

                                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://shop.lamveenn.com/">
                                                <img loading="lazy" width="22" height="22" alt="store finder icon" src="https://ampbongkrek.lol/iw/img/iconcpg.png"/>LOGIN
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://shop.lamveenn.com/">
                                                <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://ampbongkrek.lol/iw/img/iconcpg.png"/>DAFTAR
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://shop.lamveenn.com/" target="_blank">
                                                <img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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://lamveenn.com/" title="" aria-label="store logo">
                        <img src="https://lamveenn.com/assets/agentotoplay-logo.gif" 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://lamveenn.com/">
                                                <span>
                                                    <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/KanmoCircle.svg"/>
                                                </span>
                                                about Kanmo Circle
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://lamveenn.com/">
                                                <img loading="lazy" width="22" height="22" alt="gift registry icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_blue.svg"/>gift registry
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://lamveenn.com/">
                                                <span>
                                                    <img loading="lazy" width="22" height="22" alt="store finder icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/storefinder_blue.svg"/>
                                                </span>
                                                store finder
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://lamveenn.com/" target="_blank">
                                                <span>
                                                    <img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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="{&quot;menu&quot;:{&quot;responsive&quot;:false, &quot;expanded&quot;:false, &quot;position&quot;:{&quot;my&quot;:&quot;left top&quot;,&quot;at&quot;:&quot;left bottom&quot;}}}" 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://lamveenn.com/" style="font-size:12px;" class=" nav-anchor">
                                                <span>AGEN TOTO PLAY</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="" title="A" class="active">A</a>
                                                                            <a href="" title="B">B</a>
                                                                            <a href="" title="C">C</a>
                                                                            <a href="" title="D">D</a>
                                                                            <a href="" title="E">E</a>
                                                                            <a href="" title="F">F</a>
                                                                            <a href="" title="G">G</a>
                                                                            <a href="" title="H">H</a>
                                                                            <a href="" title="I">I</a>
                                                                            <a href="" title="J">J</a>
                                                                            <a href="" title="K">K</a>
                                                                            <a href="" title="L">L</a>
                                                                            <a href="" title="M">M</a>
                                                                            <a href="" title="N">N</a>
                                                                            <a href="" title="O">O</a>
                                                                            <a href="" title="P">P</a>
                                                                            <a href="" title="Q">Q</a>
                                                                            <a href="" title="R">R</a>
                                                                            <a href="" title="S">S</a>
                                                                            <a href="" title="T">T</a>
                                                                            <a href="" title="U">U</a>
                                                                            <a href="" title="V">V</a>
                                                                            <a href="" title="W">W</a>
                                                                            <a href="" title="X">X</a>
                                                                            <a href="" title="Y">Y</a>
                                                                            <a href="" title="Z">Z</a>
                                                                            <a href="" 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="/brand-a-z/addo.html">Addo</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/adidas.html">Adidas</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/airfree.html">Airfree</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/alamii.html">Alamii</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/amara.html">Amara</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/aqua-scale.html">Aqua Scale</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/asics.html">Asics</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/aveeno.html">Aveeno</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/awan.html">Awan</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: block;">
                                                                                <a href="/brand-a-z/azetabio.html">Azetabio</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/babiators.html">Babiators</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/dove.html">Baby Dove</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/baby-jogger.html">Baby Jogger</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/baby-rovega.html">Baby Rovega</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/babybee.html">Babybee</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/banana-boat.html">Banana Boat</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/banz.html">Banz</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/barbie.html">Barbie</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/beaba.html">Beaba</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/beauty-barn.html">Beauty Barn</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/bio-oil.html">Bio Oil</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/biolane.html">Biolane</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/bite-fighters.html">Bite Fighters</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/bizzi-growin.html">Bizzi Growin</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/blackmores.html">Blackmores</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/blooming-marvellous.html">Blooming Marvellous</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/bonnels.html">Bonnels</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/bravado.html">Bravado</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/bruder.html">Bruder</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/brush-baby.html">Brush Baby</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/buds.html">Buds Organics</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/bugaboo.html">Bugaboo</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/buggygear.html">Buggygear</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/bumkins.html">Bumkins</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/cetaphil.html">Cetaphil</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/chicco.html">Chicco</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/childlife.html">Childlife</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/clevamama.html">Clevamama</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/cocolatte.html">Cocolatte</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/cottonseeds.html">Cottonseeds</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/cozy-n-safe.html">Cozy N Safe</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/crane.html">Crane</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/cybex.html">Cybex</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/dae-organics.html">Dae Organics</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/docare.html">Docare</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/doona.html">Doona</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/down-to-earth.html">Down To Earth</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/drew.html">Drew</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/dr-brown-s.html">Dr. Browns</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/elc.html">ELC</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/ergobaby.html">Ergobaby</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/expert-care.html">Expert Care</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/ezyroller.html">Ezyroller</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/felt-so-sweet.html">Felt So Sweet</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/fisher-price.html">Fisher Price</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/flipper.html">Flipper</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/friends-of-sally.html">Friends Of Sally</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/gb.html">Gb</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/geko.html">Geko</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/graco.html">Graco</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/gund.html">Gund</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/habbie.html">Habbie</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/haenim.html">Haenim</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/happy-horse.html">Happy Horse</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/happy-tummy.html">Happy Tummy</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/hauck.html">Hauck</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/havaianas.html">Havaianas</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/hegen.html">Hegen</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/hot-wheels.html">Hot Wheels</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/hybrid.html">Hybrid</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/inlacta-dha.html">Inlacta DHA</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/interlac.html">Interlac</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/ivenet.html">Ivenet</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/jack-n-jill.html">Jack N Jill</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/joie.html">Joie</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/joolz.html">Joolz</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/jujube.html">Jujube</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/kiddycuts.html">Kiddycuts</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/kumon.html">Kumon</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/leapfrog.html">Leapfrog</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/leclerc.html">Leclerc</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/lee-vierra.html">Lee Vierra</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/lillebaby.html">Lillebaby</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/little-bird-told-me.html">Little Bird Told Me</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/little-miss-janis.html">Little Miss Janis</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/london-taxi.html">London Taxi</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/love-to-dream.html">Love To Dream</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/magformers.html">Magformers</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/mamaschoice.html">Mamas Choice</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/mamas-papas.html">Mamas &amp;Papas</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/mamaway.html">Mamaway</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/maxi-cosi.html">Maxi Cosi</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/megabloks.html">Megabloks</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/micro.html">Micro</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/mideer.html">MiDeer</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/mimi-lula.html">Mimi &amp;Lula</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/mini-monkey.html">Mini Monkey</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/moby.html">Moby</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/momami.html">Momami</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/mothercare.html">Mothercare</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/mustela.html">Mustela</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/my-buddy-tag.html">My Buddy Tag</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/my-k.html">My K</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/naif.html">Naif</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/nike.html">Nike</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/nordic-natural.html">Nordic Natural</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/nuby.html">Nuby</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/nuna.html">Nuna</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/oh-ma-grain.html">Oh Ma Grain</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/okiedog.html">Okiedog</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/peachy.html">Peachy</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/phil-ted-s.html">Phil &amp;Teds</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/philips-avent.html">Philips Avent</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/pigeon.html">Pigeon</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/playgro.html">Playgro</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/poled-global.html">Poled Global</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/ponycycle.html">Ponycycle</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/puma.html">Puma</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/pureats.html">Pureats</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/qv-baby.html">QV Baby</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/real-shades.html">Real Shades</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/red-castle.html">Red Castle</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/ribbon-madness.html">Ribbon Madness</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/sebamed.html">Sebamed</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/silver-cross.html">Silver Cross</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/simply-idea.html">Simply Idea</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/skip-hop.html">Skip Hop</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/spectra.html">Spectra</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/squishmallows.html">Squishmallows</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/starbooks.html">Starbooks</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/stick-o.html">Stick-O</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/stokke.html">Stokke</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/sudocrem.html">Sudocrem</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/sumimo.html">Sumimo</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/sunnylife.html">Sunnylife</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/sun-staches.html">Sun-Staches</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/swimava.html">Swimava</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/tommee-tippee.html">Tommee Tippee</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/trunki.html">Trunki</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/tutti-bambini.html">Tutti Bambini</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/twistshake.html">Twistshake</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/ty-toys.html">TY Toys</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/veja.html">Veja</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/vitaflow.html">Vitaflow</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/vtech.html">Vtech</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/waterland.html">Waterland</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/wellness.html">Wellness</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/xootz.html">Xootz</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/yamatoya.html">Yamatoya</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/zaxy.html">Zaxy</a>
                                                                            </p>
                                                                            <p class="brand-name" style="display: none;">
                                                                                <a href="/brand-a-z/zoggs.html">Zoggs</a>
                                                                            </p>
                                                                            <p class="brand-name numb" style="display: none;">
                                                                                <a href="/brand-a-z/4moms.html">4Moms</a>
                                                                            </p>
                                                                            <p class="brand-name numb" style="display: none;">
                                                                                <a href="/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="/brand-a-z/addo.html">Addo</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/adidas.html" class="">Adidas</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/airfree.html" class="">Airfree</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/alamii.html">Alamii</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/amara.html">Amara</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/aqua-scale.html">Aqua Scale</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/asics.html">Asics</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/aveeno.html">Aveeno</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/awan.html">Awan</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/baabaasheepz.html">Baabaasheepz</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/babiators.html">Babiators</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/dove.html">Baby Dove</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/baby-jogger.html">Baby Jogger</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/baby-rovega.html">Baby Rovega</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/babybee.html">Babybee</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/banana-boat.html">Banana Boat</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/banz.html">Banz</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/barbie.html">Barbie</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/beaba.html">Beaba</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/beauty-barn.html">Beauty Barn</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/bio-oil.html">Bio Oil</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/biolane.html">Biolane</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/bite-fighters.html">Bite Fighters</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/bizzi-growin.html">Bizzi Growin</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/blackmores.html">Blackmores</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/blooming-marvellous.html">Blooming Marvellous</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/bonnels.html">Bonnels</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/bravado.html">Bravado</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/bruder.html">Bruder</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/brush-baby.html">Brush Baby</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/buds.html">Buds Organics</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/bugaboo.html">Bugaboo</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/buggygear.html">Buggygear</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/cetaphil.html">Cetaphil</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/chicco.html">Chicco</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/childlife.html">Childlife</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/clevamama.html">Clevamama</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/cocolatte.html">Cocolatte</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/cottonseeds.html">Cottonseeds</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/cozy-n-safe.html">Cozy N Safe</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/crane.html">Crane</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/dae-organics.html">Dae Organics</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/docare.html">Docare</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/doona.html">Doona</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/down-to-earth.html">Down To Earth</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/drew.html">Drew</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/dr-brown-s.html">Dr. Browns</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="/brand-a-z/elc.html">ELC</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/ergobaby.html">Ergobaby</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/expert-care.html">Expert Care</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/felt-so-sweet.html">Felt So Sweet</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/fisher-price.html">Fisher Price</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/flipper.html">Flipper</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/gb.html">Gb</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/geko.html">Geko</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/graco.html">Graco</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/habbie.html">Habbie</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/haenim.html">Haenim</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/happy-horse.html">Happy Horse</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/happy-tummy.html">Happy Tummy</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/hauck.html">Hauck</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/havaianas.html">Havaianas</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/hegen.html">Hegen</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/hot-wheels.html">Hot Wheels</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/inlacta-dha.html">Inlacta DHA</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/interlac.html">Interlac</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/jack-n-jill.html">Jack N Jill</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/joie.html">Joie</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/joolz.html">Joolz</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/kiddycuts.html">Kiddycuts</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/leapfrog.html">Leapfrog</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/leclerc.html">Leclerc</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/lee-vierra.html">Lee Vierra</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/lillebaby.html">Lillebaby</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/little-bird-told-me.html">Little Bird Told Me</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/little-miss-janis.html">Little Miss Janis</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/london-taxi.html">London Taxi</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/magformers.html">Magformers</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/mamaschoice.html">Mamas Choice</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/mamas-papas.html">Mamas &amp;Papas</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/mamaway.html">Mamaway</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/maxi-cosi.html">Maxi Cosi</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/megabloks.html">Megabloks</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/micro.html">Micro</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/mideer.html">MiDeer</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/mimi-lula.html">Mimi &amp;Lula</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/mini-monkey.html">Mini Monkey</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/moby.html">Moby</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/momami.html">Momami</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/mothercare.html">Mothercare</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/mustela.html">Mustela</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/my-buddy-tag.html">My Buddy Tag</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/naif.html">Naif</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/nike.html">Nike</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/nordic-natural.html">Nordic Natural</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/nuby.html">Nuby</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/oh-ma-grain.html">Oh Ma Grain</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/peachy.html">Peachy</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/phil-ted-s.html">Phil &amp;Teds</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/philips-avent.html">Philips Avent</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/pigeon.html">Pigeon</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/playgro.html">Playgro</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/poled-global.html">Poled Global</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/ponycycle.html">Ponycycle</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/puma.html">Puma</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/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="/brand-a-z/real-shades.html">Real Shades</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/red-castle.html">Red Castle</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/sebamed.html">Sebamed</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/silver-cross.html">Silver Cross</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/simply-idea.html">Simply Idea</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/skip-hop.html">Skip Hop</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/spectra.html">Spectra</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/squishmallows.html">Squishmallows</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/starbooks.html">Starbooks</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/stick-o.html">Stick-O</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/stokke.html">Stokke</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/sudocrem.html">Sudocrem</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/sumimo.html">Sumimo</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/sunnylife.html">Sunnylife</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/sun-staches.html">Sun-Staches</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/tommee-tippee.html">Tommee Tippee</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/trunki.html">Trunki</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/tutti-bambini.html">Tutti Bambini</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/twistshake.html">Twistshake</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/veja.html">Veja</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/brand-a-z/vitaflow.html">Vitaflow</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/waterland.html">Waterland</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/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="/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="/brand-a-z/zaxy.html">Zaxy</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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="/brand-a-z/4moms.html">4Moms</a>
                                                                                            </p>
                                                                                            <p class="brand-name" style="display: block;">
                                                                                                <a href="/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: #003971;
                                                                }

                                                                .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: #1979c3!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: #165c7d!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: #003971!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="/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor">
                                                <span>SITUS TOTO TOGEL 4D</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="/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="/kids-accessories/bags.html">tas</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/kids-accessories/sunglasses.html">kacamata</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/sleepsuits.html">pakaian tidur</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/all-in-ones.html">set &amp;terusan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/pyjamas.html">piyama</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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="/footwear/baby.html" class="">sepatu bayi</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/footwear/kids.html" class="">sepatu anak</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/footwear/sandals.html">sandal</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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="/baby-clothing/baby-0-24-months/tops.html">atasan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/baby-clothing/baby-0-24-months/bottoms.html">bawahan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/baby-clothing/baby-0-24-months/dresses.html">gaun</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/baby-clothing/baby-0-24-months/clothing-sets.html">setelan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/baby-clothing/baby-0-24-months/jacket-outerwear.html">jaket &amp;kardigan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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="/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="/boys-clothing/tops.html">atasan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/boys-clothing/bottoms.html">bawahan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/boys-clothing/clothing-sets.html/">setelan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/boys-clothing/jacket-outerwear.html">jaket</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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="/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="/girls-clothing/tops.html">atasan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/girls-clothing/bottoms.html">bawahan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/girls-clothing/dresses-pinafores.html/">gaun</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/girls-clothing/clothing-sets-outfits.html/">setelan</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/girls-clothing/jackets-outerwear.html/">jaket</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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="/clothing/sleepwear.html">pakaian tidur</a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- column 6  -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li id="vesitem-8845817423080611645503736" class=" nav-item level0 submenu-left subhover  dropdown level-top ">
                                            <a href="/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor">
                                                <span>SLOT RESMI</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 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="/travel-essentials/strollers.html">kereta dorong</a>
                                                                                </p>
                                                                            </div>
                                                                            <ul class="te_az" style="padding:0;">
                                                                                <li class="ks_content">
                                                                                    <p>
                                                                                        <a href="/travel-essentials/strollers/from-birth.html">bayi baru lahir</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/travel-essentials/strollers/from-6m.html">usia 6 bulan+</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="/travel-essentials/kids-luggages.html">koper anak</a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- column 2-->
                                                                <!--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="/travel-essentials/car-seat.html">kursi mobil</a>
                                                                                </p>
                                                                            </div>
                                                                            <ul class="te_az" style="padding:0;">
                                                                                <li class="ks_content">
                                                                                    <p>
                                                                                        <a href="/travel-essentials/car-seat/0-13-kg.html">0-13 Kg</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/travel-essentials/car-seat/0-36-kg.html">0-36 Kg</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="/travel-essentials/carriers.html">gendongan</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="/travel-essentials/travel-cots.html">travel cots</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="/travel-essentials/diaper-bags.html">diaper bags</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="/travel-essentials/accessories.html">aksesoris</a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- column 1  -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li id="vesitem-8846117423080611688273500" class=" nav-item level0 submenu-left subhover  dropdown level-top ">
                                            <a href="/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor">
                                                <span>SLOT777</span>
                                                <span class="caret"></span>
                                                <span class="opener"></span>
                                            </a>
                                            <div class="submenu animated  dropdown-menu" style="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="/bedding-furniture/blankets.html">selimut</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="/bedding-furniture/covers-sheets.html">bantal &amp;sprei</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="/bedding-furniture/cots-cot-beds.html">ranjang bayi &amp;balita</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="/bedding-furniture/furniture.html">perabotan</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="/bedding-furniture/mattresses.html">matras</a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- column 1  -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li id="vesitem-884641742308061459618024" class=" nav-item level0 submenu-left subhover  dropdown level-top ">
                                            <a href="//https://lamveenn.com/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor">
                                                <span>TOTO TOGEL 4D</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="/feeding-safety/baby-bottles.html">botol</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>
                                                                                    <a href="/feeding-safety/sterilizers-and-warmers.html">sterilizer &amp;warmers</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="/feeding-safety/soothers-and-teethers.html">soothers &amp;teethers</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>
                                                                                    <a href="/feeding-safety/bibs.html">celemek</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>alat makan</p>
                                                                            </div>
                                                                            <ul class="te_az" style="padding:0;">
                                                                                <li class="ks_content">
                                                                                    <p>
                                                                                        <a href="/feeding-safety/tableware/cups.html">cangkir</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/feeding-safety/tableware/bowls-plates.html">piring &amp;mangkuk</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/feeding-safety/tableware/spoons-forks.html">sendok &amp;garpu</a>
                                                                                    </p>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- column 3-->
                                                                <!--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>
                                                                                    <a href="/feeding-safety/food-processor.html">pengolah makanan</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>
                                                                                    <a href="/feeding-safety/food.html">makanan &amp;multivitamin</a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- column 5  -->
                                                                <!--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>alat menyusui</p>
                                                                            </div>
                                                                            <ul class="te_az" style="padding:0;">
                                                                                <li class="ks_content">
                                                                                    <p>
                                                                                        <a href="/feeding-safety/breastfeeding/breast-pumps-milk-storage.html">pompa asi</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/feeding-safety/breastfeeding/breast-pumps-milk-storage/milk-storage.html">penyimpanan asi</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/feeding-safety/breastfeeding/cooler-bags.html">cooler bags</a>
                                                                                    </p>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- column 5  -->
                                                                <!--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>
                                                                                    <a href="/feeding-safety/high-chairs.html">kursi makan</a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- column 5  -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li id="vesitem-8846717423080612122176647" class=" nav-item level0 submenu-left subhover  dropdown level-top ">
                                            <a href="//https://lamveenn.com/" style="max-lines: 2;
line-height: 20px;
width:100%;
font-size:12px;white-space: nowrap;" class=" nav-anchor">
                                                <span>SITUS TOGEL TERPERCAYA</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="/bathing-care/babycare/skin-care.html">perawatan kulit</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/bathing-care/babycare/sunscreen.html">Sunscreen</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/bathing-care/babycare/shampoo-and-body-wash.html">Shampo &amp;Sabun</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/bathing-care/babycare/hair-treatment.html">perawatan rambut</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/bathing-care/babycare/oral-care.html">perawatan mulut</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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="/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="/bathing-care/health-and-hygiene/wipes.html">Tissue basah</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/bathing-care/health-and-hygiene/laundry-cleaning.html">Laundry &amp;Cleaning</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/bathing-care/health-and-hygiene/medical.html">Medical</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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="/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="/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="/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://lamveenn.com/" style="white-space: nowrap;
font-size:12px;
" class=" nav-anchor">
                                                <span>SLOT 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>
                                                                                    <a href="/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="/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="/toys-activity/toys.html">mainan anak bayi</a>
                                                                                </p>
                                                                            </div>
                                                                            <ul class="te_az" style="padding:0;">
                                                                                <li class="ks_content">
                                                                                    <p>
                                                                                        <a href="/toys-activity/toys/mothercare-toys.html">mothercare toys</a>
                                                                                    </p>
                                                                                    <p>
                                                                                        <a href="/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://lamveenn.com/" target="_self" data-hover-color="#fff !important" data-hover-bgcolor="#ff0000 !important" data-color="#fff !important" data-bgcolor="#ff0000 !important" style="color: #fff !important;background-color: #ff0000 !important;" class=" nav-anchor">
                                                <span>AGEN TOTO PLAY</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="/customer/account" class="account-link">Akun Saya</a>
                                    </div>
                                    <button>
                                        <a href="https://shop.lamveenn.com/">Masuk</a>
                                    </button>
                                </div>
                            </div>
                            <div class="mobile-header-panel" style="background: linear-gradient(135deg, #ffac41, #ffac41);" data-breeze-temporary="true">
                                <a class="action skip contentarea" href="#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://shop.lamveenn.com/">
                                                        <img width="14" height="14" alt="download icon" loading="lazy" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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://shop.lamveenn.com/" target="_blank" ng-click="callAction($event, appStore)">
                                                                            <img loading="lazy" width="200" height="60" alt="app store" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png"/>
                                                                        </a>
                                                                    </div>
                                                                    <div class="view code play_store">
                                                                        <a class="sh-store-link" data-test="google-play-link" href="https://shop.lamveenn.com/" target="_blank" ng-click="callAction($event, appStore)">
                                                                            <img loading="lazy" width="200" height="60" alt="google play" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png"/>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="gift registry icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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>
                                        body {
                                            background: #ffac41;
                                            margin: 0;
                                            min-height: 100vh;
                                            direction: ltr;
                                        }

                                        .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: .4s;
                                            transition: .4s;
                                        }

                                        .slider:before {
                                            position: absolute;
                                            content: "ID";
                                            height: 26px;
                                            width: 26px;
                                            left: 4px;
                                            bottom: 4px;
                                            background-color: white;
                                            -webkit-transition: .4s;
                                            transition: .4s;
                                            color: #000;
                                        }

                                        input:checked + .slider {
                                            background-color: #ccc;
                                        }

                                        input:focus + .slider {
                                            box-shadow: 0 0 1px #2196F3;
                                        }

                                        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://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="store finder icon" src="https://ampbongkrek.lol/iw/img/iconcpg.png"/>LOGIN
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://ampbongkrek.lol/iw/img/iconcpg.png"/>DAFTAR
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/" target="_blank">
                                                        <img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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: linear-gradient(135deg, #ffac41, #ffac41);" data-breeze-temporary="true">
                                <a class="action skip contentarea" href="#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://shop.lamveenn.com/">
                                                        <img width="14" height="14" alt="download icon" loading="lazy" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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://shop.lamveenn.com/" target="_blank" ng-click="callAction($event, appStore)">
                                                                            <img loading="lazy" width="200" height="60" alt="app store" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png"/>
                                                                        </a>
                                                                    </div>
                                                                    <div class="view code play_store">
                                                                        <a class="sh-store-link" data-test="google-play-link" href="https://shop.lamveenn.com/" target="_blank" ng-click="callAction($event, appStore)">
                                                                            <img loading="lazy" width="200" height="60" alt="google play" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png"/>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="gift registry icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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="{&quot;dropdownDialog&quot;:{
                &quot;appendTo&quot;:&quot;#switcher-language &gt; .options&quot;,
                &quot;triggerTarget&quot;:&quot;#switcher-language-trigger&quot;,
                &quot;closeOnMouseLeave&quot;: false,
                &quot;triggerClass&quot;:&quot;active&quot;,
                &quot;parentClass&quot;:&quot;active&quot;,
                &quot;buttons&quot;: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="{&quot;dropdownDialog&quot;:{
                &quot;appendTo&quot;:&quot;#switcher-language &gt; .options&quot;,
                &quot;triggerTarget&quot;:&quot;#switcher-language-trigger&quot;,
                &quot;closeOnMouseLeave&quot;: false,
                &quot;triggerClass&quot;:&quot;active&quot;,
                &quot;parentClass&quot;:&quot;active&quot;,
                &quot;buttons&quot;:null}}" data-breeze-processed="true"></ul>
                                            </div>
                                        </div>
                                    </div>
                                    <style>
                                        body {
                                            background: #ffac41;
                                            margin: 0;
                                            min-height: 100vh;
                                            direction: ltr;
                                        }

                                        .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: .4s;
                                            transition: .4s;
                                        }

                                        .slider:before {
                                            position: absolute;
                                            content: "ID";
                                            height: 26px;
                                            width: 26px;
                                            left: 4px;
                                            bottom: 4px;
                                            background-color: white;
                                            -webkit-transition: .4s;
                                            transition: .4s;
                                            color: #000;
                                        }

                                        input:checked + .slider {
                                            background-color: #ccc;
                                        }

                                        input:focus + .slider {
                                            box-shadow: 0 0 1px #2196F3;
                                        }

                                        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://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="store finder icon" src="https://ampbongkrek.lol/iw/img/iconcpg.png"/>LOGIN
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://ampbongkrek.lol/iw/img/iconcpg.png"/>DAFTAR
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/" target="_blank">
                                                        <img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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: linear-gradient(135deg, #ffac41, #ffac41);" data-breeze-temporary="true">
                                <a class="action skip contentarea" href="#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://shop.lamveenn.com/">
                                                        <img width="14" height="14" alt="download icon" loading="lazy" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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://shop.lamveenn.com/" target="_blank" ng-click="callAction($event, appStore)">
                                                                            <img loading="lazy" width="200" height="60" alt="app store" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png"/>
                                                                        </a>
                                                                    </div>
                                                                    <div class="view code play_store">
                                                                        <a class="sh-store-link" data-test="google-play-link" href="https://shop.lamveenn.com/" target="_blank" ng-click="callAction($event, appStore)">
                                                                            <img loading="lazy" width="200" height="60" alt="google play" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png"/>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="gift registry icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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="{&quot;dropdownDialog&quot;:{
                &quot;appendTo&quot;:&quot;#switcher-language &gt; .options&quot;,
                &quot;triggerTarget&quot;:&quot;#switcher-language-trigger&quot;,
                &quot;closeOnMouseLeave&quot;: false,
                &quot;triggerClass&quot;:&quot;active&quot;,
                &quot;parentClass&quot;:&quot;active&quot;,
                &quot;buttons&quot;: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="{&quot;dropdownDialog&quot;:{
                &quot;appendTo&quot;:&quot;#switcher-language &gt; .options&quot;,
                &quot;triggerTarget&quot;:&quot;#switcher-language-trigger&quot;,
                &quot;closeOnMouseLeave&quot;: false,
                &quot;triggerClass&quot;:&quot;active&quot;,
                &quot;parentClass&quot;:&quot;active&quot;,
                &quot;buttons&quot;:null}}" data-breeze-processed="true"></ul>
                                            </div>
                                        </div>
                                    </div>
                                    <style>
                                        body {
                                            background: #ffac41;
                                            margin: 0;
                                            min-height: 100vh;
                                            direction: ltr;
                                        }

                                        .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: .4s;
                                            transition: .4s;
                                        }

                                        .slider:before {
                                            position: absolute;
                                            content: "ID";
                                            height: 26px;
                                            width: 26px;
                                            left: 4px;
                                            bottom: 4px;
                                            background-color: white;
                                            -webkit-transition: .4s;
                                            transition: .4s;
                                            color: #000;
                                        }

                                        input:checked + .slider {
                                            background-color: #ccc;
                                        }

                                        input:focus + .slider {
                                            box-shadow: 0 0 1px #2196F3;
                                        }

                                        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://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="store finder icon" src="https://ampbongkrek.lol/iw/img/iconcpg.png"/>LOGIN
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/">
                                                        <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://ampbongkrek.lol/iw/img/iconcpg.png"/>DAFTAR
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="https://shop.lamveenn.com/" target="_blank">
                                                        <img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Mothercare_Search_Icon.svg" alt="search icon"/>
                                            </label>
                                            <div class="control">
                                                <input id="search" data-mage-init="{
                            &quot;quickSearch&quot;: {
                                &quot;formSelector&quot;: &quot;#search_mini_form&quot;,
                                &quot;url&quot;: &quot;&quot;,
                                &quot;destinationSelector&quot;: &quot;#search_autocomplete&quot;,
                                &quot;minSearchLength&quot;: &quot;3&quot;
                            }
                        }" 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="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/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://lamveenn.com/" title="Akun Saya" data-mage-init="{&quot;dropdown&quot;:{&quot;dialog&quot;: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: customer-name">
                                <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://shop.lamveenn.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://lamveenn.com/">buat akun        </a>
                                </li>
                                <li>
                                    <a href="https://lamveenn.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://lamveenn.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://lamveenn.com/" data-bind="scope: minicart_content">
                            <span class="text empty" data-bind="
            css: {
                empty: !!getCartParam(summary_count) == false
            }">Keranjang Saya</span>
                            <span class="counter qty empty" data-bind="
                css: {
                    empty: !!getCartParam(summary_count) == 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="{&quot;dropdownDialog&quot;:{
                &quot;appendTo&quot;:&quot;[data-block=minicart]&quot;,
                &quot;triggerTarget&quot;:&quot;.showcart&quot;,
                &quot;timeout&quot;: &quot;2000&quot;,
                &quot;closeOnMouseLeave&quot;: false,
                &quot;closeOnEscape&quot;: true,
                &quot;triggerClass&quot;:&quot;active&quot;,
                &quot;parentClass&quot;:&quot;active&quot;,
                &quot;buttons&quot;:[]}}" data-breeze-processed="true">
                                <div id="minicart-content-wrapper" data-bind="
                scope: minicart_content
            ">
                                <!-- 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: messages">
                    <!-- 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">AGEN TOTO PLAY | Agen Toto 4D dan Login Slot Resmi dengan Tampilan Modern Terbaik</span>
                                        </h1>
                                    </div>
                                    <div class="product-info-price">
                                        <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": "AGEN TOTO PLAY",
                                                            "url": "https://lamveenn.com/",
                                                            "logo": "https://lamveenn.com/assets/agentotoplay-logo.gif",
                                                            "description": "Agentotoplay adalah agen toto 4D dan slot resmi dengan tampilan modern terbaik. Nikmati login mudah, akses stabil, dan pengalaman bermain yang nyaman dan aman.",
                                                            "foundingDate": "2024",
                                                            "contactPoint": {
                                                                "@type": "ContactPoint",
                                                                "telephone": "+62-000-0000-0000",
                                                                "contactType": "customer service",
                                                                "areaServed": "ID",
                                                                "availableLanguage": [
                                                                    "Indonesian"
                                                                ]
                                                            },
                                                            "sameAs": [
                                                                "https://facebook.com/AGENTOTOPLAY",
                                                                "https://instagram.com/AGENTOTOPLAY_OFFICIAL",
                                                                "https://twitter.com/AGENTOTOPLAY"
                                                            ]
                                                        }</script>
                                                    <script type="application/ld+json">
                                                        {
                                                        "@context": "https://schema.org",
                                                        "@type": "FAQPage",
                                                        "mainEntity": [
                                                            {
                                                                "@type": "Question",
                                                                "name": "Apa itu Agentotoplay?",
                                                                "acceptedAnswer": {
                                                                    "@type": "Answer",
                                                                    "text": "Agentotoplay adalah platform agen toto 4D dan slot resmi yang menghadirkan berbagai permainan dari provider terpercaya dengan tampilan modern dan pengalaman bermain yang optimal."
                                                                }
                                                            },
                                                            {
                                                                "@type": "Question",
                                                                "name": "Apakah Agentotoplay aman dan terpercaya?",
                                                                "acceptedAnswer": {
                                                                    "@type": "Answer",
                                                                    "text": "Ya, Agentotoplay menggunakan sistem keamanan terbaru untuk menjaga data pengguna serta menyediakan proses transaksi yang cepat, stabil, dan dapat diandalkan."
                                                                }
                                                            },
                                                            {
                                                                "@type": "Question",
                                                                "name": "Apa saja permainan yang tersedia di Agentotoplay?",
                                                                "acceptedAnswer": {
                                                                    "@type": "Answer",
                                                                    "text": "Agentotoplay menyediakan permainan toto 4D, slot online dari berbagai provider resmi, serta pilihan game populer lainnya yang dirancang dengan tampilan modern dan responsif."
                                                                }
                                                            },
                                                            {
                                                                "@type": "Question",
                                                                "name": "Apakah ada peluang mendapatkan kemenangan besar?",
                                                                "acceptedAnswer": {
                                                                    "@type": "Answer",
                                                                    "text": "Setiap permainan memiliki peluang kemenangan masing-masing. Pengguna dapat meraih hasil maksimal dengan memahami permainan, mengatur strategi, dan bermain secara bijak."
                                                                }
                                                            },
                                                            {
                                                                "@type": "Question",
                                                                "name": "Bagaimana cara mulai bermain di Agentotoplay?",
                                                                "acceptedAnswer": {
                                                                    "@type": "Answer",
                                                                    "text": "Untuk mulai bermain, pengguna cukup mendaftar akun, melakukan deposit, lalu memilih permainan toto 4D atau slot favorit melalui platform dengan tampilan modern yang mudah digunakan."
                                                                }
                                                            }
                                                        ]
                                                    }</script>
                                                    <script type="application/ld+json">
                                                        {
                                                            "@context": "https://schema.org",
                                                            "@type": "BreadcrumbList",
                                                            "itemListElement": [
                                                                {
                                                                    "@type": "ListItem",
                                                                    "position": 1,
                                                                    "name": "AGEN TOTO PLAY",
                                                                    "item": "https://lamveenn.com/"
                                                                },
                                                                {
                                                                    "@type": "ListItem",
                                                                    "position": 2,
                                                                    "name": "AGEN TOTO 4D",
                                                                    "item": "https://lamveenn.com/"
                                                                },
                                                                {
                                                                    "@type": "ListItem",
                                                                    "position": 3,
                                                                    "name": "Situs Slot Resmi",
                                                                    "item": "https://lamveenn.com/"
                                                                }
                                                            ]
                                                        }</script>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="kc-cashback check">
                                        <a href="https://shop.lamveenn.com/" class="kc-points-lable">
                                            <img src="https://ampbongkrek.lol/iw/img/iconcpg.png" class="kcpoints-img" width="30px"/>
                                            <span>
                                                Earn <span class="price">1.000.000</span>
                                                - <span class="price">10.000.000</span>
                                                Bonus
                                            </span>
                                        </a>
                                    </div>
                                    <div class="kredivo-label">
                                        <div>
                                            Use Installment Options from<img class="kredivo-logo" style="width: 55px; margin: 0 5px;" src="https://www.mothercare.co.id/media/wysiwyg/kredivo/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="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_Catalog/images/delivery.png" class="delivery-img"/>
                                                <span class="home">home delivery</span>
                                            </div>
                                            <div class="store-div">
                                                <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_Catalog/images/store-pick.png" class="home-pick-img"/>
                                                <span class="store">store pickup</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product attribute overview">
                                        <div class="value" style="text-align: justify;">
                                          <p data-start="0">
                                              <a href="https://lamveenn.com/">Agentotoplay</a>
                                              merupakan <a href="https://lamveenn.com/">agen toto 4D</a> dan slot resmi yang menghadirkan pengalaman bermain dengan tampilan modern terbaik serta sistem yang dirancang untuk kenyamanan pengguna. Platform ini menyediakan berbagai pilihan permainan dari provider agen toto play terpercaya dengan kualitas tinggi, didukung performa stabil dan akses yang cepat. Dengan antarmuka yang responsif dan mudah digunakan, pemain dapat menikmati permainan secara lebih efisien tanpa kendala teknis.
                                          </p>
                                          <br/>
                                          <p data-start="0">Di tahun 2026, Agentotoplay semakin berkembang sebagai platform yang mengutamakan keamanan, kecepatan transaksi, dan pengalaman bermain yang optimal. Tersedia berbagai fitur unggulan agen toto play login seperti sistem pembayaran fleksibel termasuk QRIS, proses deposit dan withdraw yang cepat, serta dukungan layanan pelanggan yang siap membantu setiap saat. Kombinasi antara teknologi modern, pilihan permainan lengkap, dan sistem yang terpercaya menjadikan Agentotoplay sebagai pilihan tepat bagi pengguna yang mencari agen toto 4D dan <a href="https://lamveenn.com/">slot resmi</a> dengan kualitas terbaik.</p>
                                      </div>
                                    </div>
                                </div>
                                <div class="product-config">
                                    <div class="product-add-form">
                                        <form data-product-sku="52135545-AYO01" action="https://lamveenn.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="UpwCrfAs8FA4kKnu"/>
                                            <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://shop.lamveenn.com/">
                                                                <button type="button" title="add to cart" class="action primary tocart" id="product-addtocart-button" style="background: linear-gradient(135deg, #ffac41, #ffac41);">
                                                                    <span>LOGIN</span>
                                                                </button>
                                                            </a>
                                                            <a href="https://shop.lamveenn.com/" class="action towishlist" data-action="add-to-wishlist">
                                                                <span>DAFTAR</span>
                                                            </a>
                                                            <div id="giftreg-message-pdp" style="">
                                                                <a href="https://shop.lamveenn.com/" class="notlogingift">
                                                                    <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerDetail/images/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: #165C7D;
                                        }

                                        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: #165C7D;
                                            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: #165C7D;
                                            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"></div>
                                        <!--<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>-->
                                        <!--<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>-->
                                        <script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&amp;product=inline-share-buttons"></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="https://lamveenn.com/assets/img-agentotoplay.webp" width="608" height="608"/>
                                        </div>
                                        <a href="https://lamveenn.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://lamveenn.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://lamveenn.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://lamveenn.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://lamveenn.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://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </span>
                                        </a>
                                        <a class="item" href="https://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </span>
                                        </a>
                                        <a class="item" href="https://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </span>
                                        </a>
                                        <a class="item" href="https://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </span>
                                        </a>
                                        <a class="item" href="https://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </span>
                                        </a>
                                        <a class="item" href="https://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </span>
                                        </a>
                                        <a class="item" href="https://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </span>
                                        </a>
                                        <a class="item" href="https://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </span>
                                        </a>
                                        <a class="item" href="https://lamveenn.com/" title="View Image">
                                            <span class="slide-image-container">
                                                <img loading="lazy" alt="" src="https://lamveenn.com/assets/img-agentotoplay.webp"/>
                                            </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>
                        <input name="form_key" type="hidden" value="UpwCrfAs8FA4kKnu"/>
                        <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="https://maps.google.com/maps/api/js?key=%0D%0AAIzaSyDplibAigLzCfOinyzZuMCyzxCkv2FLkw0&amp;libraries=places,geometry"></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 10.000<\/span>","max_price":"<span class=\"price\">Rp 10.000<\/span>","minimal_price":"<span class=\"price\">Rp 10.000<\/span>","max_regular_price":"<span class=\"price\">Rp 10.000<\/span>","minimal_regular_price":null,"special_price":null,"regular_price":"<span class=\"price\">Rp 10.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 10.000<\/span>","max_price":"<span class=\"price\">Rp 10.000<\/span>","minimal_price":"<span class=\"price\">Rp 10.000<\/span>","max_regular_price":"<span class=\"price\">Rp 10.000<\/span>","minimal_regular_price":null,"special_price":"<span class=\"price\">Rp 10.000<\/span>","regular_price":"<span class=\"price\">Rp 10.000<\/span>"}},"weee_attributes":[],"weee_adjustment":"<span class=\"price\">Rp 10.000<\/span>"}},"images":[{"url":"https://lamveenn.com/assets/img-agentotoplay.webp?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://lamveenn.com/assets/img-agentotoplay.webp?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://lamveenn.com/assets/img-agentotoplay.webp?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://lamveenn.com/assets/img-agentotoplay.webp?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://lamveenn.com/assets/img-agentotoplay.webp?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://lamveenn.com/assets/img-agentotoplay.webp?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":"AGEN TOTO PLAY | Agen Toto 4D dan Login Slot Resmi dengan Tampilan Modern Terbaik","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": "AGEN TOTO PLAY | Agen Toto 4D dan Login Slot Resmi dengan Tampilan Modern Terbaik",
                                "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"></div>
                            <!--<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>-->
                            <!--<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>-->
                            <script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&amp;product=inline-share-buttons"></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: #165C7D;
            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: #165C7D !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: #165c7d;
                                    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: #165c7d;
                                    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: #165C7D;
                                    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>
                            <div class="block widget widget-recent" data-bind="
    scope: catalog.product.viewed,
    css: options.additionalClasses,
    visible: visible
">
                            <!-- ko template: { if: visible, name: 'recent-products' } -->
                            <!-- /ko -->
                            </div>
                            <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: #165c7d;
                                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: #165c7d;
                                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: #165C7D;
                                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>
                    </div>
                </div>
            </main>
            <div class="ga">
                <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>
            </div>
            <footer class="page-footer">
                <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">AGEN TOTO PLAY</h4>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="//https://lamveenn.com/">Agen Toto 4D</a>
                                        </p>
                                    </div>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="//https://lamveenn.com/">Toto Togel 4D</a>
                                        </p>
                                    </div>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="//https://lamveenn.com/">Agen Togel dan Slot Resmi</a>
                                        </p>
                                    </div>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="//https://lamveenn.com/">Slot Gacor Terbaik</a>
                                        </p>
                                    </div>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="//https://lamveenn.com/">Situs Gacor</a>
                                        </p>
                                    </div>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="//https://lamveenn.com/">Slot 777</a>
                                        </p>
                                    </div>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="//https://lamveenn.com/">Bandar Toto Togel</a>
                                        </p>
                                    </div>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="//https://lamveenn.com/">Toto 88</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://lamveenn.com/">hubungi kami</a>
                                        </p>
                                    </div>
                                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <p>
                                            <a href="https://lamveenn.com/">bantuan dan faq</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://lamveenn.com/">
                                                    <img width="10" height="19" alt="facebook icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png"/>
                                                </a>
                                                <a class="item" href="https://lamveenn.com/">
                                                    <img width="24" height="25" alt="instagram icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png"/>
                                                </a>
                                                <a class="item" href="https://lamveenn.com/">
                                                    <img width="24" height="25" alt="youtube icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/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 AGEN TOTO PLAY</h4>
                                    <div class="footer-apple-store-img" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                                        <a href="https://shop.lamveenn.com/">
                                            <img width="200" height="60" loading="lazy" src="https://lamveenn.com/assets/agentotoplay-logo.gif" 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://shop.lamveenn.com/">
                                            <img width="200" height="60" loading="lazy" src="https://www.mothercare.co.id/media/wysiwyg/google-en.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://lamveenn.com/">
                                                    <img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png" alt="facebook icon"/>
                                                </a>
                                                <a class="item" href="https://lamveenn.com/">
                                                    <img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png" alt="instagram icon"/>
                                                </a>
                                                <a class="item" href="https://lamveenn.com/">
                                                    <img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/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="https://www.mothercare.co.id/media/wysiwyg/footer_payment_method.png" alt="mothercare payment method"/>
                                            </span>
                                            <span>
                                                <a target="_blank" href="https://lamveenn.com/">
                                                    <img loading="lazy" width="117" height="60" style="max-height: 60px;margin:0 auto 15px;" src="https://lamveenn.com/assets/agentotoplay-logo.gif" alt="iso logo"/>
                                                </a>
                                            </span>
                                        </div>
                                        <div>
                                            <span>
                                                Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga <br/>
                                                Kementerian Perdagangan RI <br/>

                                            </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>
            </footer>
            <!-- 
<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://lamveenn.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 #165C7D;
                    border-radius: 5px;
                    color: #165C7D;
                    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: #165C7D;
                    padding: 13px;
                }

                #modal-gift input[type='button'] {
                    width: 100%;
                    background: #165C7D;
                    color: #fff;
                    margin-top: 34px;
                    font-family: 'mothercare_2020-regular-webfont';
                }

                #modal-gift h1 {
                    font-size: 32px;
                    color: #165C7D;
                    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 #165C7D;
                    border-right: solid thin #165C7D;
                    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: personalData" 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:\/\/gretavanfleetmerch.com\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"0"},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/gretavanfleetmerch.com\/rest\/mothercare_website_bahasa\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/gretavanfleetmerch.com\/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://lamveenn.com/",
                                "wishlistLink": ".action.towishlist"
                            }
                        }
                    }
                }
            }
        }
    }

            </script>
            <div data-bind="scope: ajaxpro">
                <div id="ajaxpro-reinit" data-bind="html: bindBlock(reinit)"></div>
            </div>
            <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                <div style="font-size:12px;background: linear-gradient(135deg, #ffac41, #ffac41);color: #fff;padding: 15px;text-align: center;">
                    © Copyright AGEN TOTO PLAY. 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="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;95579be9b0304392b4b981fad4df5daf&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
                    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;be196cc6a41142628c11a839eabce210&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
                    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;1a16316a0f074f3a974e6f5a47ec818e&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
                </div>
            </div>
            <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;73d4932cfdb04f38aae8eca1269ac148&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
            <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v67327c56f0bb4ef8b305cae61679db8f1769101564043" integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;57f52a9cb2e34f9098fbf428d991d21f&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
            <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;4ba886793bdc42ca8207ad163948e428&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
            <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;4ba886793bdc42ca8207ad163948e428&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
            <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;4ba886793bdc42ca8207ad163948e428&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
            <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;4ba886793bdc42ca8207ad163948e428&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
            <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;4ba886793bdc42ca8207ad163948e428&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
            <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;4ba886793bdc42ca8207ad163948e428&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
        </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" 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="f5f6a8b6-2778-933b-4793-34acd5aabfbe" class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout"></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" 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="f3c207bd-e9f4-68e3-87c4-9e5b701a40e9" class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout kuMobileDeviceEnabled"></div>
        <style>
            .bobarawr {
                margin: 0;
                padding: 0;
                font-family: 'Playfair Display', 'Segoe UI', serif;
                background-color: transparent;
                color: #fff;
                overflow: hidden;
            }

            .popup-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                background: rgba(0, 0, 0, 0.4);
                backdrop-filter: blur(3px);
                -webkit-backdrop-filter: blur(3px);
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 9999;
            }

            .popup-container {
                position: relative;
                width: 90%;
                max-width: 420px;
                background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
                border-radius: 20px;
                overflow: hidden;
                text-align: center;
                animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 175, 55, 0.2);
                padding-bottom: 20px;
                border: 3px solid #FF0000;
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
            }

            /* 💛 Emas berdenyut yang mewah */
            @keyframes goldPulse {
                0%, 100% {
                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 175, 55, 0.3), 0 0 0 1px rgba(212, 175, 55, 0.2);
                }

                50% {
                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 175, 55, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.3);
                }
            }

            /* ✨ Shiny diagonal emas yang elegan */
            .popup-container::before {
                content: "";
                position: absolute;
                top: -100%;
                left: -100%;
                width: 200%;
                height: 200%;
                background: linear-gradient( 135deg, rgba(255, 255, 255, 0) 45%, rgba(255, 215, 0, 0.15) 50%, rgba(255, 255, 255, 0) 55% );
                animation: shineDiagonal 5s linear infinite;
                z-index: 2;
                pointer-events: none;
            }

            @keyframes shineDiagonal {
                0% {
                    transform: translate(-100%, -100%) rotate(30deg);
                }

                100% {
                    transform: translate(100%, 100%) rotate(30deg);
                }
            }

            .popup-image {
                width: 100%;
                display: block;
                border-bottom: 2px solid #FF0000;
            }

            .popup-buttons {
                display: flex;
                flex-direction: column;
                gap: 15px;
                padding: 25px 20px;
                position: relative;
                z-index: 3;
            }

            .popup-buttons a {
                width: 100%;
                display: block;
                padding: 18px 0;
                font-size: 16px;
                font-weight: 700;
                border-radius: 50px;
                text-decoration: none;
                text-align: center;
                font-weight: Bold;
                color: #FFF;
                background: linear-gradient(135deg, #ff980, #B22222);
                box-shadow: 0 10px 20px #ff980;
                transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                position: relative;
                overflow: hidden;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                font-family: 'Montserrat', sans-serif;
            }

            /* Efek hover tombol emas yang mewah */
            .popup-buttons a::before {
                content: "";
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient( 90deg, transparent, #F0E68C, transparent );
                transition: left 0.8s;
            }

            .popup-buttons a:hover::before {
                left: 100%;
            }

            .popup-buttons a:hover {
                color: #000;
                font-weight: bold;
                transform: translateY(-4px);
                box-shadow: 0 15px 25px #F0E68C;
                background: linear-gradient(135deg, #FF7F50, #ff980);
            }

            .popup-buttons a:active {
                transform: translateY(1px);
            }

            .info-table {
                width: 90%;
                margin: 20px auto;
                border-collapse: collapse;
                color: #eee;
                font-size: 14px;
                position: relative;
                z-index: 3;
                background: rgba(0, 0, 0, 0.3);
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            }

            .info-table th {
                background: linear-gradient(135deg, #d4af37, #b8941f);
                padding: 14px 10px;
                font-size: 15px;
                color: #000;
                border: none;
                font-weight: 700;
                letter-spacing: 0.8px;
                text-transform: uppercase;
            }

            .info-table td {
                padding: 12px;
                border-bottom: 1px solid rgba(212, 175, 55, 0.1);
                text-align: left;
            }

            .info-table tr:last-child td {
                border-bottom: none;
            }

            .popup-footer {
                font-size: 13px;
                color: #ccc;
                padding: 20px 10px;
                position: relative;
                z-index: 3;
                line-height: 1.6;
                font-family: 'Playfair Display', serif;
            }

            @keyframes rotateScaleIn {
                0% {
                    opacity: 0;
                    transform: scale(0.3) rotate(-10deg);
                }

                50% {
                    transform: scale(1.05) rotate(2deg);
                }

                100% {
                    opacity: 1;
                    transform: scale(1) rotate(0deg);
                }
            }

            /* Efek partikel emas */
            .gold-particle {
                position: absolute;
                background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 175, 55, 0.4) 100%);
                border-radius: 50%;
                pointer-events: none;
                z-index: 1;
                animation: floatGold 10s infinite ease-in-out;
                box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
            }

            @keyframes floatGold {
                0%, 100% {
                    transform: translateY(0) translateX(0);
                    opacity: 0;
                }

                10% {
                    opacity: 0.8;
                }

                90% {
                    opacity: 0.8;
                }

                100% {
                    transform: translateY(-120px) translateX(40px);
                    opacity: 0;
                }
            }

            /* Efek border emas mewah */
            .luxury-border {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border: 1px solid rgba(212, 175, 55, 0.2);
                border-radius: 20px;
                pointer-events: none;
                z-index: 4;
                background: linear-gradient(135deg, rgba(212, 175, 55, 0) 0%, rgba(212, 175, 55, 0.1) 50%, rgba(212, 175, 55, 0) 100%);
            }

            /* Tombol Close */
            .close-btn {
                position: absolute;
                top: 15px;
                right: 15px;
                width: 32px;
                height: 32px;
                background: rgba(0, 0, 0, 0.5);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                z-index: 10;
                transition: all 0.3s ease;
                border: 1px solid #FF0000;
            }

            .close-btn:hover {
                background: #FF0000;
                transform: rotate(90deg);
            }

            .close-btn::before, .close-btn::after {
                content: '';
                position: absolute;
                width: 16px;
                height: 2px;
                background: #fff;
            }

            .close-btn::before {
                transform: rotate(45deg);
            }

            .close-btn::after {
                transform: rotate(-45deg);
            }

            /* Responsif untuk layar kecil */
            @media (max-width: 480px) {
                .popup-container {
                    width: 95%;
                    max-width: 350px;
                }

                .popup-buttons a {
                    font-size: 14px;
                    padding: 16px 0;
                }

                .info-table {
                    font-size: 13px;
                }

                .popup-footer {
                    font-size: 12px;
                }

                .close-btn {
                    width: 28px;
                    height: 28px;
                }
            }
        </style>
        <script>
            function closePopup() {
                const popupOverlay = document.getElementById('popupOverlay');
                popupOverlay.style.opacity = '0';
                popupOverlay.style.transition = 'opacity 0.3s ease';

                setTimeout( () => {
                    popupOverlay.style.display = 'none';
                }
                , 300);
            }

            // Menutup popup ketika mengklik area di luar popup
            document.getElementById('popupOverlay').addEventListener('click', function(event) {
                if (event.target === this) {
                    closePopup();
                }
            });
        </script>
        <div style="position: fixed; z-index: 9999; width: 100vw; height: 100vh; 
            top: 0; left: 0; 
            background: rgba(0,0,0,0.8); 
            backdrop-filter: blur(5px);
            display: flex; align-items: center; justify-content: center; 
            padding: 16px; box-sizing: border-box; overflow-y: auto;" bis_skin_checked="1">
            <div style="display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 500px;" bis_skin_checked="1">
                <img src="https://lamveenn.com/assets/agentotoplay-logo.gif" alt="RTP" style="width: 30%;">
                <!-- Banner Karakter Slot -->
                <img src="https://lamveenn.com/assets/img-agentotoplay.webp" alt="RTP" style="width: 100%; border-radius: 12px; box-shadow: 0 0 12px rgba(255, 0, 0, 0); margin-bottom: 16px;">
                <!-- Tombol DAFTAR & LOGIN -->
                <div style="display: flex; justify-content: space-between; width: 100%; gap: 10px; margin-bottom: 16px;" bis_skin_checked="1">
                    <a href="https://shop.lamveenn.com/" style="flex: 1; background: linear-gradient(to bottom, rgba(255, 107, 0) 0, rgba(255, 107, 0) 100%); height: 44px; line-height: 44px; text-align: center; color: white; font-weight: bold; font-size: 16px; text-decoration: none; border-radius: 6px; font-family: 'Segoe UI', sans-serif; box-shadow: 0 0 8px rgba(0,0,0,0.6);">DAFTAR </a>
                    <a href="https://shop.lamveenn.com/" style="flex: 1; background: linear-gradient(to bottom, rgba(255, 107, 0) 0, rgba(255, 107, 0) 100%); height: 44px; line-height: 44px; text-align: center; color: white; font-weight: bold; font-size: 16px; text-decoration: none; border-radius: 6px; font-family: 'Segoe UI', sans-serif; box-shadow: 0 0 8px rgba(0,0,0,0.6);">LOGIN </a>
                </div>
                <!-- Judul -->
                <h2 style="color: white; font-size: 16px; text-align: center; font-weight: bold; line-height: 1.4; margin: 0 0 16px 0;">AGENTOTOPLAY | Agen Toto 4D dan Login Slot Resmi Indonesia</h2>
                <!-- Footer -->
                <div style="margin-top: 16px; font-size: 12px; color: #eee5e5;" bis_skin_checked="1">
                    Copyright © 2026. <span style="color: #a200ff;">|</span>
                    AGEN TOTO PLAY X SEO DRACIN
                </div>
                <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8ed2a70a9a30414e84acee34749c5a72","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>
        <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="8566f1f6-95f7-bfe6-4507-9880df40138c" class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout kuMobileDeviceEnabled"></div>
        <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8ed2a70a9a30414e84acee34749c5a72","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
    </body>
</html>
