PageSourceSearch

https://dkk-verein.com/

html dkk-verein.com collected 2026-10-03 00:34:51 UTC 891,074 bytes, 13,055 lines download raw bytes

1<!DOCTYPE html>
2<html lang="id">
3
4<head prefix="og: https://dkk-verein.com/ fb: https://dkk-verein.com/ product: https://dkk-verein.com/">
5    
5<script async="" src="https://cdn.branch.io/branch-latest.min.js"></script>
5
6    
6<script data-breeze="1">
7        var LOCALE = 'id\u002DID';
8        var BASE_URL = 'https\u003A\u002F\u002Fwww.mothercare.co.id\u002F';
9        var VIEW_URL = 'https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID';
10        var required = [];
11        var require = (deps, callback) => required.push([deps, callback]);
12    </script>
12
13    
13<script
14        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 */
15            (() => { 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 || {}
15).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 = {}
15), 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", "recordCu
15stomEvent", "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);
15 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) }
15 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>
15
16    <meta name="title" content="TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini">
17    <meta name="description"
18        content="Bersiaplah menyambut hiburan masa depan yang menghasilkan untung nyata hadir di sini lewat terobosan gemilang tiada henti persembahan langsung dari laboratorium insinyur sistem TIMNAS4D mutakhir.">
19    <meta name="keywords" content="TIMNAS4D, SITUS TOTO, TOGEL ONLINE, BANDAR TOGEL, TOTO TOGEL, SITUS TOGEL, TOTO">
20    <meta name="distribution" content="Global" />
21    <meta name="rating" content="general" />
22    <meta name="geo.region" content="ID" />
23    <meta name="geo.placename" content="Indonesia" />
24    <meta name="author" content="TIMNAS4D" />
25    <meta name="publisher" content="TIMNAS4D" />
26    <meta name="copyright" content="TIMNAS4D" />
27    <meta name="robots" content="INDEX,FOLLOW">
28    <meta name="viewport" content="width=device-width, initial-scale=1">
29    <meta name="format-detection" content="telephone=no">
30    <meta name="robots" content="index, follow, nosnippet">
31    <title>TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini</title>
32    <link rel="stylesheet" type="text/css" media="all and (min-width: 1px)"
33        href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/b2bfec61d909c3765479549b8b44c102.min.css">
34    <link rel="stylesheet" type="text/css" media="all"
35        href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/56b5914bf926abed304351798d035de2.min.css">
36    <link rel="stylesheet" type="text/css" media="screen, print"
37        href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/fac5fbb731d8a9118c7561e0e8b1fc67.min.css">
38    <!--[if IE 11]>
39<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>
39
40<![endif]-->
41    
41<script type="text/javascript" defer
42        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/kanmo_custom.min.js"></script>
42
43    
43<script type="text/javascript"
44        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_BookingAppointment/js/product_detail_handler.min.js"></script>
44
45    <link rel="preload" as="font" crossorigin="anonymous"
46        href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-demi-webfont.woff2">
47    <link rel="preload" as="font" crossorigin="anonymous"
48        href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-regular-webfont.woff2">
49    <link rel="preload" as="font" crossorigin="anonymous"
50        href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-thin-webfont.woff2">
51
52    <link rel="canonical" href="https://dkk-verein.com/">
53    <link rel="amphtml" href="https://site.dkk-verein.com/" />
54    <link rel="alternate" href="https://site.dkk-verein.com/">
55    <link rel="alternate" href="https://site.dkk-verein.com/" hreflang="id">
56    <link rel="alternate" href="https://site.dkk-verein.com/" hreflang="en">
57    <link rel="alternate" href="https://site.dkk-verein.com/" hreflang="en">
58    <link rel="alternate" href="https://site.dkk-verein.com/" hreflang="x-default">
59    <link rel="alternate" hreflang="id-ID" href="https://site.dkk-verein.com/" />
60    <link rel="alternate" hreflang="en-US" href="https://site.dkk-verein.com/" />
61    <link rel="alternate" hreflang="en-SG" href="https://site.dkk-verein.com/" />
62    <link rel="alternate" hreflang="x-default" href="https://site.dkk-verein.com/" />
63    <link rel="shortcut icon" type="image/x-icon" href="https://countertarget.net/rfx/icon.webp">
64
65    <style>
66        body.onestepcheckout-index-index [type=radio] {
67            cursor: pointer;
68        }
69    </style>
70    
70<script data-breeze>
71        require([
72            'jquery'
73        ], function ($) {
74            $(document).ready(function () {
75                setTimeout(function () {
76                    if (window.outerWidth < 450) {
77                        if ($('.widget.block.block-banners').length > 0) {
78                            $('.widget.block.block-banners').each(function () {
79                                $(this).insertAfter($(this).parent().find('#cart-totals'));
80                                $(this).css('padding-bottom', '20px')
81                            });
82                        }
83                    }
84                }, 1000);
85            });
86        });
87    </script>
87 <!-- NO Pixel ID is configured, please goto Admin -->
88    
88<script>
89        console.log(
90            'No Meta pixel is configured, please log in as a admin and then visit Stores -> Meta -> Setup -> Get Started'
91        );
92    </script>
92
93
94    <link rel="preconnect" href="https://js.klevu.com">
95    
95<script type="text/javascript">
96        var klevu_lang = 'id';
97        var klevu_baseCurrencyCode = 'IDR';
98        var klevu_currentCurrencyCode = 'IDR';
99        var klevu_pubIsInUse = true;
100        var klevu_current_version = '3.2.0';
101    </script>
101
102    
102<script type="text/javascript" src="https://js.klevu.com/core/v2/klevu.js"></script>
102
103    
103<script type="text/javascript" id="klevu_jsapikeys">
104        klevu({ "search": { "apiKey": "klevu-159060263433311987" }, "analytics": { "apiKey": "klevu-159060263433311987" } });
105    </script>
105
106    
106<script type="text/javascript" id="klevu_jsmodules">
107        // Add Price Field Suffix for customer group and currency conversion
108        var klevu_addPriceSuffixToQueryControl = {
109            name: 'addPriceSuffixToQuery',
110            fire: function (data, scope) {
111                var customerData = JSON.parse(window.localStorage.getItem('klv_mage') || '{}').customerData || {
112                    customer_group_id: 32000
113                };
114                klevu.search.modules.addPriceSuffixToQuery(data, scope, klevu_baseCurrencyCode, customerData.customer_group_id);
115            }
116        };
117
118        (function (klevu) {
119            klevu.extend(true, klevu.search.modules, {
120                addPriceSuffixToQuery: function (data, scope, currencyCode, customerGroupId) {
121                    if (typeof data.request.current === "undefined") {
122                        return false;
123                    }
124
125                    klevu.each(data.request.current.recordQueries, function (key, query) {
126                        //code to fetch prices
127                        klevu.setObjectPath(
128                            data,
129                            "localOverrides.query." + query.id + ".settings.priceFieldSuffix",
130                            currencyCode + '-' + customerGroupId
131                        );
132                    });
133                },
134                mageConvertPriceRecordCurrencyData: function (productRecords, currencyCode, currencyRates) {
135                    if (!productRecords) {
136                        return;
137                    }
138
139                    klevu.each(productRecords, function (recordKey, productRecord) {
140                        var fromRate = parseFloat(currencyRates[productRecord.currency] || 0);
141                        var toRate = parseFloat(currencyRates[currencyCode] || 0);
142                        if (!fromRate || !toRate) {
143                            return;
144                        }
145
146                        var exchangeRate = toRate / fromRate;
147
148                        if (klevu.isNumeric(klevu.getObjectPath(productRecord, "price"))) {
149                            productRecord.price *= exchangeRate;
150                        }
151                        if (klevu.isNumeric(klevu.getObjectPath(productRecord, "salePrice"))) {
152                            productRecord.salePrice *= exchangeRate;
153                        }
154                        if (klevu.isNumeric(klevu.getObjectPath(productRecord, "startPrice"))) {
155                            productRecord.startPrice *= exchangeRate;
156                        }
157
158                        productRecord.currency = currencyCode;
159                    });
160                }
161            });
162        })(klevu);
163    </script>
163
164    
164<script type="text/javascript" id="klevu_jsinteractive">
165        klevu.interactive(function () {
166            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" } };
167            klevu(options);
168        });
169    </script>
169
170    
170<script type="text/javascript" src="https://js.klevu.com/theme/default/v2/quick-search-theme.js"></script>
170
171    
171<script type="text/x-magento-init" data-breeze-processed="true">
172        {
173            "*": {
174                "Magento_PageCache/js/form-key-provider": {
175                    "isPaginationCacheEnabled":
176                        0                }
177            }
178        }
179    </script>
179
180
181    <link rel="stylesheet" type="text/css" as="style" onload="this.rel=&#39;stylesheet&#39;" media="all"
182        href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/default.min.css" />
183    <link rel="stylesheet" type="text/css" media="all" onload="media=&#39;all&#39;"
184        href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/deferred-default.min.css" />
185
186    <meta property="og:type" content="product">
187    <meta property="og:title" content="TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini">
188    <meta property="og:image"
189        content="https://countertarget.net/rfx/timnas4d-5.webp?optimize=low&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=270&amp;width=270&amp;canvas=270:270">
190    <meta property="og:description"
191        content="Bersiaplah menyambut hiburan masa depan yang menghasilkan untung nyata hadir di sini lewat terobosan gemilang tiada henti persembahan langsung dari laboratorium insinyur sistem TIMNAS4D mutakhir.">
192    <meta property="og:url" content="https://dkk-verein.com/">
193    <meta property="product:price:amount" content="5000">
194    <meta property="product:price:currency" content="IDR">
195    
195<script type="text/javascript" id="klevu_initsessiondata">
196        var nowUnixtime = parseInt(Date.now() / 1000);
197
198        function klevufejs_getCookie(name) {
199            if (typeof (name) === "undefined") {
200                name = "klv_mage";
201            }
202            var c = "",
203                ca = document.cookie.split(';');
204
205            for (var i = 0; i < ca.length; i++) {
206                c = ca[i];
207                if (typeof c !== "string") {
208                    continue;
209                }
210                var cookiePair = c.split("=");
211
212                if (name === cookiePair[0].trim()) {
213                    try {
214                        return JSON.parse(decodeURIComponent(cookiePair[1]));
215                    } catch (err) {
216                        // this is fine, data will be regenerated
217                    }
218                }
219            }
220            return {
221                expire_sections: {}
222            };
223        }
224
225        document.addEventListener('klevu.customerData.loaded', function (e) {
226            var klevufejs_cookie = klevufejs_getCookie();
227            klevufejs_cookie.expire_sections.customerData = nowUnixtime + 600;
228
229            document.cookie = "klv_mage=" + JSON.stringify(klevufejs_cookie) + ";" + (new Date((nowUnixtime + 3600) * 1000).toUTCString()) + ";path=/;SameSite=Strict";
230        });
231
232        var klevufejs_cookie = klevufejs_getCookie();
233        var klevuData = {
234            ...{
235                customerData: {
236                    revalidate_after: -1
237                }
238            },
239            ...JSON.parse(window.localStorage.getItem('klv_mage') || '{}')
240        };
241
242        const klevuCustomerDataLoadedEvent = document.createEvent('CustomEvent');
243        klevuCustomerDataLoadedEvent.initEvent('klevu.customerData.loaded', false, true);
244        const klevuCustomerDataLoadErrorEvent = document.createEvent('CustomEvent');
245        klevuCustomerDataLoadErrorEvent.initEvent('klevu.customerData.loadError', false, true);
246
247        if (typeof klevufejs_cookie.expire_sections !== "object"
248            || (klevufejs_cookie.expire_sections.customerData || -1) < nowUnixtime
249            || klevuData.customerData.revalidate_after < nowUnixtime
250        ) {
251            var xhttp = new XMLHttpRequest();
252            xhttp.onerror = function (request) {
253                document.dispatchEvent(klevuCustomerDataLoadErrorEvent);
254            };
255            xhttp.ontimeout = function (request) {
256                this.onerror(request);
257            };
258            xhttp.onload = function (request) {
259                if (this.status >= 400 || this.timeout) {
260                    this.onerror(request);
261                    return;
262                }
263
264                var klevuData = JSON.parse(window.localStorage.getItem('klv_mage') || '{}');
265                klevuData.customerData = JSON.parse(this.response);
266                window.localStorage.setItem('klv_mage', JSON.stringify(klevuData));
267
268                document.dispatchEvent(klevuCustomerDataLoadedEvent);
269            };
270            xhttp.open('GET', 'https://www.mothercare.co.id/rest/V1/klevu/customerData', false);
271            xhttp.send();
272        } else {
273            document.dispatchEvent(klevuCustomerDataLoadedEvent);
274        }
275    </script>
275
276
277    
277<script data-breeze defer
278        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/knockout-3.5.1.min.js"></script>
278
279    
279<script data-breeze defer
280        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/extend-ko.min.js"></script>
280
281    
281<script data-breeze defer
282        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/turbolinks-5.2.0.min.js"></script>
282
283    
283<script data-breeze defer
284        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/underscore-1.13.1.min.js"></script>
284
285    
285<script data-breeze defer
286        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/tabbable-5.2.1.min.js"></script>
286
287    
287<script data-breeze defer
288        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>
288
289    
289<script data-breeze defer
290        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/cash-8.1.2.min.js"></script>
290
291    
291<script data-breeze defer
292        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/extend-cash.min.js"></script>
292
293    
293<script data-breeze defer
294        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>
294
295    
295<script data-breeze defer
296        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>
296
297    
297<script data-breeze defer
298        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/class.min.js"></script>
298
299    
299<script data-breeze defer
300        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/double-tap.min.js"></script>
300
301    
301<script data-breeze defer
302        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/globals.min.js"></script>
302
303    
303<script data-breeze defer
304        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/load-script.min.js"></script>
304
305    
305<script data-breeze defer
306        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/async.min.js"></script>
306
307    
307<script data-breeze defer
308        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/request.min.js"></script>
308
309    
309<script data-breeze defer
310        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/translate.min.js"></script>
310
311    
311<script data-breeze defer
312        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/validator.min.js"></script>
312
313    
313<script data-breeze defer
314        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/component.min.js"></script>
314
315    
315<script data-breeze defer
316        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/cookie.min.js"></script>
316
317    
317<script data-breeze defer
318        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/storage.min.js"></script>
318
319    
319<script data-breeze defer
320        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/sections.min.js"></script>
320
321    
321<script data-breeze defer
322        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/main.min.js"></script>
322
323    
323<script data-breeze defer
324        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/turbo.min.js"></script>
324
325    
325<script data-breeze defer
326        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/define.min.js"></script>
326
327    
327<script data-breeze defer
328        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/common.min.js"></script>
328
329    
329<script data-breeze defer
330        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/url.min.js"></script>
330
331    
331<script data-breeze defer
332        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/theme.min.js"></script>
332
333    
333<script data-breeze defer
334        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/theme-blank.min.js"></script>
334
335    
335<script data-breeze defer
336        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/extend.min.js"></script>
336
337    
337<script data-breeze defer
338        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/custom.min.js"></script>
338
339    
339<script data-breeze defer
340        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/core.min.js"></script>
340
341    
341<script data-breeze defer
342        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form.min.js"></script>
342
343    
343<script data-breeze defer
344        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/lite-yt-embed.min.js"></script>
344
345    
345<script data-breeze defer
346        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/dropdown.min.js"></script>
346
347    
347<script data-breeze defer
348        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/dropdown-dialog.min.js"></script>
348
349    
349<script data-breeze defer
350        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/collapsible.min.js"></script>
350
351    
351<script data-breeze defer
352        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/tabs.min.js"></script>
352
353    
353<script data-breeze defer
354        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/accordion.min.js"></script>
354
355    
355<script data-breeze defer
356        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/toggle-advanced.min.js"></script>
356
357    
357<script data-breeze defer
358        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/modal.min.js"></script>
358
359    
359<script data-breeze defer
360        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/confirm.min.js"></script>
360
361    
361<script data-breeze defer
362        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/alert.min.js"></script>
362
363    
363<script data-breeze defer
364        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer-data.min.js"></script>
364
365    
365<script data-breeze defer
366        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer.min.js"></script>
366
367    
367<script data-breeze defer
368        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form-key.min.js"></script>
368
369    
369<script data-breeze defer
370        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/page-cache.min.js"></script>
370
371    
371<script data-breeze defer
372        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/messages.min.js"></script>
372
373    
373<script data-breeze defer
374        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/block-loader.min.js"></script>
374
375    
375<script data-breeze defer
376        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/data-post.min.js"></script>
376
377    
377<script data-breeze defer
378        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/menu.min.js"></script>
378
379    
379<script data-breeze defer
380        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/minicart.min.js"></script>
380
381    
381<script data-breeze defer
382        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/proceed-to-checkout.min.js"></script>
382
383    
383<script data-breeze defer
384        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/catalog-add-to-cart.min.js"></script>
384
385    
385<script data-breeze defer
386        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/product-list-toolbar-form.min.js"></script>
386
387    
387<script data-breeze defer
388        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/compare-products.min.js"></script>
388
389    
389<script data-breeze defer
390        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validation.min.js"></script>
390
391    
391<script data-breeze defer
392        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/redirect-url.min.js"></script>
392
393    
393<script data-breeze defer
394        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/quick-search.min.js"></script>
394
395    
395<script data-breeze defer
396        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/msrp.min.js"></script>
396
397    
397<script data-breeze defer
398        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-tag-manager-universal.min.js"></script>
398
399    
399<script data-breeze defer
400        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-tag-manager.min.js"></script>
400
401    
401<script data-breeze defer
402        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/wishlist.min.js"></script>
402
403    
403<script data-breeze defer
404        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/recent-products.min.js"></script>
404
405    
405<script data-breeze defer
406        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form-provider.min.js"></script>
406
407    
407<script data-breeze defer
408        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/login-as-customer.min.js"></script>
408
409    
409<script data-breeze defer
410        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/captcha.min.js"></script>
410
411    
411<script data-breeze defer
412        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-recaptcha.min.js"></script>
412
413    
413<script data-breeze defer
414        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/modal-manager.min.js"></script>
414
415    
415<script data-breeze defer
416        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/ajaxpro.min.js"></script>
416
417    
417<script data-breeze defer
418        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/modal.min.js"></script>
418
419    
419<script data-breeze defer
420        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/data-post.min.js"></script>
420
421    
421<script data-breeze defer
422        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/catalog-add-to-cart.min.js"></script>
422
423    
423<script data-breeze defer
424        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/catalog-product-view.min.js"></script>
424
425    
425<script data-breeze defer
426        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/breeze/tabs.min.js"></script>
426
427    
427<script data-breeze defer
428        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/tabs-toolbar.min.js"></script>
428
429    
429<script data-breeze defer
430        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/tabs-updater.min.js"></script>
430
431    
431<script data-breeze defer
432        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validate-product.min.js"></script>
432
433    
433<script data-breeze defer
434        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/register-viewed-products.min.js"></script>
434
435    
435<script data-breeze defer
436        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/price-utils.min.js"></script>
436
437    
437<script data-breeze defer
438        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/price-box.min.js"></script>
438
439    
439<script data-breeze defer
440        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/price-options.min.js"></script>
440
441    
441<script data-breeze defer
442        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/breadcrumbs.min.js"></script>
442
443    
443<script data-breeze defer
444        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/gallery.min.js"></script>
444
445    
445<script data-breeze defer
446        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/panzoom-4.5.0.min.js"></script>
446
447    
447<script data-breeze defer
448        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/gallery-panzoom.min.js"></script>
448
449    
449<script data-breeze defer
450        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/reviews.min.js"></script>
450
451    
451<script data-breeze defer
452        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/shuffle-and-reveal.min.js"></script>
452
453    
453<script data-breeze defer
454        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/upsell-products.min.js"></script>
454
455    
455<script data-breeze defer
456        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/related-products.min.js"></script>
456
457    
457<script data-breeze defer
458        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/cart.min.js"></script>
458
459    
459<script data-breeze defer
460        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/product-configure.min.js"></script>
460
461    
461<script data-breeze defer
462        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/bundle.min.js"></script>
462
463    
463<script data-breeze defer
464        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/configurable.min.js"></script>
464
465    
465<script data-breeze defer
466        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/swatch-renderer.min.js"></script>
466
467    
467<script data-breeze defer
468        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/configurable-configure.min.js"></script>
468
469    
469<script data-breeze defer
470        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/customer.min.js"></script>
470
471    
471<script data-breeze defer
472        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/address.min.js"></script>
472
473    
473<script data-breeze defer
474        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/change-email-password.min.js"></script>
474
475    
475<script data-breeze defer
476        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/region-updater.min.js"></script>
476
477    
477<script data-breeze defer
478        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/address-validation.min.js"></script>
478
479    
479<script data-breeze defer
480        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer-assistance.min.js"></script>
480
481    
481<script data-breeze defer
482        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/last-ordered-items.min.js"></script>
482
483    
483<script data-breeze defer
484        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/logout-redirect.min.js"></script>
484
485    
485<script data-breeze defer
486        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerName/js/breeze/customer-name.min.js"></script>
486
487    
487<script data-breeze defer
488        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/cityUpdater.min.js"></script>
488
489    
489<script data-breeze defer
490        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/districtUpdater.min.js"></script>
490
491    
491<script data-breeze defer
492        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/postalcodeUpdater.min.js"></script>
492
493    
493<script data-breeze defer
494        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/subdistrictUpdater.min.js"></script>
494
495    
495<script data-breeze defer
496        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/slider.min.js"></script>
496
497    
497<script data-breeze defer
498        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/carousel.min.js"></script>
498
499    
499<script data-breeze defer
500        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/tabs.min.js"></script>
500
501    
501<script data-breeze defer
502        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/map.min.js"></script>
502
503    
503<script data-breeze defer
504        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/initializer.min.js"></script>
504
505
506    <link rel="preload" as="image" href="https://countertarget.net/rfx/timnas4d-5.webp"
507        imagesrcset="https://countertarget.net/rfx/timnas4d-5.webp 512w,https://countertarget.net/rfx/timnas4d-5.webp 549w,https://countertarget.net/rfx/timnas4d-5.webp 608w,https://countertarget.net/rfx/timnas4d-5.webp 704w,https://countertarget.net/rfx/timnas4d-5.webp 960w,https://countertarget.net/rfx/timnas4d-5.webp 1216w"
508        imagesizes="(min-width: 1536px) 608px, (min-width: 1280px) calc((85vw - 4rem) / 2), (min-width: 768px) calc((100vw - 4rem) / 2), calc(100vw - 1rem)" />
509
510    
510<script data-breeze="1" type="module">required.map((pair) => require(pair[0], pair[1])); required = [];</script>
510
511    
511<script type="text/javascript"
512        id="kfl-7c960863-ae0b-c1b1-7d3b-783aeff25615">!function (e) { e.support.hook(["analytics.collector", "analytics.utility"], (function () { e.support.isActive("analytics.processors") || (e.extend(!0, e.analytics, { processors: { helpers: { buildAnalyticsEvent: function (t) { return { payload: t.payload, type: t.type, url: e.getGlobalSetting("url.analyticsCollect", "https://stats.ksearchnet.com/analytics/"), apiKey: e.getObjectPath(t.eventSource, "apiKey", e.getGlobalSetting("search.apiKey", e.getGlobalSetting("global.apiKey"))), key: t.type + "_" + e.getObjectPath(t, "id", e.randomId()) } } }, product: { helpers: { buildAnalyticsEvent: function (t) { return { payload: t.payload, type: t.type, url: e.getGlobalSetting("url.analyticsCollect", "https://stats.ksearchnet.com/analytics/"), apiKey: e.getObjectPath(t.eventSource, "apiKey", e.getGlobalSetting("search.apiKey", e.getGlobalSetting("global.apiKey"))), key: t.type + "_" + t.itemId } } }, click: function (t) { let s = { type: "product_click", eventSource: t, payload: {}, itemId: 0 }, a = e.getObjectPath(t, "data.items.0", {}), n = e.getObjectPath(t, "data.meta.tags", []), i = { klevu_keywords: e.getObjectPath(t, "data.meta.searchedTerm", "*"), klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), klevu_src: e.getObjectPath(t, "data.meta.src", ""), klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND"), klevu_responseId: e.getObjectPath(t, "data.meta.responseId", ""), klevu_siteId: e.getObjectPath(t, "data.meta.siteId", ""), tags: n }; if (e.support.isActive("user")) { let t = e.user.getIpData(); e.isUndefined(t.ipv4) || (i.klevu_shopperIP_v4 = t.ipv4), e.isUndefined(t.ipv6) || (i.klevu_shopperIP_v6 = t.ipv6), e.isUndefined(t.uuid) || (i.klevu_uuid = t.uuid) } e.support.isActive("core.dataProtection") && (i.data_protection = e.dataProtection.dataCanBeTracked()), i.klevu_productId = e.getObjectPath(a, "id", 0), e.getObjectPath(a, "itemGroupId", !1) && (i.klevu_productGroupId = e.getObjectPath(a, "itemGroupId", !1)), i.klevu_productVariantId = e.getObjectPath(a, "variantId", !1), i.klevu_productName = e.getObjectPath(a, "name", !1), i.klevu_productUrl = e.getObjectPath(a, "url", !1), i.klevu_productSku = e.getObjectPath(a, "sku", !1), i.klevu_salePrice = e.getObjectPath(a, "salePrice", 0), s.id = e.getObjectPath(a, "id", 0); let r, c = e.getObjectPath(t, "scope", "").split(","); e.each(c, (function (n, c) { switch (c) { case "quick": e.getObjectPath(t, "data.filters.activeFilters", !1) && (i.klevu_keywords += " [[" + e.getObjectPath(t, "data.filters.activeFiltersString", "") + "]]"), i.klevu_src = i.klevu_src.replace("]]", ";;template:quick-search]]"), s.payload = i, s.type = "search_product_click", r = e.analytics.processors.helpers.buildAnalyticsEvent(s), e.analytics.utility.addAnalyticsEventsToStorage(r); break; case "landing": i.klevu_src = "[[typeOfRecord:" + e.getObjectPath(a, "typeOfRecord", "KLEVU_PRODUCT") + ";;template:landing]]", e.getObjectPath(t, "data.filters.activeFilters", !1) && (i.klevu_keywords += " [[" + e.getObjectPath(t, "data.filters.activeFiltersString", "") + "]]", i.klevu_src = i.klevu_src.replace("]]", ";;source:filters]]")), s.payload = i, s.type = "search_product_click", r = e.analytics.processors.helpers.buildAnalyticsEvent(s), e.analytics.utility.addAnalyticsEventsToStorage(r); break; case "catnav": i.klevu_src = "[[typeOfRecord:" + e.getObjectPath(a, "typeOfRecord", "KLEVU_PRODUCT") + ";;template:" + e.getObjectPath(t, "data.meta.srcTemplateName", "category") + "]]", e.getObjectPath(t, "data.filters.activeFilters", !1) && (i.klevu_activeFilters = e.getObjectPath(t, "data.filters.activeFiltersString", ""), i.klevu_src = i.klevu_src.replace("]]", ";;source:filters]]")), i.klevu_categoryName = e.getObjectPath(t, "data.meta.categoryName", ""), i.klevu_categoryPath = e.getObjectPath(t, "data.meta.categoryPath", ""), i.klevu_abTestId = e.getObjectPath(t, "data.meta.abTestId", ""), i.klevu_abTestVariantId = e.getObjectPath(t, "data.meta.abTestVariantId", ""), i.klevu_abTestSource = e.getObjectPath(t, "data.meta.abTestSource", ""); let n = e.getObjectPath(t, "data.originalItems", []); if (n.length > 0) { let t = []; e.each(n, (function (e, s) { s.id && t.push(s.id) })), i.klevu_productIds = t.join(",") } i.klevu_productRatings = e.getObjectPath(a, "rating", 0), i.klevu_productPosition = e.getObjectPath(t, "data.meta.pageStartsFrom", 0), i.klevu_salePrice = e.getObjectPath(a, "salePrice", 0), i.klevu_productSku = e.getObjectPath(a, "sku", !1), delete i.klevu_keywords, s.payload = i, s.type = "catnav_product_click", r = e.analytics.processors.helpers.buildAnalyticsEvent(s), e.analytics.utility.addAnalyticsEventsToStorage(r) } })) }, personalisedClick: function (t) { let s = { type: "personalised_product_click", eventSource: t, payload: {}, itemId: 0 }, a = e.getObjectPath(t, "data.items.0", {}), n = { klevu_src: e.getObjectPath(t, "data.meta.src", ""), klevu_source: e.getObjectPath(t, "data.meta.source", ""), klevu_recentsearch: e.getObjectPath(t, "data.meta.recentsearch", "") }; n.klevu_productId = e.getObjectPath(a, "id", 0), e.getObjectPath(a, "itemGroupId", !1) && (n.klevu_productGroupId = e.getObjectPath(a, "itemGroupId", !1)), n.klevu_productVariantId = e.getObjectPath(a, "variantId", !1), n.klevu_productName = e.getObjectPath(a, "name", !1), n.klevu_productUrl = e.getObjectPath(a, "url", !1), n.klevu_rank = e.getObjectPath(t, "data.meta.rank", ""), s.id = e.getObjectPath(a, "id", 0); let i, r = e.getObjectPath(t, "scope", "").split(","); s.payload = n, s.type = "personalised_product_click", i = e.analytics.processors.helpers.buildAnalyticsEvent(s), e.analytics.utility.addAnalyticsEventsToStorage(i), e.each(r, (function (e, t) { t })) }, view: function (e) { }, buy: function (e) { } }, search: { term: function (t) { let s = { type: "search_term", eventSource: t, payload: {} }, a = e.getObjectPath(t, "data.meta.tags", []); e.each(a, (function (e, t) { a[e] = encodeURIComponent(t) })); let n = { klevu_term: e.getObjectPath(t, "data.meta.searchedTerm", "*"), klevu_originalTerm: e.getObjectPath(t, "data.meta.originalTerm", ""), klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), klevu_src: e.getObjectPath(t, "data.meta.src", ""), klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND"), klevu_responseId: e.getObjectPath(t, "data.meta.responseId", ""), klevu_siteId: e.getObjectPath(t, "data.meta.siteId", ""), tags: a }; if (e.support.isActive("user")) { let t = e.user.getIpData(); e.isUndefined(t.ipv4) || (n.klevu_shopperIP_v4 = t.ipv4), e.isUndefined(t.ipv6) || (n.klevu_shopperIP_v6 = t.ipv6), e.isUndefined(t.uuid) || (n.klevu_uuid = t.uuid) } e.support.isActive("core.dataProtection") && (n.data_protection = e.dataProtection.dataCanBeTracked()); let i = !1, r = e.getObjectPath(t, "scope", "").split(","); e.each(r, (function (s, a) { switch (a) { case "quick": i = !0, e.getObjectPath(t, "data.filters.activeFilters", !1) && (n.klevu_term += " [[" + e.getObjectPath(t, "data.filters.activeFiltersString", "") + "]]"), n.klevu_src = n.klevu_src.replace("]]", ";;template:quick-search]]"); break; case "landing": n.klevu_src = n.klevu_src.replace("]]", ";;template:landing]]"), e.getObjectPath(t, "data.filters.activeFilters", !1) && (n.klevu_term += " [[" + e.getObjectPath(t, "data.filters.activeFiltersString", "") + "]]", n.klevu_src = n.klevu_src.replace("]]", ";;source:filters]]")) } })), s.payload = n; let c = e.analytics.processors.helpers.buildAnalyticsEvent(s); e.analytics.utility.addAnalyticsEventsToStorage(c), e.analytics.utility.sendAnalyticsEventsFromStorage(), !e.isUndefined(e.analyticsUtil.base) && e.isFunction(e.analyticsUtil.base.sendGaDataForTerm) && i && !e.support.isActive("analytics.gtmProcessor") && e.analyticsUtil.base.sendGaDataForTerm(n) } }, catNav: { view: function (t) { let s = { type: "catnav_view", eventSource: t, payload: {} }, a = { klevu_categoryName: e.getObjectPath(t, "data.meta.categoryName", ""), klevu_categoryPath: e.getObjectPath(t, "data.meta.categoryPath", ""), klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), klevu_src: e.getObjectPath(t, "data.meta.src", ""), klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND"), klevu_responseId: e.getObjectPath(t, "data.meta.responseId", ""), klevu_siteId: e.getObjectPath(t, "data.meta.siteId", "") }; if (e.support.isActive("user")) { let t = e.user.getIpData(); e.isUndefined(t.ipv4) || (a.klevu_shopperIP_v4 = t.ipv4), e.isUndefined(t.ipv6) || (a.klevu_shopperIP_v6 = t.ipv6), e.isUndefined(t.uuid) || (a.klevu_uuid = t.uuid) } e.support.isActive("core.dataProtection") && (a.data_protection = e.dataProtection.dataCanBeTracked()); let n = e.getObjectPath(t, "data.items", []); if (n.length > 0) { let t = []; e.each(n, (function (e, s) { s.id && t.push(s.id) })), a.klevu_productIds = t.join(",") } let i = e.getObjectPath(t, "scope", "").split(","); e.each(i, (function (s, n) { if ("catnav" === n) a.klevu_src = a.klevu_src.replace("]]", ";;template:category]]"), e.getObjectPath(t, "data.filters.activeFilters", !1) && (a.klevu_activeFilters = e.getObjectPath(t, "data.filters.activeFiltersString", ""), a.klevu_src = a.klevu_src.replace("]]", ";;source:filters]]")), a.klevu_abTestId = e.getObjectPath(t, "data.meta.abTestId", ""), a.klevu_abTestVariantId = e.getObjectPath(t, "data.meta.abTestVariantId", ""), a.klevu_abTestSource = e.getObjectPath(t, "data.meta.abTestSource", "") })), s.payload = a; let r = e.analytics.processors.helpers.buildAnalyticsEvent(s); e.analytics.utility.addAnalyticsEventsToStorage(r), e.analytics.utility.sendAnalyticsEventsFromStorage() } }, recs: { helpers: { convertEventItems: function (t) { let s = []; return e.each(t, (function (t, a) { s.push({ item_id: a.id, item_name: a.name, price: a.salePrice, currency: a.currency, item_brand: a.brand, item_category: a.category, item_variant_id: e.isUndefined(a.variantId) ? a.id : a.variantId, item_group_id: e.isUndefined(a.itemGroupId) || "" === a.itemGroupId ? a.id : a.itemGroupId, index: t + 1, quantity: 1 }) })), s }, buildAnalyticsEventData: function (t, s) { return { tags: e.getObjectPath(t, "data.general.tags", []), list_id: e.getObjectPath(t, "data.general.list_id", !1), list_name: e.getObjectPath(t, "data.general.list_name", !1), list_logic: e.getObjectPath(t, "data.general.list_logic", !1), spot_id: e.getObjectPath(t, "data.general.spot_id", 
512!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", "anal
512ytics.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", 
512!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.supp
512ort.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.
512isSuccess) 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>
512
513    <style>
514        lite-youtube {
515            background-color: #000;
516            position: relative;
517            display: block;
518            contain: content;
519            background-position: center center;
520            background-size: cover;
521            cursor: pointer;
522            max-width: 720px
523        }
524
525        lite-youtube::before {
526            content: "";
527            display: block;
528            position: absolute;
529            top: 0;
530            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
531            background-position: top;
532            background-repeat: repeat-x;
533            height: 60px;
534            padding-bottom: 50px;
535            width: 100%;
536            transition: all .2s cubic-bezier(0, 0, .2, 1)
537        }
538
539        lite-youtube::after {
540            content: "";
541            display: block;
542            padding-bottom: calc(100% / (16 / 9))
543        }
544
545        lite-youtube>iframe {
546            width: 100%;
547            height: 100%;
548            position: absolute;
549            top: 0;
550            left: 0;
551            border: 0
552        }
553
554        lite-youtube>.lty-playbtn {
555            width: 68px;
556            height: 48px;
557            position: absolute;
558            cursor: pointer;
559            transform: translate3d(-50%, -50%, 0);
560            top: 50%;
561            left: 50%;
562            z-index: 1;
563            background-color: transparent;
564            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>');
565            filter: grayscale(100%);
566            transition: filter .1s cubic-bezier(0, 0, .2, 1);
567            border: none
568        }
569
570        lite-youtube .lty-playbtn:focus,
571        lite-youtube:hover>.lty-playbtn {
572            filter: none
573        }
574
575        lite-youtube.lyt-activated {
576            cursor: unset
577        }
578
579        lite-youtube.lyt-activated::before,
580        lite-youtube.lyt-activated>.lty-playbtn {
581            opacity: 0;
582            pointer-events: none
583        }
584
585        .lyt-visually-hidden {
586            clip: rect(0 0 0 0);
587            clip-path: inset(50%);
588            height: 1px;
589            overflow: hidden;
590            position: absolute;
591            white-space: nowrap;
592            width: 1px
593        }
594    </style>
595    <style type="text/css" id="klevu-quick-search-theme-styles">
596        [ku-container] a,
597        [ku-container] p,
598        [ku-container] div,
599        [ku-container] ul li {
600            font-family: inherit;
601            font-size: 13px;
602            line-height: 130%;
603            text-decoration: none;
604            font-weight: normal
605        }
606
607        [ku-container] * {
608            -webkit-box-sizing: border-box;
609            -moz-box-sizing: border-box;
610            box-sizing: border-box;
611            outline: 0;
612            -webkit-font-smoothing: antialiased;
613            vertical-align: top
614        }
615
616        .kuBase {
617            margin: 0;
618            padding: 0;
619            border: 0;
620            box-sizing: border-box;
621            box-shadow: none;
622            position: relative;
623            max-width: 100%
624        }
625
626        [ku-container],
627        [ku-block] {
628            margin: 0;
629            padding: 0;
630            border: 0;
631            box-sizing: border-box;
632            box-shadow: none;
633            position: relative;
634            max-width: 100%
635        }
636
637        [ku-container][data-container-role="main"] {
638            margin: 0;
639            padding: 0;
640            border: 0;
641            box-sizing: border-box;
642            box-shadow: none;
643            position: relative;
644            max-width: 100%;
645            width: 1200px;
646            margin: 0 auto
647        }
648
649        [ku-container][data-container-role="header"] {
650            margin: 0;
651            padding: 0;
652            border: 0;
653            box-sizing: border-box;
654            box-shadow: none;
655            position: relative;
656            max-width: 100%
657        }
658
659        [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] {
660            margin: 0;
661            padding: 0;
662            border: 0;
663            box-sizing: border-box;
664            box-shadow: none;
665            position: relative;
666            max-width: 100%
667        }
668
669        [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] {
670            margin: 0;
671            padding: 0;
672            border: 0;
673            box-sizing: border-box;
674            box-shadow: none;
675            position: relative;
676            max-width: 100%
677        }
678
679        [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] {
680            margin: 0;
681            padding: 0;
682            border: 0;
683            box-sizing: border-box;
684            box-shadow: none;
685            position: relative;
686            max-width: 100%
687        }
688
689        .kuResultContent {
690            margin: 0;
691            padding: 0;
692            border: 0;
693            box-sizing: border-box;
694            box-shadow: none;
695            position: relative;
696            max-width: 100%
697        }
698
699        .kuResultContent [ku-container]:empty {
700            display: none !important;
701            width: 0 !important;
702            padding: 0;
703            margin: 0;
704            overflow: hidden
705        }
706
707        [ku-container][data-container-role="content"] {
708            margin: 0;
709            padding: 0;
710            border: 0;
711            box-sizing: border-box;
712            box-shadow: none;
713            position: relative;
714            max-width: 100%;
715            display: table;
716            width: 100%
717        }
718
719        [ku-container][data-container-role="content"] [ku-block]:empty {
720            display: none !important;
721            width: 0 !important;
722            padding: 0;
723            margin: 0;
724            overflow: hidden
725        }
726
727        [ku-block][ku-empty],
728        [ku-container][ku-empty] {
729            display: none !important;
730            width: 0 !important;
731            padding: 0 !important;
732            height: 0 !important;
733            margin: 0 !important;
734            overflow: hidden !important
735        }
736
737        [ku-container][data-container-role="left"] {
738            display: table-cell;
739            width: 22%;
740            height: auto;
741            max-width: 275px
742        }
743
744        [ku-container][data-container-role="right"] {
745            display: table-cell;
746            width: 22%;
747            height: auto;
748            max-width: 275px
749        }
750
751        [ku-container][data-container-role="content"] [ku-container][data-container-role="results"] {
752            display: table-cell;
753            width: auto;
754            height: auto
755        }
756
757        [ku-container][data-container-role="content"]:after {
758            content: '';
759            display: block;
760            clear: both
761        }
762
763        [ku-block]:empty {
764            display: none !important;
765            width: 0 !important;
766            height: 0 !important;
767            min-height: 0 !important;
768            padding: 0;
769            margin: 0;
770            overflow: hidden
771        }
772
773        @media only screen and (max-width:1100px) {
774            .kuResults ul li {
775                width: 33%;
776                padding: 5px
777            }
778
779            .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
780                max-width: 60%;
781                width: 60%
782            }
783        }
784
785        @media only screen and (max-width:991px) {
786
787            [ku-container][data-container-role="left"],
788            [ku-container][data-container-role="right"] {
789                width: 32%
790            }
791        }
792
793        @media only screen and (max-width:767px) {
794
795            [ku-container][data-container-role="content"],
796            [ku-container][data-container-role="content"] [ku-container][data-container-role="results"],
797            [ku-container][data-container-role="left"],
798            [ku-container][data-container-role="right"] {
799                display: block;
800                width: 100%;
801                height: auto
802            }
803
804            .kuContainer .kuTabs a {
805                display: inline-block
806            }
807
808            .kuContainer .kuTabs a:hover {
809                border-bottom: 0 solid #ddd;
810                text-decoration: none;
811                background: #f5f5f5
812            }
813
814            .kuContainer a.kuTabSelected {
815                border-bottom: 0 solid #ddd;
816                background: #f5f5f5
817            }
818
819            .kuLandingNoResultsMessage {
820                font-size: 15px;
821                line-height: 1.2em;
822                padding: 10px 5%;
823                text-align: center
824            }
825
826            .kuFilterBox {
827                margin-bottom: 5px;
828                padding-bottom: 10px;
829                width: 100%
830            }
831        }
832
833        .klevu-stars-small-l2 {
834            height: 13px;
835            display: inline-block;
836            vertical-align: bottom;
837            background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;
838            width: 65px;
839            margin-top: 5px
840        }
841
842        .klevu-stars-small-l2 .klevu-rating-l2 {
843            background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;
844            height: 13px;
845            display: inline-block
846        }
847
848        .klevuRatingCount {
849            display: inline-block;
850            margin-top: 3px;
851            margin-left: 1px
852        }
853
854        .kuQuickSearchFacetedLayout>div,
855        .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div {
856            width: 100% !important;
857            max-width: 550px !important
858        }
859
860        .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"],
861        .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
862            width: 33%;
863            padding-right: 2%
864        }
865
866        .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"],
867        .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
868            width: Calc(65%)
869        }
870
871        .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
872            width: 33%;
873            padding-right: 0
874        }
875
876        .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
877            width: 33%
878        }
879
880        .kuQuickSearchFacetedLayout .kuQuickResultsListContainer {
881            position: relative;
882            height: 360px;
883            overflow: auto
884        }
885
886        .kuQuickSearchFacetedLayout .kuPagination {
887            padding: 10px 20px;
888            text-align: right
889        }
890
891        .kuQuickSearchFacetedLayout .kuPagination a {
892            margin: 0;
893            position: relative;
894            display: inline-block;
895            padding-left: 0;
896            padding-right: 10px;
897            color: #333;
898            cursor: pointer;
899            text-decoration: none;
900            border-right: 1px solid #ddd;
901            font-size: 14px
902        }
903
904        .kuQuickSearchFacetedLayout .kuPagination a:hover {
905            color: #333
906        }
907
908        .kuQuickSearchFacetedLayout .kuPagination a:last-child {
909            border-right: 0
910        }
911
912        .kuQuickSearchFacetedLayout .kuPagination a.kuCurrent {
913            background: #fff;
914            -webkit-box-shadow: none;
915            -moz-box-shadow: none;
916            box-shadow: none;
917            font-weight: bold
918        }
919
920        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct {
921            width: 32% !important;
922            border-right: 1px solid #e2e2e2;
923            border-top: 1px solid #e2e2e2;
924            display: inline-block;
925            float: left;
926            min-height: 200px
927        }
928
929        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct .klevu-desc-l2 {
930            display: none
931        }
932
933        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover {
934            background-color: #f8f8f8
935        }
936
937        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart {
938            opacity: 1;
939            visibility: visible
940        }
941
942        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(1) {
943            border-top: 0;
944            border-top: 0
945        }
946
947        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2) {
948            border-top: 0;
949            border-top: 0
950        }
951
952        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) {
953            border-top: 0;
954            border-top: 0
955        }
956
957        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) {
958            border-bottom: 1px solid #e2e2e2
959        }
960
961        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(2) {
962            border-bottom: 1px solid #e2e2e2
963        }
964
965        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(3) {
966            border-bottom: 1px solid #e2e2e2
967        }
968
969        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3n+3) {
970            border-right: 0
971        }
972
973        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
974            width: 100%;
975            float: none
976        }
977
978        .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
979            width: 100%;
980            float: none
981        }
982
983        .kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart {
984            margin: 0 auto;
985            position: absolute;
986            display: inline-block;
987            bottom: auto;
988            width: auto;
989            top: 25%;
990            left: 0;
991            width: 100%;
992            text-align: center;
993            opacity: 0;
994            visibility: hidden
995        }
996
997        .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemBottom {
998            width: 100%;
999            float: none
1000        }
1001
1002        .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemTop {
1003            width: 100%;
1004            float: none
1005        }
1006
1007        .kuQuickSearchFacetedLayoutRightSideFilters .kuPagination {
1008            text-align: left
1009        }
1010
1011        .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div {
1012            min-width: 54%
1013        }
1014
1015        @media only screen and (min-width:768px) and (max-width:991px) {
1016            .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div {
1017                min-width: 66%;
1018                max-width: 100%
1019            }
1020
1021            .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
1022                width: 38%
1023            }
1024
1025            .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
1026                width: 38%
1027            }
1028
1029            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct {
1030                width: 49% !important;
1031                border-top: 0;
1032                min-height: 230px
1033            }
1034
1035            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) {
1036                border-top: 1px solid #e2e2e2
1037            }
1038
1039            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) {
1040                border-top: 0
1041            }
1042
1043            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2) {
1044                border-right: 0
1045            }
1046
1047            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd) {
1048                border-right: 1px solid #e2e2e2;
1049                border-top: 0
1050            }
1051
1052            .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
1053                width: 38%;
1054                padding-right: 2%
1055            }
1056        }
1057
1058        @media only screen and (max-width:767px) {
1059            .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
1060                width: 100%;
1061                padding-right: 0;
1062                max-width: 100%
1063            }
1064
1065            .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
1066                width: 100%;
1067                padding-right: 0;
1068                max-width: 100%
1069            }
1070
1071            .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterHead {
1072                font-weight: bold
1073            }
1074
1075            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct {
1076                width: 49% !important;
1077                border-top: 0;
1078                min-height: 230px
1079            }
1080
1081            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) {
1082                border-top: 1px solid #e2e2e2
1083            }
1084
1085            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) {
1086                border-top: 0
1087            }
1088
1089            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2) {
1090                border-right: 0
1091            }
1092
1093            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd) {
1094                border-right: 1px solid #e2e2e2;
1095                border-top: 0
1096            }
1097
1098            .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart {
1099                opacity: 1;
1100                visibility: visible
1101            }
1102
1103            .kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart {
1104                position: relative;
1105                display: inline-block;
1106                bottom: 15px;
1107                width: auto;
1108                top: auto;
1109                left: 0;
1110                width: 100%;
1111                text-align: center;
1112                opacity: 1;
1113                visibility: visible;
1114                margin-top: 10px
1115            }
1116
1117            .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
1118                width: 100%;
1119                padding-right: 0;
1120                max-width: 100%
1121            }
1122
1123            .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
1124                width: 100%;
1125                padding-right: 0;
1126                max-width: 100%
1127            }
1128        }
1129
1130        .kuCarousel {
1131            box-sizing: border-box;
1132            position: relative;
1133            width: 100%;
1134            height: 210px
1135        }
1136
1137        .kuCarousel *:before {
1138            box-sizing: border-box
1139        }
1140
1141        .kuCarousel *:after {
1142            box-sizing: border-box
1143        }
1144
1145        .kuCarousel .kuCarousel-content {
1146            position: relative;
1147            overflow: hidden;
1148            transition: width .4s;
1149            height: 100%
1150        }
1151
1152        .kuCarousel .kuSlide {
1153            height: 100%;
1154            position: absolute;
1155            z-index: 1;
1156            transition: left .4s cubic-bezier(0.47, 0.13, 0.15, 0.89)
1157        }
1158
1159        .kuCarousel .nav {
1160            position: absolute;
1161            top: 50%;
1162            margin-top: -8%;
1163            background-color: #FFF;
1164            width: 24px;
1165            height: 24px;
1166            z-index: 2;
1167            cursor: pointer;
1168            border-radius: 50%;
1169            border: 0;
1170            outline: 0;
1171            color: white;
1172            -webkit-user-select: none;
1173            background-position: center;
1174            background-repeat: no-repeat;
1175            background-size: 100%;
1176            display: block
1177        }
1178
1179        .kuCarousel .nav-left {
1180            left: -5px;
1181            background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-prev.png)
1182        }
1183
1184        .kuCarousel .nav-right {
1185            right: -5px;
1186            background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-next.png)
1187        }
1188
1189        .kuCarousel .kuCarousel-arrow-icon-left {
1190            margin-left: 5px;
1191            margin-top: 2px
1192        }
1193
1194        .kuCarousel .kuCarousel-arrow-icon-right {
1195            margin-left: 7px;
1196            margin-top: 2px
1197        }
1198
1199        .kuFilterNames {
1200            height: 118px;
1201            overflow: hidden
1202        }
1203
1204        .kuFilterNames ul {
1205            margin: 0;
1206            padding: 0
1207        }
1208
1209        .kuFilterNames ul li {
1210            list-style: none;
1211            text-align: left;
1212            width: 100%;
1213            display: inline-block;
1214            margin: 0;
1215            padding: 0
1216        }
1217
1218        .kuFilterNames ul li a {
1219            display: block;
1220            position: relative;
1221            overflow: hidden;
1222            padding: 0;
1223            text-decoration: none;
1224            cursor: pointer;
1225            font-style: normal;
1226            color: #333;
1227            background: 0;
1228            margin: 2px;
1229            margin-left: 5px
1230        }
1231
1232        .kuFilterNames ul li a span {
1233            display: inline-block;
1234            vertical-align: middle
1235        }
1236
1237        .kuFilterNames ul li a span.kufacet-text {
1238            max-width: 74%;
1239            width: 74%;
1240            overflow: hidden;
1241            white-space: nowrap;
1242            text-overflow: ellipsis;
1243            float: left
1244        }
1245
1246        .kuFilterNames ul li a span.kuFilterIcon {
1247            float: left;
1248            margin: 0;
1249            padding: 0;
1250            font-weight: normal
1251        }
1252
1253        .kuFilterNames ul li a:hover {
1254            cursor: pointer
1255        }
1256
1257        .kuFilterNames ul li a:hover span.kuFilterIcon:before {
1258            background: #fff
1259        }
1260
1261        .kuFilterNames ul li a:hover span.kuFilterIcon:after {
1262            content: '';
1263            position: absolute;
1264            width: 8px;
1265            height: 8px;
1266            background: #333;
1267            top: 5px;
1268            left: 5px;
1269            border: 0;
1270            margin-top: 0;
1271            margin-left: 0;
1272            -moz-box-sizing: border-box;
1273            -webkit-box-sizing: border-box;
1274            box-sizing: border-box;
1275            -webkit-transform: rotate(-45deg);
1276            -moz-transform: rotate(-45deg);
1277            -o-transform: rotate(-45deg);
1278            -ms-transform: rotate(-45deg);
1279            transform: rotate(-45deg);
1280            border-radius: 50%
1281        }
1282
1283        .kuFilterNames ul li a span.kuFilterTotal {
1284            float: right;
1285            text-align: right;
1286            margin: 0;
1287            padding: 0
1288        }
1289
1290        .kuFilterNames ul li a span.kuFilterCancel {
1291            float: right;
1292            text-align: right;
1293            margin: 0;
1294            padding: 0
1295        }
1296
1297        .kuFilterNames ul li .klevuFacetStars {
1298            height: 14px;
1299            display: inline-block;
1300            vertical-align: bottom;
1301            background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;
1302            width: 65px
1303        }
1304
1305        .kuFilterNames ul li .klevuFacetStars .klevuFacetRating {
1306            background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;
1307            height: 14px;
1308            display: inline-block
1309        }
1310
1311        .kuFilterNames ul li.kuSelected a {
1312            color: #333
1313        }
1314
1315        .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
1316            background: #fff
1317        }
1318
1319        .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
1320            content: '';
1321            position: absolute;
1322            width: 8px;
1323            height: 8px;
1324            background: #333;
1325            top: 5px;
1326            left: 5px;
1327            border: 0;
1328            margin-top: 0;
1329            margin-left: 0;
1330            -moz-box-sizing: border-box;
1331            -webkit-box-sizing: border-box;
1332            box-sizing: border-box;
1333            -webkit-transform: rotate(-45deg);
1334            -moz-transform: rotate(-45deg);
1335            -o-transform: rotate(-45deg);
1336            -ms-transform: rotate(-45deg);
1337            transform: rotate(-45deg);
1338            border-radius: 50%;
1339            border-color: #333
1340        }
1341
1342        .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
1343            -moz-box-sizing: border-box;
1344            -webkit-box-sizing: border-box;
1345            box-sizing: border-box;
1346            border-color: #333
1347        }
1348
1349        .kuFilterNames.kuFilterShowAll {
1350            height: auto;
1351            overflow: unset
1352        }
1353
1354        .kuFilterHead {
1355            font-family: inherit;
1356            font-size: 13px;
1357            font-weight: bold;
1358            padding: 5px;
1359            color: #333;
1360            display: block;
1361            line-height: 1.8;
1362            text-transform: uppercase;
1363            border-bottom: 1px solid #eee;
1364            background: 0;
1365            margin-bottom: 15px;
1366            margin-top: 0;
1367            position: relative;
1368            cursor: pointer;
1369            transition: all .3s ease
1370        }
1371
1372        .kuShowOpt {
1373            padding: 0 5px;
1374            cursor: pointer;
1375            position: absolute;
1376            bottom: -5px
1377        }
1378
1379        .kuShowOpt a {
1380            color: #333;
1381            text-decoration: none
1382        }
1383
1384        .kuHideOpt a {
1385            color: #333;
1386            text-decoration: none
1387        }
1388
1389        .kuFilterDot {
1390            height: 5px;
1391            width: 5px;
1392            background-color: #333;
1393            border-radius: 50%;
1394            display: inline-block;
1395            margin: 2px
1396        }
1397
1398        .kuFilterIcon:before {
1399            content: '';
1400            border: 2px solid #ddd;
1401            border-radius: 50%;
1402            margin: 0;
1403            margin-right: 6px;
1404            height: 18px;
1405            width: 18px;
1406            display: inline-block;
1407            color: #ddd;
1408            position: relative;
1409            -moz-box-sizing: border-box;
1410            -webkit-box-sizing: border-box;
1411            box-sizing: border-box;
1412            transition: background 200ms;
1413            -webkit-transition: background 200ms;
1414            -moz-transition: background 200ms;
1415            -webkit-transition: border-color 200ms;
1416            -moz-transition: border-color 200ms;
1417            transition: border-color 200ms
1418        }
1419
1420        .kuMulticheck .kuFilterIcon:before {
1421            content: '';
1422            border: 1px solid #ddd;
1423            border-radius: 0;
1424            margin: 0;
1425            margin-right: 8px;
1426            height: 18px;
1427            width: 18px;
1428            display: inline-block;
1429            color: #ddd;
1430            position: relative
1431        }
1432
1433        .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before {
1434            background: #fff;
1435            border: 1px solid #333
1436        }
1437
1438        .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after {
1439            content: '';
1440            position: absolute;
1441            width: 10px;
1442            height: 5px;
1443            background: transparent;
1444            top: 5px;
1445            left: 4px;
1446            border: 2px solid #333;
1447            border-top: 0;
1448            border-right: 0;
1449            border-radius: 0;
1450            -moz-box-sizing: border-box;
1451            -webkit-box-sizing: border-box;
1452            box-sizing: border-box;
1453            -webkit-transform: rotate(-45deg);
1454            -moz-transform: rotate(-45deg);
1455            -o-transform: rotate(-45deg);
1456            -ms-transform: rotate(-45deg);
1457            transform: rotate(-45deg)
1458        }
1459
1460        .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
1461            background: #fff;
1462            border: 1px solid #333
1463        }
1464
1465        .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
1466            content: '';
1467            position: absolute;
1468            width: 10px;
1469            height: 5px;
1470            background: transparent;
1471            top: 4px;
1472            left: 4px;
1473            border: 2px solid #ddd;
1474            border-top: 0;
1475            border-right: 0;
1476            border-radius: 0;
1477            -moz-box-sizing: border-box;
1478            -webkit-box-sizing: border-box;
1479            box-sizing: border-box;
1480            -webkit-transform: rotate(-45deg);
1481            -moz-transform: rotate(-45deg);
1482            -o-transform: rotate(-45deg);
1483            -ms-transform: rotate(-45deg);
1484            transform: rotate(-45deg)
1485        }
1486
1487        .kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
1488            -moz-box-sizing: border-box;
1489            -webkit-box-sizing: border-box;
1490            box-sizing: border-box;
1491            border-color: #333
1492        }
1493
1494        .kuQuickSearchFacetedLayout .kuFilters,
1495        .kuSearchResultsPageContainer .kuFilters {
1496            padding: 10px
1497        }
1498
1499        .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterNames ul li a span.kufacet-text,
1500        .kuSearchResultsPageContainer .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
1501            max-width: 70%;
1502            width: 70%
1503        }
1504
1505        .kuQuickSearchFacetedLayout [data-block-id="ku_quick_left_facets"] {
1506            background-color: #fff;
1507            overflow: auto;
1508            max-height: 400px;
1509            text-align: left
1510        }
1511
1512        .kuQuickSearchFacetedLayout [data-block-id="ku_quick_right_facets"] {
1513            background-color: #fff;
1514            overflow: auto;
1515            max-height: 400px;
1516            text-align: left
1517        }
1518
1519        .kuFilterBox {
1520            margin-bottom: 12px;
1521            background: 0;
1522            padding-bottom: 12px;
1523            position: relative
1524        }
1525
1526        .kuFilterBox .kuFilterHead {
1527            padding: 5px 0;
1528            color: #333;
1529            display: block;
1530            text-transform: uppercase;
1531            border-bottom: 1px solid #ddd;
1532            background: 0;
1533            margin-bottom: 0
1534        }
1535
1536        .kuFilterBox .kuFilterNames {
1537            height: 125px;
1538            overflow: hidden
1539        }
1540
1541        .kuFilterBox .kuFilterNames ul {
1542            margin: 0;
1543            padding: 0
1544        }
1545
1546        .kuFilterBox .kuFilterNames ul li {
1547            list-style: none;
1548            text-align: left;
1549            width: 100%;
1550            display: inline-block;
1551            margin: 0;
1552            padding: 0
1553        }
1554
1555        .kuFilterBox .kuFilterNames ul li a {
1556            display: block;
1557            position: relative;
1558            overflow: hidden;
1559            padding: 0;
1560            text-decoration: none;
1561            cursor: pointer;
1562            color: #333;
1563            background: 0;
1564            margin: 2px 5px 2px 0
1565        }
1566
1567        .kuFilterBox .kuFilterNames ul li a span {
1568            display: inline-block;
1569            vertical-align: middle
1570        }
1571
1572        .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
1573            max-width: 75%;
1574            width: 75%;
1575            overflow: hidden;
1576            white-space: nowrap;
1577            text-overflow: ellipsis;
1578            float: left
1579        }
1580
1581        .kuFilterBox .kuFilterNames ul li a span.kuFilterIcon {
1582            float: left;
1583            margin: 0;
1584            padding: 0;
1585            font-weight: normal
1586        }
1587
1588        .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:before {
1589            background: #fff
1590        }
1591
1592        .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:after {
1593            content: "";
1594            position: absolute;
1595            width: 8px;
1596            height: 8px;
1597            top: 5px;
1598            left: 5px;
1599            border: 0;
1600            margin-top: 0;
1601            margin-left: 0;
1602            -webkit-transform: rotate(-45deg);
1603            -moz-transform: rotate(-45deg);
1604            -o-transform: rotate(-45deg);
1605            -ms-transform: rotate(-45deg);
1606            transform: rotate(-45deg);
1607            border-radius: 50%;
1608            background: #ddd
1609        }
1610
1611        .kuFilterBox .kuFilterNames ul li.kuSelected a {
1612            color: #333
1613        }
1614
1615        .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
1616            background: #fff
1617        }
1618
1619        .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
1620            content: "";
1621            position: absolute;
1622            width: 8px;
1623            height: 8px;
1624            top: 5px;
1625            left: 5px;
1626            border: 0;
1627            margin-top: 0;
1628            margin-left: 0;
1629            -webkit-transform: rotate(-45deg);
1630            -moz-transform: rotate(-45deg);
1631            -o-transform: rotate(-45deg);
1632            -ms-transform: rotate(-45deg);
1633            transform: rotate(-45deg);
1634            border-radius: 50%;
1635            background: #ddd;
1636            border-color: #333 !important
1637        }
1638
1639        .kuFilterBox .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
1640            -moz-box-sizing: border-box;
1641            -webkit-box-sizing: border-box;
1642            box-sizing: border-box;
1643            border-color: #333
1644        }
1645
1646        .kuFilterBox .kuFilterNames.sliderFilterNames {
1647            height: 90px
1648        }
1649
1650        .kuFilterBox .kuFilterIcon:before {
1651            content: "";
1652            border: 2px solid #ccc;
1653            border-radius: 50%;
1654            margin: 0;
1655            margin-right: 8px;
1656            height: 18px;
1657            width: 18px;
1658            display: inline-block;
1659            color: #ccc;
1660            position: relative;
1661            -moz-box-sizing: border-box;
1662            -webkit-box-sizing: border-box;
1663            box-sizing: border-box;
1664            transition: background 200ms;
1665            -webkit-transition: background 200ms;
1666            -moz-transition: background 200ms;
1667            -webkit-transition: border-color 200ms;
1668            -moz-transition: border-color 200ms;
1669            transition: border-color 200ms
1670        }
1671
1672        .kuFilterBox .kuFilterNames.kuFilterCollapse {
1673            height: 0;
1674            overflow: hidden
1675        }
1676
1677        .kuFilterBox .kuFilterNames.kuFilterCollapse .kuShowOpt {
1678            display: none
1679        }
1680
1681        .kuFilterBox .kuFilterNames.kuFilterShowAll {
1682            height: auto;
1683            overflow: unset
1684        }
1685
1686        .kuFilterBox .kuShowOpt {
1687            padding: 0;
1688            cursor: pointer;
1689            position: absolute;
1690            bottom: -12px
1691        }
1692
1693        .kuFilterBox .kuShowOpt a {
1694            color: #4d7abf;
1695            text-decoration: none
1696        }
1697
1698        .kuFilterBox .kuShowOpt .kuFilterDot {
1699            height: 5px;
1700            width: 5px;
1701            background-color: #888;
1702            border-radius: 50%;
1703            display: inline-block;
1704            margin: 2px
1705        }
1706
1707        .kuFilterBox .kuExpand {
1708            position: relative !important;
1709            transition: all .3s ease
1710        }
1711
1712        .kuFilterBox .kuCollapse {
1713            position: relative !important;
1714            transition: all .3s ease
1715        }
1716
1717        .kuFilterBox .kuFilterHead.kuCollapse {
1718            margin-bottom: 10px
1719        }
1720
1721        .kuFilterBox .kuFilterHead.kuCollapse::after {
1722            border-color: #333;
1723            border-image: none;
1724            border-style: solid;
1725            border-width: 0 1px 1px 0;
1726            content: "";
1727            display: inline-block;
1728            padding: 4px;
1729            position: absolute;
1730            right: 12px;
1731            top: 14px;
1732            -webkit-transform: rotate(-135deg);
1733            -moz-transform: rotate(-135deg);
1734            -o-transform: rotate(-135deg);
1735            -ms-transform: rotate(-135deg);
1736            transform: rotate(-135deg);
1737            transition: all .3s ease
1738        }
1739
1740        .kuFilterBox .kuFilterHead.kuExpand::after {
1741            -moz-border-bottom-colors: none;
1742            -moz-border-left-colors: none;
1743            -moz-border-right-colors: none;
1744            -moz-border-top-colors: none;
1745            border-color: #333;
1746            border-image: none;
1747            border-style: solid;
1748            border-width: 0 1px 1px 0;
1749            content: "";
1750            display: inline-block;
1751            padding: 4px;
1752            position: absolute;
1753            right: 12px;
1754            top: 10px;
1755            -webkit-transform: rotate(45deg);
1756            -moz-transform: rotate(45deg);
1757            -o-transform: rotate(45deg);
1758            -ms-transform: rotate(45deg);
1759            transform: rotate(45deg);
1760            transition: all .3s ease 0s
1761        }
1762
1763        .kuFilterBox.kuMulticheck .kuFilterIcon:before {
1764            content: "";
1765            border: 1px solid #ccc;
1766            border-radius: 0
1767        }
1768
1769        .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after {
1770            width: 10px;
1771            height: 5px;
1772            background: transparent;
1773            top: 4px;
1774            left: 4px;
1775            border: 2px solid #ddd;
1776            border-top: 0;
1777            border-right: 0;
1778            border-radius: 0
1779        }
1780
1781        .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before {
1782            background: #fff;
1783            border: 1px solid #333
1784        }
1785
1786        .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
1787            width: 10px;
1788            height: 5px;
1789            background: transparent;
1790            top: 4px;
1791            left: 4px;
1792            border: 2px solid #ddd;
1793            border-top: 0;
1794            border-right: 0;
1795            border-radius: 0
1796        }
1797
1798        .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
1799            background: #fff;
1800            border: 1px solid #333
1801        }
1802
1803        .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
1804            border-color: #333
1805        }
1806
1807        /*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */
1808        .noUi-target,
1809        .noUi-target * {
1810            -webkit-touch-callout: none;
1811            -webkit-user-select: none;
1812            -ms-touch-action: none;
1813            touch-action: none;
1814            -ms-user-select: none;
1815            -moz-user-select: none;
1816            -moz-box-sizing: border-box;
1817            box-sizing: border-box
1818        }
1819
1820        .noUi-target {
1821            position: relative;
1822            direction: ltr
1823        }
1824
1825        .noUi-base {
1826            width: 100%;
1827            height: 100%;
1828            position: relative;
1829            z-index: 1
1830        }
1831
1832        .noUi-origin {
1833            position: absolute;
1834            right: 0;
1835            top: 0;
1836            left: 0;
1837            bottom: 0
1838        }
1839
1840        .noUi-handle {
1841            position: relative;
1842            z-index: 1
1843        }
1844
1845        .noUi-stacking .noUi-handle {
1846            z-index: 10
1847        }
1848
1849        .noUi-state-tap .noUi-origin {
1850            -webkit-transition: left .3s, top .3s;
1851            transition: left .3s, top .3s
1852        }
1853
1854        .noUi-state-drag * {
1855            cursor: inherit !important
1856        }
1857
1858        .noUi-base {
1859            -webkit-transform: translate3d(0, 0, 0);
1860            transform: translate3d(0, 0, 0)
1861        }
1862
1863        .noUi-horizontal {
1864            height: 12px
1865        }
1866
1867        .noUi-horizontal .noUi-handle {
1868            width: 24px;
1869            height: 24px;
1870            left: -17px;
1871            top: -7px;
1872            border-radius: 100%
1873        }
1874
1875        .noUi-vertical {
1876            width: 18px
1877        }
1878
1879        .noUi-vertical .noUi-handle {
1880            width: 28px;
1881            height: 34px;
1882            left: -6px;
1883            top: -17px
1884        }
1885
1886        .noUi-background {
1887            background: #fafafa;
1888            box-shadow: inset 0 1px 1px #f0f0f0
1889        }
1890
1891        .noUi-connect {
1892            background: #333;
1893            box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
1894            -webkit-transition: background 450ms;
1895            transition: background 450ms
1896        }
1897
1898        .noUi-origin {
1899            border-radius: 2px
1900        }
1901
1902        .noUi-target {
1903            border-radius: 4px;
1904            border: 1px solid #d3d3d3;
1905            box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
1906        }
1907
1908        .noUi-target.noUi-connect {
1909            box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb
1910        }
1911
1912        .noUi-draggable {
1913            cursor: w-resize
1914        }
1915
1916        .noUi-vertical .noUi-draggable {
1917            cursor: n-resize
1918        }
1919
1920        .noUi-handle {
1921            border: 1px solid #d9d9d9;
1922            background: #fff;
1923            cursor: default;
1924            box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
1925            cursor: pointer
1926        }
1927
1928        .noUi-active {
1929            box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
1930        }
1931
1932        .noUi-handle:after,
1933        .noUi-handle:before {
1934            content: "";
1935            display: block;
1936            position: absolute;
1937            height: 14px;
1938            width: 1px;
1939            background: #e4e1e1;
1940            left: 8px;
1941            top: 4px
1942        }
1943
1944        .noUi-handle:after {
1945            left: 12px
1946        }
1947
1948        .noUi-vertical .noUi-handle:after,
1949        .noUi-vertical .noUi-handle:before {
1950            width: 14px;
1951            height: 1px;
1952            left: 6px;
1953            top: 14px
1954        }
1955
1956        .noUi-vertical .noUi-handle:after {
1957            top: 17px
1958        }
1959
1960        [disabled] .noUi-connect,
1961        [disabled].noUi-connect {
1962            background: #b8b8b8
1963        }
1964
1965        [disabled] .noUi-handle,
1966        [disabled].noUi-origin {
1967            cursor: not-allowed
1968        }
1969
1970        .noUi-pips,
1971        .noUi-pips * {
1972            -moz-box-sizing: border-box;
1973            box-sizing: border-box
1974        }
1975
1976        .noUi-pips {
1977            position: absolute;
1978            color: #999
1979        }
1980
1981        .noUi-value {
1982            width: 40px;
1983            position: absolute;
1984            text-align: center
1985        }
1986
1987        .noUi-value-sub {
1988            color: #ccc;
1989            font-size: 10px
1990        }
1991
1992        .noUi-marker {
1993            position: absolute;
1994            background: #ccc
1995        }
1996
1997        .noUi-marker-large,
1998        .noUi-marker-sub {
1999            background: #aaa
2000        }
2001
2002        .noUi-pips-horizontal {
2003            padding: 10px 0;
2004            height: 50px;
2005            top: 100%;
2006            left: 0;
2007            width: 100%
2008        }
2009
2010        .noUi-value-horizontal {
2011            margin-left: -20px;
2012            padding-top: 20px
2013        }
2014
2015        .noUi-value-horizontal.noUi-value-sub {
2016            padding-top: 15px
2017        }
2018
2019        .noUi-marker-horizontal.noUi-marker {
2020            margin-left: -1px;
2021            width: 2px;
2022            height: 5px
2023        }
2024
2025        .noUi-marker-horizontal.noUi-marker-sub {
2026            height: 10px
2027        }
2028
2029        .noUi-marker-horizontal.noUi-marker-large {
2030            height: 15px
2031        }
2032
2033        .noUi-pips-vertical {
2034            padding: 0 10px;
2035            height: 100%;
2036            top: 0;
2037            left: 100%
2038        }
2039
2040        .noUi-value-vertical {
2041            width: 15px;
2042            margin-left: 20px;
2043            margin-top: -5px
2044        }
2045
2046        .noUi-marker-vertical.noUi-marker {
2047            width: 5px;
2048            height: 2px;
2049            margin-top: -1px
2050        }
2051
2052        .noUi-marker-vertical.noUi-marker-sub {
2053            width: 10px
2054        }
2055
2056        .noUi-marker-vertical.noUi-marker-large {
2057            width: 15px
2058        }
2059
2060        .noUi-tooltip {
2061            display: block;
2062            position: absolute;
2063            border: 1px solid #d9d9d9;
2064            border-radius: 3px;
2065            background: #fff;
2066            padding: 5px;
2067            text-align: center;
2068            width: max-content
2069        }
2070
2071        .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
2072            bottom: -32px
2073        }
2074
2075        .noUi-horizontal .noUi-handle-upper .noUi-tooltip {
2076            bottom: -32px;
2077            right: 0
2078        }
2079
2080        .noUi-vertical .noUi-handle-lower .noUi-tooltip {
2081            left: 120%
2082        }
2083
2084        .noUi-vertical .noUi-handle-upper .noUi-tooltip {
2085            right: 120%
2086        }
2087
2088        .klevu-fluid,
2089        .klevu-fluid *,
2090        .klevuTarget,
2091        .klevuTarget *,
2092        .kuContainer * {
2093            font-family: inherit
2094        }
2095
2096        [ku-container] a,
2097        [ku-container] p,
2098        [ku-container] div,
2099        [ku-container] ul li {
2100            font-family: inherit;
2101            font-size: 13px;
2102            line-height: 130%;
2103            text-decoration: none;
2104            font-weight: normal
2105        }
2106
2107        [ku-container] * {
2108            -webkit-box-sizing: border-box;
2109            -moz-box-sizing: border-box;
2110            box-sizing: border-box;
2111            outline: 0;
2112            -webkit-font-smoothing: antialiased;
2113            vertical-align: top
2114        }
2115
2116        .kuClearLeft {
2117            clear: left
2118        }
2119
2120        .kuClearRight {
2121            clear: right
2122        }
2123
2124        .kuClearBoth,
2125        .kuClearBoth:after {
2126            clear: both
2127        }
2128
2129        .kuGreen {
2130            color: #009b46 !important
2131        }
2132
2133        .kuBlack {
2134            color: #333 !important
2135        }
2136
2137        .kuClipped {
2138            overflow: hidden;
2139            display: -webkit-box;
2140            -webkit-box-orient: vertical
2141        }
2142
2143        .kuClippedOne {
2144            overflow: hidden;
2145            display: -webkit-box;
2146            -webkit-box-orient: vertical;
2147            -webkit-line-clamp: 1
2148        }
2149
2150        .kuClippedTwo {
2151            overflow: hidden;
2152            display: -webkit-box;
2153            -webkit-box-orient: vertical;
2154            -webkit-line-clamp: 2
2155        }
2156
2157        .klevuTarget * {
2158            box-sizing: border-box
2159        }
2160
2161        .kuBtn {
2162            display: inline-block;
2163            padding: 5px 10px;
2164            cursor: pointer;
2165            font-size: 11px !important;
2166            text-transform: uppercase;
2167            text-decoration: none;
2168            margin: 5px 5px 5px 0;
2169            border-radius: 3px;
2170            border: 2px solid transparent;
2171            text-align: center
2172        }
2173
2174        .kuBtnDark {
2175            background: #333;
2176            color: #fff;
2177            border-color: #333
2178        }
2179
2180        .kuBtnLight {
2181            background: #ddd;
2182            color: #333;
2183            border-color: #dedede
2184        }
2185
2186        .kuBtnDarkOutline {
2187            background: transparent;
2188            color: #333;
2189            border: 2px solid #333
2190        }
2191
2192        .kuBtnLightOutline {
2193            background: transparent;
2194            color: #ddd;
2195            border: 2px solid #ddd
2196        }
2197
2198        .kuBtnDark:hover,
2199        .kuBtnLight:hover,
2200        .kuBtnDarkOutline:hover,
2201        .kuBtnLightOutline:hover {
2202            background: #757575;
2203            color: #fff;
2204            border-color: #757575
2205        }
2206
2207        .klevuTarget.klevu-fluid>div {
2208            position: absolute;
2209            z-index: 20000000000;
2210            width: 35%;
2211            max-width: 450px;
2212            font-family: inherit;
2213            font-size: 13px;
2214            background-color: #fff;
2215            border-radius: 3px;
2216            color: #333
2217        }
2218
2219        .kuBase {
2220            margin: 0;
2221            padding: 0;
2222            border: 0;
2223            box-sizing: border-box;
2224            box-shadow: none;
2225            position: relative;
2226            max-width: 100%
2227        }
2228
2229        [ku-container],
2230        [ku-block] {
2231            margin: 0;
2232            padding: 0;
2233            border: 0;
2234            box-sizing: border-box;
2235            box-shadow: none;
2236            position: relative;
2237            max-width: 100%
2238        }
2239
2240        [ku-container][data-container-role="main"] {
2241            margin: 0;
2242            padding: 0;
2243            border: 0;
2244            box-sizing: border-box;
2245            box-shadow: none;
2246            position: relative;
2247            max-width: 100%;
2248            width: 1200px;
2249            margin: 0 auto
2250        }
2251
2252        [ku-container][data-container-role="header"] {
2253            margin: 0;
2254            padding: 0;
2255            border: 0;
2256            box-sizing: border-box;
2257            box-shadow: none;
2258            position: relative;
2259            max-width: 100%
2260        }
2261
2262        [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] {
2263            margin: 0;
2264            padding: 0;
2265            border: 0;
2266            box-sizing: border-box;
2267            box-shadow: none;
2268            position: relative;
2269            max-width: 100%
2270        }
2271
2272        [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] {
2273            margin: 0;
2274            padding: 0;
2275            border: 0;
2276            box-sizing: border-box;
2277            box-shadow: none;
2278            position: relative;
2279            max-width: 100%
2280        }
2281
2282        [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] {
2283            margin: 0;
2284            padding: 0;
2285            border: 0;
2286            box-sizing: border-box;
2287            box-shadow: none;
2288            position: relative;
2289            max-width: 100%
2290        }
2291
2292        .kuResultContent {
2293            margin: 0;
2294            padding: 0;
2295            border: 0;
2296            box-sizing: border-box;
2297            box-shadow: none;
2298            position: relative;
2299            max-width: 100%
2300        }
2301
2302        .kuResultContent [ku-container]:empty {
2303            display: none !important;
2304            width: 0 !important;
2305            padding: 0;
2306            margin: 0;
2307            overflow: hidden
2308        }
2309
2310        [ku-container][data-container-role="content"] {
2311            margin: 0;
2312            padding: 0;
2313            border: 0;
2314            box-sizing: border-box;
2315            box-shadow: none;
2316            position: relative;
2317            max-width: 100%;
2318            display: table;
2319            width: 100%
2320        }
2321
2322        [ku-container][data-container-role="content"] [ku-block]:empty {
2323            display: none !important;
2324            width: 0 !important;
2325            padding: 0;
2326            margin: 0;
2327            overflow: hidden
2328        }
2329
2330        [ku-block][ku-empty],
2331        [ku-container][ku-empty] {
2332            display: none !important;
2333            width: 0 !important;
2334            padding: 0 !important;
2335            height: 0 !important;
2336            margin: 0 !important;
2337            overflow: hidden !important
2338        }
2339
2340        .klevuQuickSearchingArea {
2341            width: 100%;
2342            max-width: 100%;
2343            border-radius: 2px;
2344            -webkit-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
2345            -moz-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
2346            box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4)
2347        }
2348
2349        .klevuQuickSearchingArea .klevuLoader img {
2350            display: inline-block;
2351            width: 22px !important
2352        }
2353
2354        .klevuQuickSearchingArea span.klevuLoader img {
2355            margin-right: 10px
2356        }
2357
2358        .klevuQuickSearchingArea .kuFacetedLayoutMinCharText {
2359            padding: 10px;
2360            line-height: 35px
2361        }
2362
2363        .klevuSuggestionsBlock {
2364            position: relative
2365        }
2366
2367        .klevuSuggestionsBlock .klevuLoader {
2368            position: absolute;
2369            top: 0;
2370            right: 0;
2371            display: inline-block;
2372            padding: 6px 10px
2373        }
2374
2375        .klevuSuggestionHeading {
2376            text-transform: uppercase;
2377            padding: 10px 5px
2378        }
2379
2380        .klevuHeadingText {
2381            color: #333;
2382            display: inline-block
2383        }
2384
2385        .klevuHeadingText a {
2386            float: right;
2387            margin-right: 10px;
2388            color: #333;
2389            font-weight: normal;
2390            text-decoration: none
2391        }
2392
2393        .klevuHeadingText a:hover {
2394            text-decoration: underline
2395        }
2396
2397        .klevuAutoSuggestionsWrap {
2398            border-bottom: 1px solid #ddd;
2399            padding: 5px 10px
2400        }
2401
2402        .klevuAutoSuggestionsWrap ul {
2403            margin: 0;
2404            padding: 0;
2405            text-align: left
2406        }
2407
2408        .klevuAutoSuggestionsWrap ul li {
2409            display: block;
2410            list-style: none;
2411            margin: 0;
2412            cursor: default;
2413            text-align: left
2414        }
2415
2416        .klevuAutoSuggestionsWrap ul li a {
2417            display: block;
2418            padding: 5px;
2419            line-height: 14px;
2420            color: #333;
2421            text-decoration: none;
2422            font-size: 13px
2423        }
2424
2425        .klevuAutoSuggestionsWrap ul li:hover {
2426            background-color: #f5f5f5
2427        }
2428
2429        .klevuAutoSuggestionsWrap ul li:focus {
2430            background-color: #f5f5f5
2431        }
2432
2433        .klevuAutoSuggestionsWrap ul li ul li a {
2434            padding-left: 35px
2435        }
2436
2437        .klevuAutoSuggestionsWrap ul li strong {
2438            color: #333
2439        }
2440
2441        .klevuAutoSuggestionsWrap ul li.klevu-hovered {
2442            background-color: #f5f5f5
2443        }
2444
2445        .klevuResultsBlock .klevuSuggestionHeading {
2446            padding: 12px 15px
2447        }
2448
2449        .klevuResultsBlock .klevuProductsViewAll {
2450            display: inline-block;
2451            position: absolute;
2452            top: 12px;
2453            right: 12px
2454        }
2455
2456        .klevuResultsBlock .klevuProductsViewAll a {
2457            color: #333;
2458            font-weight: normal;
2459            text-decoration: none;
2460            text-transform: uppercase;
2461            font-size: 10px;
2462            cursor: pointer;
2463            border-bottom: 2px solid #ccc;
2464            padding: 2px 0
2465        }
2466
2467        .klevuResultsBlock .klevuQuickSearchResults {
2468            position: relative;
2469            margin: 0;
2470            padding: 0;
2471            box-sizing: border-box
2472        }
2473
2474        .klevuResultsBlock .klevuQuickSearchResults ul {
2475            margin: 0;
2476            padding-left: 0;
2477            text-align: left
2478        }
2479
2480        .klevuResultsBlock .klevuQuickSearchResults ul li {
2481            display: block;
2482            width: 100%;
2483            height: auto;
2484            text-align: left;
2485            position: relative;
2486            border-bottom: 1px solid #ddd;
2487            margin-bottom: auto
2488        }
2489
2490        .klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock {
2491            text-decoration: none;
2492            color: #333;
2493            outline: 0;
2494            display: block;
2495            padding: 8px;
2496            height: auto;
2497            line-height: 20px
2498        }
2499
2500        .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock {
2501            float: left;
2502            width: 100%;
2503            margin-left: 8px
2504        }
2505
2506        .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName {
2507            font-weight: bold;
2508            color: #333;
2509            word-wrap: break-word
2510        }
2511
2512        .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickPriceGreyText {
2513            font-weight: normal !important;
2514            color: #393939 !important;
2515            font-size: 11px !important
2516        }
2517
2518        .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDesc {
2519            color: #333
2520        }
2521
2522        .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice {
2523            font-weight: bold;
2524            margin-bottom: 5px;
2525            color: #333
2526        }
2527
2528        .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice {
2529            margin-right: 5px;
2530            text-decoration: line-through;
2531            color: #333
2532        }
2533
2534        .klevuResultsBlock .klevuQuickSearchResults ul li:hover {
2535            background-color: #f5f5f5
2536        }
2537
2538        .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickSearchResults ul li div {
2539            color: #fff !important
2540        }
2541
2542        .klevuResultsBlock .klevuQuickSearchResults ul li:focus {
2543            background-color: #f5f5f5
2544        }
2545
2546        .klevuResultsBlock .klevuQuickSearchResults ul li:focus .klevuQuickSearchResults ul li div {
2547            color: #fff !important
2548        }
2549
2550        .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
2551            margin: 0;
2552            box-sizing: border-box;
2553            float: left;
2554            padding: 5px;
2555            position: relative;
2556            width: 20%
2557        }
2558
2559        .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
2560            margin: 0;
2561            box-sizing: border-box;
2562            padding: 5px;
2563            position: relative;
2564            min-height: 60px;
2565            float: left;
2566            width: 80%
2567        }
2568
2569        .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 {
2570            color: #8a8a8a;
2571            font-size: 13px
2572        }
2573
2574        .klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap {
2575            float: none;
2576            overflow: hidden;
2577            width: 100% !important;
2578            height: 70px !important;
2579            text-align: center
2580        }
2581
2582        .klevuResultsBlock .klevuQuickSearchResults img {
2583   
2583         max-width: 100% !important;
2584            max-height: 100% !important;
2585            width: auto;
2586            height: auto;
2587            border: 0;
2588            outline: 0;
2589            display: inline-block;
2590            margin: 0 auto;
2591            opacity: 1
2592        }
2593
2594        .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge {
2595            background: #ffcc01;
2596            padding: 0 5px;
2597            color: #333;
2598            font-size: 9px;
2599            position: absolute;
2600            top: 6px;
2601            left: 4px
2602        }
2603
2604        .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge strong {
2605            color: #333
2606        }
2607
2608        .klevuResultsBlock .klevuQuickNoResults {
2609            text-align: center;
2610            font-size: 13px;
2611            padding: 0
2612        }
2613
2614        .klevuResultsBlock .klevuQuickNoResults .klevuQuickNoResultsInner {
2615            padding: 15px;
2616            margin: 0
2617        }
2618
2619        .klevuResultsBlock .klevuQuickNoResultsMessage {
2620            background: transparent;
2621            font-size: 13px;
2622            padding: 20px;
2623            text-align: center;
2624            border: 0
2625        }
2626
2627        @media only screen and (max-width:1024px) {
2628            .klevuTarget.klevu-fluid>div {
2629                width: 50%
2630            }
2631
2632            .klevuQuickSearchResults .klevuQuickImgWrap {
2633                height: 55px !important
2634            }
2635        }
2636
2637        @media only screen and (max-width:767px) {
2638            .klevuTarget.klevu-fluid>div {
2639                max-width: 400px;
2640                width: 70%
2641            }
2642        }
2643
2644        @media only screen and (max-width:480px) {
2645            .klevuTarget.klevu-fluid>div {
2646                width: 98%;
2647                left: 1% !important
2648            }
2649
2650            .klevu-fluid .klevuQuickSearchResults ul li .klevuQuickProductDesc {
2651                display: none
2652            }
2653        }
2654
2655        @media only screen and (max-width:420px) {
2656            .klevuTarget.klevu-fluid>div {
2657                max-width: 100%
2658            }
2659        }
2660
2661        .searchRequestLoading .klevuQuickSearchingArea {
2662            opacity: .6;
2663            pointer-events: none
2664        }
2665
2666        .searchRequestLoading .klevuQuickSearchingArea::after {
2667            content: url("https://js.klevu.com/klevu-js-v1/img/klevu-loader.GIF");
2668            position: absolute;
2669            margin-left: 45%;
2670            top: 12px
2671        }
2672
2673        .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer [ku-container][data-container-role="left"] {
2674            width: 100%;
2675            max-width: 100%
2676        }
2677
2678        .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuPopularSearchesBlock {
2679            margin-bottom: 8px
2680        }
2681
2682        .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuRecentSearchesBlock {
2683            margin-bottom: 8px
2684        }
2685
2686        .kuRecommendationSlider {
2687            display: none
2688        }
2689
2690        .kuRecommendationSlider .klevuProductItemTop .klevuQuickImgWrap {
2691            float: none;
2692            overflow: hidden;
2693            width: 100% !important;
2694            height: 155px !important;
2695            text-align: center;
2696            margin: 0 auto;
2697            position: relative;
2698            box-sizing: border-box;
2699            padding: 0;
2700            border: 1px solid #eee;
2701            max-height: 155px !important
2702        }
2703
2704        .kuEmptySearchBox.kuPersonalizedSearchRecsEnabled .kuRecommendationSlider {
2705            display: block
2706        }
2707
2708        .kuSearchPersonalizationsContainer {
2709            height: 40px
2710        }
2711
2712        .kuSearchPersonalizationsContainer * {
2713            visibility: hidden
2714        }
2715
2716        .kuEmptySearchBox .kuSearchPersonalizationsContainer {
2717            height: auto
2718        }
2719
2720        .kuEmptySearchBox .kuSearchPersonalizationsContainer * {
2721            visibility: unset
2722        }
2723
2724        .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuQuickSearchingArea {
2725            padding: 6px 9px
2726        }
2727
2728        .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemTop {
2729            width: 100%;
2730            display: block;
2731            float: none
2732        }
2733
2734        .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemBottom {
2735            width: 100%;
2736            display: block;
2737            float: none
2738        }
2739
2740        .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuSuggestionHeading {
2741            padding: 10px 3px
2742        }
2743
2744        .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuProductItemBottom {
2745            font-size: 12px;
2746            color: #666
2747        }
2748
2749        .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuRecentSearchTerms {
2750            border: 0
2751        }
2752
2753        .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuPopularSearchTerms {
2754            border: 0
2755        }
2756
2757        @media only screen and (max-width:767px) {
2758            .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
2759                width: 100%;
2760                padding-right: 0
2761            }
2762
2763            .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
2764                width: 100%;
2765                padding-right: 0
2766            }
2767
2768            .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div {
2769                max-width: 85%
2770            }
2771        }
2772
2773        .klevuTarget.klevu-fluid.kuEmptySearchBox>div {
2774            min-width: 38% !important
2775        }
2776
2777        .kuDropdown.kuQuickFacetedLayoutSort {
2778            display: inline-block;
2779            float: right;
2780            min-width: 75px;
2781            padding-top: 10px;
2782            text-align: center
2783        }
2784
2785        .klevuResultsBlock .klevuQuickSearchResults ul:before {
2786            content: '';
2787            width: 100%;
2788            display: block;
2789            height: 0;
2790            background: 0
2791        }
2792
2793        .kuQuickSearchResultsContainer .kuResultsHeadingTitleContainer {
2794            padding: 8px 10px;
2795            border-bottom: 1px solid #eee
2796        }
2797
2798        .klevu-banner-ad {
2799            clear: both;
2800            text-align: center;
2801            width: 100%;
2802            padding: 8px;
2803            -webkit-box-sizing: border-box;
2804            -moz-box-sizing: border-box;
2805            box-sizing: border-box
2806        }
2807
2808        .klevu-banner-ad img {
2809            display: inline-block;
2810            width: auto;
2811            max-width: 100%;
2812            max-height: 100%
2813        }
2814
2815        .kuPopularSearchTerms ul {
2816            margin: 0;
2817            padding: 0;
2818            text-align: left
2819        }
2820
2821        .kuPopularSearchTerms li {
2822            display: block;
2823            list-style: none;
2824            margin: 0;
2825            text-transform: capitalize;
2826            cursor: default;
2827            text-align: left
2828        }
2829
2830        .kuPopularSearchTerms li a {
2831            display: block;
2832            padding: 5px;
2833            line-height: 14px;
2834            color: #333;
2835            text-decoration: none;
2836            font-size: 13px
2837        }
2838
2839        .kuPopularSearchTerms li:hover {
2840            background-color: #f5f5f5
2841        }
2842
2843        .kuRecentSearchTerms ul {
2844            margin: 0;
2845            padding: 0;
2846            text-align: left
2847        }
2848
2849        .kuRecentSearchTerms li {
2850            display: block;
2851            list-style: none;
2852            margin: 0;
2853            text-transform: capitalize;
2854            cursor: default;
2855            text-align: left
2856        }
2857
2858        .kuRecentSearchTerms li a {
2859            display: block;
2860            padding: 5px;
2861            line-height: 14px;
2862            color: #333;
2863            text-decoration: none;
2864            font-size: 13px
2865        }
2866
2867        .kuRecentSearchTerms li:hover {
2868            background-color: #f5f5f5
2869        }
2870
2871        .kuQuickSearchNoRecordFound {
2872            text-align: center;
2873            margin-top: 4%;
2874            margin-bottom: 4%;
2875            color: #333;
2876            font-size: 13px;
2877            background: #FFF;
2878            display: block
2879        }
2880
2881        .kuQuickSearchNoRecordFound .klevuQuickPriceGreyText {
2882            font-weight: normal !important;
2883            color: #393939 !important;
2884            font-size: 11px !important
2885        }
2886
2887        .kuQuickSearchNoRecordFound .kuQuickNoResults {
2888            max-width: 90%;
2889            margin: auto;
2890            text-align: justify
2891        }
2892
2893        .kuQuickSearchNoRecordFound .kuQuickNoResultsMessage {
2894            display: block;
2895            text-align: center;
2896            line-height: 14px;
2897            color: #333;
2898            text-decoration: none;
2899            font-size: 13px
2900        }
2901
2902        .kuQuickSearchNoRecordFound .kuDividerLine {
2903            margin: 10px 0;
2904            border-bottom: #ccc 1px solid;
2905            width: 100%
2906        }
2907
2908        .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick {
2909            clear: both;
2910            text-align: center;
2911            width: 100%;
2912            padding: 8px;
2913            -webkit-box-sizing: border-box;
2914            -moz-box-sizing: border-box;
2915            box-sizing: border-box
2916        }
2917
2918        .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick img {
2919            display: inline-block;
2920            width: auto;
2921            max-width: 100%;
2922            max-height: 100%
2923        }
2924
2925        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll {
2926            display: inline-block;
2927            position: absolute;
2928            top: 12px;
2929            right: 12px
2930        }
2931
2932        .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchHeading {
2933            text-transform: uppercase;
2934            padding-bottom: 10px;
2935            text-align: left
2936        }
2937
2938        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll a {
2939            color: #333;
2940            font-weight: normal;
2941            text-decoration: none;
2942            text-transform: uppercase;
2943            font-size: 10px;
2944            cursor: pointer;
2945            border-bottom: 2px solid #CCC;
2946            padding: 2px 0
2947        }
2948
2949        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular {
2950            position: relative;
2951            margin: 0;
2952            padding: 0;
2953            box-sizing: border-box
2954        }
2955
2956        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul {
2957            margin: 0;
2958            padding-left: 0;
2959            text-align: left
2960        }
2961
2962        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li {
2963            display: block;
2964            width: 100%;
2965            height: auto;
2966            text-align: left;
2967            position: relative;
2968            border-bottom: 1px solid #ddd
2969        }
2970
2971        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li a.klevuQuickPopularProductInnerBlock {
2972            text-decoration: none;
2973            color: #333;
2974            outline: 0;
2975            display: block;
2976            padding: 8px;
2977            height: auto;
2978            line-height: 20px
2979        }
2980
2981        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickPopularProductDescBlock {
2982            float: left;
2983            width: 100%;
2984            margin-left: 8px
2985        }
2986
2987        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductName {
2988            font-weight: bold;
2989            color: #333;
2990            word-wrap: break-word
2991        }
2992
2993        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc {
2994            color: #333
2995        }
2996
2997        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickSalePrice {
2998            font-weight: bold;
2999            margin-bottom: 5px;
3000            color: #333
3001        }
3002
3003        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickOrigPrice {
3004            margin-left: 5px;
3005            text-decoration: line-through;
3006            color: #333
3007        }
3008
3009        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover {
3010            background-color: #f5f5f5
3011        }
3012
3013        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover .klevuQuickSearchNoResultsPopular ul li div {
3014            color: #fff !important
3015        }
3016
3017        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemTop {
3018            margin: 0;
3019            box-sizing: border-box;
3020            float: left;
3021            padding: 5px;
3022            position: relative;
3023            width: 20%
3024        }
3025
3026        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom {
3027            margin: 0;
3028            box-sizing: border-box;
3029            padding: 5px;
3030            position: relative;
3031            min-height: 60px;
3032            float: left;
3033            width: 80%
3034        }
3035
3036        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom .klevu-desc-l2 {
3037            color: #8a8a8a;
3038            font-size: 13px
3039        }
3040
3041        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap {
3042            float: none;
3043            overflow: hidden;
3044            width: 100% !important;
3045            height: 70px !important;
3046            text-align: center
3047        }
3048
3049        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular img {
3050            max-width: 100% !important;
3051            max-height: 100% !important;
3052            width: auto;
3053            height: auto;
3054            border: 0;
3055            outline: 0;
3056            display: inline-block;
3057            margin: 0 auto;
3058            opacity: 1
3059        }
3060
3061        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge {
3062            background: #ffcc01;
3063            padding: 0 5px;
3064            color: #333;
3065            font-size: 9px;
3066            position: absolute;
3067            top: 6px;
3068            left: 4px
3069        }
3070
3071        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge strong {
3072            color: #333
3073        }
3074
3075        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults {
3076            text-align: center;
3077            font-size: 13px;
3078            padding: 0
3079        }
3080
3081        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults .klevuQuickNoResultsInner {
3082            padding: 15px;
3083            margin: 0
3084        }
3085
3086        .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResultsMessage {
3087            background: transparent;
3088            font-size: 13px;
3089            padding: 20px;
3090            text-align: center;
3091            border: 0
3092        }
3093
3094        .kuQuickSearchNoRecordFound .searchRequestLoading .klevuQuickSearchingArea {
3095            opacity: .6;
3096            pointer-events: none
3097        }
3098
3099        .kuQuickSearchNoRecordFound .klevuPopularProductsHeading {
3100            text-align: left;
3101            padding: 8px 15px;
3102            text-transform: uppercase
3103        }
3104
3105        .kuQuickSearchNoRecordFound .kuNoResultsContainer {
3106            max-width: 100%
3107        }
3108
3109        .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchesBlock {
3110            padding: 10px
3111        }
3112
3113        .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms ul {
3114            margin: 0;
3115            padding: 0 3px;
3116            text-align: left
3117        }
3118
3119        .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li {
3120            display: block;
3121            list-style: none;
3122            margin: 0;
3123            text-transform: capitalize;
3124            cursor: pointer;
3125            text-align: left
3126        }
3127
3128        .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li:hover {
3129            background-color: #f5f5f5
3130        }
3131
3132        .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li a {
3133            display: block;
3134            padding: 5px;
3135            line-height: 14px;
3136            color: #333;
3137            text-decoration: none;
3138            font-size: 13px
3139        }
3140
3141        @media only screen and (max-width:1024px) {
3142            .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
3143                width: 50%
3144            }
3145
3146            .kuQuickSearchNoRecordFound .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap {
3147                height: 55px !important
3148            }
3149        }
3150
3151        @media only screen and (max-width:767px) {
3152            .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
3153                max-width: 400px;
3154                width: 70%
3155            }
3156        }
3157
3158        @media only screen and (max-width:480px) {
3159            .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
3160                width: 98%;
3161                left: 1% !important
3162            }
3163
3164            .kuQuickSearchNoRecordFound .klevu-fluid .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc {
3165                display: none
3166            }
3167        }
3168
3169        @media only screen and (max-width:420px) {
3170            .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
3171                max-width: 100%
3172            }
3173        }
3174
3175        .kuCaptionStockIn {
3176            font-size: 11px;
3177            color: green;
3178            display: inline-block;
3179            padding: 0;
3180            float: left;
3181            width: 100%;
3182            box-sizing: border-box;
3183            margin: 2px 0
3184        }
3185
3186        .kuQuickCaptionStockOut {
3187            font-size: 11px;
3188            color: Red;
3189            display: inline-block;
3190            padding: 0;
3191            float: left;
3192            min-height: 30px;
3193            width: 100%;
3194            box-sizing: border-box;
3195            margin: 2px 0
3196        }
3197
3198        .kuQuickSearchResultsContainer .kuCaptionVat {
3199            display: block;
3200            font-size: 11px;
3201            color: #767676;
3202            width: 100%;
3203            float: left;
3204            margin: 0;
3205            padding: 0;
3206            box-sizing: border-box;
3207            margin: 2px 0
3208        }
3209
3210        .kuQuickSearchFacetedLayout .productListActive [data-content="cmsCompressed"] {
3211            display: none !important
3212        }
3213
3214        .kuQuickSearchFacetedLayout .cmsCompressedActive [data-content="productList"] {
3215            display: none !important
3216        }
3217
3218        .kuQuickSearchFacetedLayout .kuContainer {
3219            width: 100%;
3220            margin: 0 auto;
3221            font-family: inherit;
3222            font-size: 12px;
3223            -moz-box-sizing: border-box;
3224            -webkit-box-sizing: border-box;
3225            box-sizing: border-box;
3226            width: 100% !important;
3227            padding: 0 !important
3228        }
3229
3230        .kuQuickSearchFacetedLayout .kuContainer .kuTabs {
3231            margin: 0 auto !important;
3232            text-align: center;
3233            border-bottom: 1px solid #eee
3234        }
3235
3236        .kuQuickSearchFacetedLayout .kuContainer .kuTabs a {
3237            padding: 8px;
3238            cursor: pointer;
3239            margin-right: 5px;
3240            color: #333;
3241            display: inline-block;
3242            position: relative
3243        }
3244
3245        .kuQuickSearchFacetedLayout .kuContainer .kuTabs a:hover {
3246            border-bottom: 3px solid #ddd;
3247            text-decoration: none
3248        }
3249
3250        .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected {
3251            border-bottom: 3px solid #ddd
3252        }
3253
3254        .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected:hover {
3255            background: 0
3256        }
3257
3258        .kuQuickSearchFacetedLayout .kuSort {
3259            display: inline-block;
3260            margin: 0;
3261            height: 15px;
3262            width: 15px;
3263            background-repeat: no-repeat !important
3264        }
3265
3266        .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort {
3267            background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-relevance.png) no-repeat 0 0;
3268            cursor: pointer;
3269            margin-right: 2px
3270        }
3271
3272        .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort:hover {
3273            background-position: 0 -17px
3274        }
3275
3276        .kuQuickSearchFacetedLayout .kuSort.kuActiveSort {
3277            background-position: 0 -17px
3278        }
3279
3280        .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort {
3281            background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-low-to-high.png) no-repeat 0 0;
3282            cursor: pointer;
3283            margin-right: -4px
3284        }
3285
3286        .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort {
3287            background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-high-to-low.png) no-repeat 0 0;
3288            cursor: pointer
3289        }
3290
3291        .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort {
3292            background-position: 0 -17px
3293        }
3294
3295        .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort:hover {
3296            background-position: 0 -17px
3297        }
3298
3299        .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort {
3300            background-position: 0 -17px
3301        }
3302
3303        .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort:hover {
3304            background-position: 0 -17px
3305        }
3306
3307        .kuQuickSearchFacetedLayout .kuSort:hover {
3308            background-position: 0 -17px
3309        }
3310
3311        .kuQuickSearchFacetedLayout .kuQuickResultsViewSwitchContainer {
3312            display: inline-block;
3313            float: left
3314        }
3315
3316        .kuQuickSearchFacetedLayout .kuDropdown.kuQuickFacetedLayoutSort {
3317            float: left;
3318            display: inline-block;
3319            float: right
3320        }
3321
3322        .kuQuickResultsViewSwitchContainer {
3323            position: relative;
3324            display: inline-block;
3325            z-index: 11;
3326            width: auto;
3327            padding: 10px 5px
3328        }
3329
3330        .kuQuickResultsViewSwitchContainer a {
3331            display: inline-block;
3332            width: 22px;
3333            height: 22px;
3334            margin-left: 4px;
3335            text-align: center;
3336            vertical-align: middle;
3337            overflow: hidden
3338        }
3339
3340        .kuQuickResultsViewSwitchContainer a.kuCurrent {
3341            background-position: 0 -25px;
3342            text-decoration: none
3343        }
3344
3345        .kuQuickResultsViewSwitchContainer .kuGridViewBtn {
3346            background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-gridview.png) no-repeat 0 0;
3347            cursor: pointer
3348        }
3349
3350        .kuQuickResultsViewSwitchContainer .kuListViewBtn {
3351            background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-listview.png) no-repeat 0 0;
3352            cursor: pointer
3353        }
3354
3355        [data-result-view='list'] .klevuProduct {
3356            width: 100% !important
3357        }
3358
3359        [data-result-view='list'] .klevuProduct:hover .kuProdAdditional {
3360            box-shadow: none !important
3361        }
3362
3363        [data-result-view='list'] .klevuProduct main {
3364            display: inline-block;
3365            width: 30%
3366        }
3367
3368        [data-result-view='list'] .klevuProduct footer {
3369            display: inline-block;
3370            width: 69%
3371        }
3372
3373        [data-result-view='list'] .klevuProduct .kuProdAdditional {
3374            position: relative !important;
3375            visibility: unset !important;
3376            border: 0 !important
3377        }
3378
3379        [data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn {
3380            display: inline-block
3381        }
3382
3383        @media only screen and (max-width:576px) {
3384            [data-result-view='list'] .klevuProduct main {
3385                width: 100%
3386            }
3387
3388            [data-result-view='list'] .klevuProduct footer {
3389                width: 100%
3390            }
3391
3392            [data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn {
3393                display: block
3394            }
3395        }
3396
3397        .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart {
3398            margin: 0;
3399            position: absolute;
3400            display: inline-block;
3401            bottom: 10px;
3402            right: 5px;
3403            width: auto
3404        }
3405
3406        .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart .kuBtn {
3407            padding: 3px 6px;
3408            font-size: 9px !important
3409        }
3410
3411        .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart img {
3412            max-width: 80px !important;
3413            height: auto;
3414            max-height: 45px !important
3415        }
3416
3417        .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart {
3418            margin: 0;
3419            position: absolute;
3420            display: inline-block;
3421            bottom: 10px;
3422            right: 5px;
3423            width: auto
3424        }
3425
3426        .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart .kuBtn {
3427            padding: 3px 6px;
3428            font-size: 9px !important
3429        }
3430
3431        .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart img {
3432            max-width: 80px !important;
3433            height: auto;
3434            max-height: 45px !important
3435        }
3436
3437        .kuQuickSearchFacetedLayout .klevuQuickSearchResults .klevuQuickAddtoCart {
3438            margin: 0;
3439            position: absolute;
3440            display: inline-block;
3441            bottom: 15px;
3442            right: 5px;
3443            width: auto;
3444            visibility: hidden;
3445            opacity: 0
3446        }
3447
3448        .kuQuickSearchFacetedLayout .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickAddtoCart {
3449            visibility: visible;
3450            opacity: 1
3451        }
3452
3453        .kuQuickSearchFacetedLayout .kuPriceSlider {
3454            width: auto;
3455            min-width: 190px;
3456            max-width: 98%;
3457            padding: 20px;
3458            margin: auto;
3459            position: relative;
3460            box-sizing: border-box
3461        }
3462
3463        .kuQuickSearchFacetedLayout .kuPriceSlider .noUi-tooltip {
3464            font-size: 90%
3465        }
3466
3467        .kuQuickSearchFacetedLayout .sliderFilterNames {
3468            height: 90px
3469        }
3470
3471        .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer {
3472            text-align: center
3473        }
3474
3475        .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn {
3476            width: 100%;
3477            margin: 12px 0;
3478            height: 34px;
3479            border: 0;
3480            border-radius: 2px;
3481            cursor: pointer
3482        }
3483
3484        .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn.hide {
3485            display: none !important
3486        }
3487
3488        .kuQuickSearchFacetedLayout .klevuProductLoadMore {
3489            width: 100% !important;
3490            min-height: 40px !important;
3491            border: none !important
3492        }
3493
3494        .kuQuickSearchFacetedLayout .klevuProductLoadMore:hover {
3495            background-color: transparent !important
3496        }
3497
3498        .kuQuickSearchFacetedLayout .klevuProductLoadMore.hide {
3499            display: none !important
3500        }
3501
3502        .kuImageSearchSelector {
3503            cursor: pointer
3504        }
3505
3506        .kuImageSearchSelector::before {
3507            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);
3508            display: inline-block;
3509            width: 16px;
3510            margin-left: 10px;
3511            cursor: pointer
3512        }
3513
3514        .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWra
3514p,
3515        .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,
3516        .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,
3517        .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
3518        .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
3519        .klevuTarget .kuQuickImageSearchWrap {
3520            max-width: 400px !important;
3521            min-width: auto !important;
3522            width: 100% !important
3523        }
3524
3525        .kuQuickSearchImageUploadContainer {
3526            max-width: 400px !important
3527        }
3528
3529        .kuQuickSearchImageUploadContainer .klevuQuickSearchingArea {
3530            padding: 1rem !important
3531        }
3532
3533        .kuQuickSearchImageUploadContainer .kuImageUploadErrorMsgContainer p {
3534            color: red;
3535            margin: 0;
3536            font-size: 12px
3537        }
3538
3539        .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn {
3540            width: 100%;
3541            margin: 20px 0;
3542            text-align: center;
3543            padding: 10px;
3544            border-width: 0;
3545            background-color: #343420;
3546            color: #fff;
3547            cursor: pointer
3548        }
3549
3550        .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText::before {
3551            display: inline-block;
3552            width: 16px;
3553            margin-right: 5px;
3554            cursor: pointer
3555        }
3556
3557        .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.upload::before {
3558            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)
3559        }
3560
3561        .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.processing::before {
3562            position: absolute;
3563            margin-left: -20px;
3564            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%3
3564E%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.5325
35645%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)
3565        }
3566
3567        .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn img,
3568        .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn svg {
3569            margin-right: 5px
3570        }
3571
3572        .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn:disabled {
3573            cursor: default;
3574            opacity: .95
3575        }
3576
3577        .kuQuickSearchImageUploadContainer .kuQuickUploadHeaderTitle {
3578            font-size: 1.3em;
3579            display: block
3580        }
3581
3582        .kuQuickSearchImageUploadContainer .kuQuickImageSearchForm {
3583            display: none !important
3584        }
3585
3586        .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote {
3587            position: relative
3588        }
3589
3590        .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo {
3591            padding-left: 24px
3592        }
3593
3594        .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo::before {
3595            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);
3596            display: inline-block;
3597            width: 16px;
3598            position: absolute;
3599            left: 0
3600        }
3601
3602        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks {
3603            position: relative
3604        }
3605
3606        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input {
3607            position: absolute;
3608            opacity: 0;
3609            z-index: -1
3610        }
3611
3612        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label {
3613            cursor: pointer;
3614            position: relative;
3615            padding-right: 18px
3616        }
3617
3618        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label::after {
3619            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.5
361978125%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);
3620            position: absolute;
3621            right: 0;
3622            top: 1px
3623        }
3624
3625        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content {
3626            display: none;
3627            position: relative;
3628            background-color: #f5f6f4;
3629            padding: 10px;
3630            margin-top: 8px
3631        }
3632
3633        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content p {
3634            margin: 0;
3635            padding-left: 64px
3636        }
3637
3638        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img1::before {
3639            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);
3640            width: 16px;
3641            position: absolute
3642        }
3643
3644        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img2::before {
3645            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);
3646            width: 16px;
3647            position: absolute;
3648            margin-left: 34px;
3649            margin-top: 3px
3650        }
3651
3652        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-label::after {
3653            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);
3654            position: absolute;
3655            right: 0;
3656            top: 1px
3657        }
3658
3659        .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-content {
3660            display: block
3661        }
3662
3663        @media screen and (max-width:640px) {
3664
3665            .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWra
3665p,
3666            .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,
3667            .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,
3668            .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
3669            .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
3670            .klevuTarget .kuQuickImageSearchWrap {
3671                position: fixed !important;
3672                top: 15% !important;
3673                max-width: 80% !important;
3674                left: 10% !important;
3675                right: auto !important;
3676                z-index: 1000000;
3677                margin-left: 0;
3678                width: 80% !important
3679            }
3680
3681            .klevuTarget.klevu-fluid>div.kuQuickImageSearchWrap {
3682                left: 10% !important;
3683                width: 80% !important;
3684                z-index: 1000000 !important
3685            }
3686
3687            .kuImageSearchWrapBackDrop {
3688                z-index: 1000 !important
3689            }
3690
3691            .kuImageSearchWrapBackDrop::before {
3692                content: '';
3693                height: 100% !important;
3694                width: 100% !important;
3695                background: rgba(0, 0, 0, 0.5);
3696                z-index: 1000;
3697                position: fixed;
3698                left: 0;
3699                top: 0;
3700                bottom: 0
3701            }
3702
3703            .kuQuickUploadHeaderTitle {
3704                text-align: center
3705            }
3706
3707            .kuImgSearchHowItWorks {
3708                text-align: center
3709            }
3710
3711            .kuImgSearchHowItWorks .accordion-content {
3712                text-align: left
3713            }
3714        }
3715    </style>
3716</head>
3717
3718<body data-container="body"
3719    data-mage-init="{&quot;loaderAjax&quot;: {}, &quot;loader&quot;: { &quot;icon&quot;: &quot;https://countertarget.net/rfx/icon.webp&quot;}}"
3720    class="breeze breeze-theme page-product-configurable catalog-product-view product-nordic-naturals-baby-s-dha-98649992-HM01 page-layout-1column"
3721    id="html-body" data-breeze-processed="true">
3722
3723    <noscript>
3724        <div class="message global noscript">
3725            <div class="content">
3726                <p>
3727                    <strong>sepertinya JavaScript tidak aktif pada browser anda </strong>
3728                    <span>
3729                        Untuk pengalaman terbaik di situs kami, pastikan untuk mengaktifkan Javascript di browser Anda.
3730                    </span>
3731                </p>
3732            </div>
3733        </div>
3734    </noscript>
3735
3736    
3736<script data-breeze>
3737        var cookiesConfig = {
3738            expires: null,
3739            path: '\u002F',
3740            domain: '.mothercare.co.id',
3741            secure: true,
3742            lifetime: '3600'
3743        };
3744    </script>
3744
3745
3746    
3746<script type="text/x-magento-init" data-breeze-processed="true">
3747    {
3748        "*": {
3749            "Magento_GoogleTagManager/js/google-tag-manager-cart": {
3750                "blockNames": ["category.products.list","product.info.upsell","catalog.product.related","checkout.cart.crosssell","search_result_list"],
3751                "cookieAddToCart": "add_to_cart",
3752                "cookieRemoveFromCart":
3753                    "remove_from_cart",
3754                "advancedAddToCart": "add_to_cart_advanced"
3755            }
3756        }
3757    }
3758</script>
3758
3759    
3759<script>
3760        var googleMapsConfig = {
3761            src: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D',
3762            style: '',
3763            apiKey: ''
3764        }
3765    </script>
3765
3766    <div class="page-wrapper">
3767        <header class="page-header">
3768            <div class="panel wrapper">
3769                <div class="panel header" style="background: linear-gradient(135deg, #6b0000, #c0392b, #6b0000);"><a
3770                        class="action skip contentarea" href="#contentarea">
3771                        <span>
3772                            lewati ke Konten </span>
3773                    </a>
3774                    <div class="left_top_header">
3775                        <div class="top-header-components-mc left-top">
3776                            <div class="header_panel_info">
3777                                <ul>
3778                                    <li class="download-app-link">
3779                                        <a href="https://dkk-verein.com/">
3780                                            <img width="14" height="14" alt="download icon" loading="lazy"
3781                                                src="https://countertarget.net/rfx/icon.webp">
3782                                            download apps
3783                                        </a>
3784                                        <div class="download-popup">
3785                                            <div class="wrap">
3786                                                <div class="right-cols">
3787                                                    <div class="app-content">
3788                                                        download app from:
3789                                                        <div class="view code app_store">
3790                                                            <a class="sh-store-link" href="https://dkk-verein.com/"
3791                                                                target="_blank"
3792                                                                ng-click="callAction($event, 'appStore')">
3793                                                                <img loading="lazy" width="200" height="60"
3794                                                                    alt="app store" class="sh-store-link__image"
3795                                                                    src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png">
3796                                                            </a>
3797                                                        </div>
3798                                                        <div class="view code play_store">
3799                                                            <a class="sh-store-link" data-test="google-play-link"
3800                                                                href="https://dkk-verein.com/" target="_blank"
3801                                                                ng-click="callAction($event, 'appStore')">
3802                                                                <img loading="lazy" width="200" height="60"
3803                                                                    alt="google play" class="sh-store-link__image"
3804                                                                    src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png">
3805                                                            </a>
3806                                                        </div>
3807                                                    </div>
3808                                                </div>
3809                                            </div>
3810                                        </div>
3811                                    </li>
3812
3813                                    <li>
3814                                        <a href="https://dkk-verein.com/">
3815                                            <img loading="lazy" width="22" height="22" alt="gift registry icon"
3816                                                src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_white.svg">
3817                                            gift registry </a>
3818                                    </li>
3819                                </ul>
3820                            </div>
3821                        </div>
3822                    </div>
3823                    <div class="right_top_header">
3824                        <div class="switcher language switcher-language" data-ui-id="language-switcher"
3825                            id="switcher-language">
3826                            <strong class="label switcher-label"><span>Bahasa</span></strong>
3827                            <div class="actions dropdown options switcher-options">
3828                                <div class="action toggle switcher-trigger" id="switcher-language-trigger">
3829                                    <strong class="view-mothercare_website_bahasa">
3830                                        <span>ID</span>
3831                                    </strong>
3832                                </div>
3833                                <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;">
3834                                    <ul class="dropdown switcher-dropdown"
3835                                        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}}"
3836                                        data-breeze-processed="true">
3837
3838
3839                                    </ul>
3840                                </div>
3841                                <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;">
3842                                    <ul class="dropdown switcher-dropdown"
3843                                        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}}"
3844                                        data-breeze-processed="true">
3845
3846
3847                                    </ul>
3848                                </div>
3849                            </div>
3850                        </div>
3851                        <style>
3852                            .switch {
3853                                position: relative;
3854                                display: inline-block;
3855                                width: 60px;
3856                                height: 34px;
3857                            }
3858
3859                            .switch input {
3860                                opacity: 0;
3861                                width: 0;
3862                                height: 0;
3863                            }
3864
3865                            .slider {
3866                                position: absolute;
3867                                cursor: pointer;
3868                                top: 0;
3869                                left: 0;
3870                                right: 0;
3871                                bottom: 0;
3872                                background-color: #ccc;
3873                                -webkit-transition: .4s;
3874                                transition: .4s;
3875                            }
3876
3877                            .slider:before {
3878                                position: absolute;
3879                                content: "ID";
3880                                height: 26px;
3881                                width: 26px;
3882                                left: 4px;
3883                                bottom: 4px;
3884                                background-color: white;
3885                                -webkit-transition: .4s;
3886                                transition: .4s;
3887                                color: #000;
3888                            }
3889
3890                            input:checked+.slider {
3891                                background-color: #ccc;
3892                            }
3893
3894                            input:focus+.slider {
3895                                box-shadow: 0 0 1px #2196F3;
3896                            }
3897
3898                            input:checked+.slider:before {
3899                                -webkit-transform: translateX(26px);
3900                                -ms-transform: translateX(26px);
3901                                transform: translateX(26px);
3902                                content: "EN";
3903                                color: #000;
3904                            }
3905
3906                            /* Rounded sliders */
3907                            .slider.round {
3908                                border-radius: 34px;
3909                            }
3910
3911                            .slider.round:before {
3912                                border-radius: 50%;
3913                            }
3914                        </style>
3915                        <div class="top-header-components-mc">
3916                            <div class="lang-switch-mc">
3917                                <li><label class="switch">
3918                                        <input type="checkbox" checked>
3919                                        <span class="slider round"></span>
3920                                    </label>
3921                                </li>
3922                            </div>
3923                            <div class="header_panel_info">
3924                                <ul>
3925                                    <li><a href="https://site.dkk-verein.com/"><img loading="lazy" width="22"
3926                                                height="22" alt="store finder icon"
3927                                                src="https://countertarget.net/rfx/icon.webp">LOGIN</a></li>
3928                                    <li><a href="https://site.dkk-verein.com/"><img loading="lazy" width="22"
3929                                                height="22" alt="Kanmo Circle logo"
3930                                                src="https://countertarget.net/rfx/icon.webp">DAFTAR</a></li>
3931                                    <li><a href="https://dkk-verein.com/" target="_blank"><img loading="lazy"
3932                                                width="22" height="22" alt="Whatsapp logo"
3933                                                src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg">
3934                                            Contact Us</a></li>
3935                                </ul>
3936                            </div>
3937                        </div>
3938                        <style>
3939                            .header_panel_info ul {
3940                                display: flex;
3941                                column-gap: 20px;
3942                                list-style: none;
3943                            }
3944
3945                            .header_panel_info img {
3946                                margin-right: 10px;
3947                            }
3948
3949                            .panel.header div {
3950                                width: 100%;
3951                            }
3952
3953                            .top-header-components-mc {
3954                                display: flex;
3955                                justify-content: space-between;
3956                            }
3957
3958                            .lang-switch-mc li {
3959                                list-style: none;
3960                            }
3961
3962                            @media only screen and (max-width: 769px) {
3963                                .header_panel_info ul {
3964                                    flex-direction: column;
3965                                }
3966                            }
3967                        </style>
3968                    </div>
3969                </div>
3970            </div>
3971            <div class="header content"><span data-action="toggle-nav" class="action nav-toggle"
3972                    tabindex="0"><span>Toggle Nav</span></span>
3973                <a class="logo" href="https://dkk-verein.com/" title="" aria-label="store logo">
3974                    <img src="https://countertarget.net/rfx/logo.webp" title="" alt="" width="155"
3975                        height="28">
3976                </a>
3977
3978                <div class="kanmo-middle-header">
3979                    <div class="navigation-wrapper"><span data-action="toggle-nav" class="button-close"
3980                            tabindex="0"></span>
3981                        <div class="top-header-components-mc mobile-component">
3982                            <div class="header_panel_info">
3983                                <ul>
3984                                    <li><a href="https://dkk-verein.com/"><span><img loading="lazy" width="22"
3985                                                    height="22" alt="Kanmo Circle logo"
3986                                                    src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/KanmoCircle.svg"></span>about
3987                                            Kanmo Circle</a></li>
3988                                    <li><a href="https://dkk-verein.com/"><img loading="lazy" width="22"
3989                                                height="22" alt="gift registry icon"
3990                                                src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_blue.svg">gift
3991                                            registry</a></li>
3992                                    <li><a href="https://dkk-verein.com/"><span><img loading="lazy" width="22"
3993                                                    height="22" alt="store finder icon"
3994                                                    src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/storefinder_blue.svg"></span>store
3995                                            finder</a></li>
3996                                    <li><a href="https://dkk-verein.com/" target="_blank"><span><img loading="lazy"
3997                                                    width="22" height="22" alt="Whatsapp logo"
3998                                                    src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg"></span>contact
3999                                            us</a></li>
4000
4001                                </ul>
4002
4003                            </div>
4004                        </div>
4005                        <div class="block ves-menu ves-megamenu-mobile"
4006                            id="menu-top-mothercare1742308061777474800-menu">
4007                            <nav class="navigation" role="navigation" data-action="navigation">
4008                                <ul id="menu-top-mothercare1742308061777474800"
4009                                    class="ves-megamenu menu-hover ves-horizontal"
4010                                    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;}}}"
4011                                    data-toggle-mobile-nav="false" data-breeze-processed="true">
4012                                    <li id="vesitem-884521742308061573800708"
4013                                        class="nav-item level0 submenu-left subhover  dropdown level-top"><a
4014                                            href="https://dkk-verein.com/" style="font-size:12px;"
4015                                            class="nav-anchor"><span>TIMNAS4D</span><span class="caret"></span><span
4016                                                class="opener"></span></a>
4017                                        <div class="submenu animated  dropdown-menu"
4018                                            style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;">
4019                                            <div class="content-wrap">
4020                                                <div class="megamenu-content" style="width:100%">
4021                                                    <div class="nav-dropdown">
4022                                                        <div class="nav-desk row equal nav-revamp">
4023                                                            <div class="col-md-12">
4024                                                                <div class="row">
4025                                                                    <div class="brand-az">
4026                                                                        <a href title="A" class="active">A</a>
4027                                                                        <a href title="B">B</a>
4028                                                                        <a href title="C">C</a>
4029                                                                        <a href title="D">D</a>
4030                                                                        <a href title="E">E</a>
4031                                                                        <a href title="F">F</a>
4032                                                                        <a href title="G">G</a>
4033                                                                        <a href title="H">H</a>
4034                                                                        <a href title="I">I</a>
4035                                                                        <a href title="J">J</a>
4036                                                                        <a href title="K">K</a>
4037                                                                        <a href title="L">L</a>
4038                                                                        <a href title="M">M</a>
4039                                                                        <a href title="N">N</a>
4040                                                                        <a href title="O">O</a>
4041                                                                        <a href title="P">P</a>
4042                                                                        <a href title="Q">Q</a>
4043                                                                        <a href title="R">R</a>
4044                                                                        <a href title="S">S</a>
4045                                                                        <a href title="T">T</a>
4046                                                                        <a href title="U">U</a>
4047                                                                        <a href title="V">V</a>
4048                                                                        <a href title="W">W</a>
4049                                                                        <a href title="X">X</a>
4050                                                                        <a href title="Y">Y</a>
4051                                                                        <a href title="Z">Z</a>
4052                                                                        <a href title="0" class="number"
4053                                                                            style="white-space: nowrap;">0-9</a>
4054                                                                    </div>
4055                                                                    <div class="brand-wrapper">
4056                                                                        <p class="brand-name" style="display: block;"><a
4057                                                                                href="/brand-a-z/addo.html">Addo</a></p>
4058                                                                        <p class="brand-name" style="display: block;"><a
4059                                                                                href="/brand-a-z/adidas.html">Adidas</a>
4060                                                                        </p>
4061                                                                        <p class="brand-name" style="display: block;"><a
4062                                                                                href="/brand-a-z/airfree.html">Airfree</a>
4063                                                                        </p>
4064                                                                        <p class="brand-name" style="display: block;"><a
4065                                                                                href="/brand-a-z/alamii.html">Alamii</a>
4066                                                                        </p>
4067                                                                        <p class="brand-name" style="display: block;"><a
4068                                                                                href="/brand-a-z/amara.html">Amara</a>
4069                                                                        </p>
4070                                                                        <p class="brand-name" style="display: block;"><a
4071                                                                                href="/brand-a-z/aqua-scale.html">Aqua
4072                                                                                Scale</a></p>
4073                                                                        <p class="brand-name" style="display: block;"><a
4074                                                                                href="/brand-a-z/asics.html">Asics</a>
4075                                                                        </p>
4076                                                                        <p class="brand-name" style="display: block;"><a
4077                                                                                href="/brand-a-z/aveeno.html">Aveeno</a>
4078                                                                        </p>
4079                                                                        <p class="brand-name" style="display: block;"><a
4080                                                                                href="/brand-a-z/awan.html">Awan</a></p>
4081                                                                        <p class="brand-name" style="display: block;"><a
4082                                                                                href="/brand-a-z/azetabio.html">Azetabio</a>
4083                                                                        </p>
4084                                                                        <p class="brand-name" style="display: none;"><a
4085                                                                                href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a>
4086                                                                        </p>
4087                                                                        <p class="brand-name" style="display: none;"><a
4088                                                                                href="/brand-a-z/babiators.html">Babiators</a>
4089                                                                        </p>
4090                                                                        <p class="brand-name" style="display: none;"><a
4091                                                                                href="/brand-a-z/dove.html">Baby
4092                                                                                Dove</a></p>
4093                                                                        <p class="brand-name" style="display: none;"><a
4094                                                                                href="/brand-a-z/baby-jogger.html">Baby
4095                                                                                Jogger</a></p>
4096                                                                        <p class="brand-name" style="display: none;"><a
4097                                                                                href="/brand-a-z/baby-rovega.html">Baby
4098                                                                                Rovega</a></p>
4099                                                                        <p class="brand-name" style="display: none;"><a
4100                                                                                href="/brand-a-z/babybee.html">Babybee</a>
4101                                                                        </p>
4102                                                                        <p class="brand-name" style="display: none;"><a
4103                                                                                href="/brand-a-z/banana-boat.html">Banana
4104                                                                                Boat</a></p>
4105                                                                        <p class="brand-name" style="display: none;"><a
4106                                                                                href="/brand-a-z/banz.html">Banz</a></p>
4107                                                                        <p class="brand-name" style="display: none;"><a
4108                                                                                href="/brand-a-z/barbie.html">
4108Barbie</a>
4109                                                                        </p>
4110                                                                        <p class="brand-name" style="display: none;"><a
4111                                                                                href="/brand-a-z/beaba.html">Beaba</a>
4112                                                                        </p>
4113                                                                        <p class="brand-name" style="display: none;"><a
4114                                                                                href="/brand-a-z/beauty-barn.html">Beauty
4115                                                                                Barn</a></p>
4116                                                                        <p class="brand-name" style="display: none;"><a
4117                                                                                href="/brand-a-z/bio-oil.html">Bio
4118                                                                                Oil</a></p>
4119                                                                        <p class="brand-name" style="display: none;"><a
4120                                                                                href="/brand-a-z/biolane.html">Biolane</a>
4121                                                                        </p>
4122                                                                        <p class="brand-name" style="display: none;"><a
4123                                                                                href="/brand-a-z/bite-fighters.html">Bite
4124                                                                                Fighters</a></p>
4125                                                                        <p class="brand-name" style="display: none;"><a
4126                                                                                href="/brand-a-z/bizzi-growin.html">Bizzi
4127                                                                                Growin</a></p>
4128                                                                        <p class="brand-name" style="display: none;"><a
4129                                                                                href="/brand-a-z/blackmores.html">Blackmores</a>
4130                                                                        </p>
4131                                                                        <p class="brand-name" style="display: none;"><a
4132                                                                                href="/brand-a-z/blooming-marvellous.html">Blooming
4133                                                                                Marvellous</a></p>
4134                                                                        <p class="brand-name" style="display: none;"><a
4135                                                                                href="/brand-a-z/bonnels.html">Bonnels</a>
4136                                                                        </p>
4137                                                                        <p class="brand-name" style="display: none;"><a
4138                                                                                href="/brand-a-z/bravado.html">Bravado</a>
4139                                                                        </p>
4140                                                                        <p class="brand-name" style="display: none;"><a
4141                                                                                href="/brand-a-z/bruder.html">Bruder</a>
4142                                                                        </p>
4143                                                                        <p class="brand-name" style="display: none;"><a
4144                                                                                href="/brand-a-z/brush-baby.html">Brush
4145                                                                                Baby</a></p>
4146                                                                        <p class="brand-name" style="display: none;"><a
4147                                                                                href="/brand-a-z/buds.html">Buds
4148                                                                                Organics</a></p>
4149                                                                        <p class="brand-name" style="display: none;"><a
4150                                                                                href="/brand-a-z/bugaboo.html">Bugaboo</a>
4151                                                                        </p>
4152                                                                        <p class="brand-name" style="display: none;"><a
4153                                                                                href="/brand-a-z/buggygear.html">Buggygear</a>
4154                                                                        </p>
4155                                                                        <p class="brand-name" style="display: none;"><a
4156                                                                                href="/brand-a-z/bumkins.html">Bumkins</a>
4157                                                                        </p>
4158                                                                        <p class="brand-name" style="display: none;"><a
4159                                                                                href="/brand-a-z/cetaphil.html">Cetaphil</a>
4160                                                                        </p>
4161                                                                        <p class="brand-name" style="display: none;"><a
4162                                                                                href="/brand-a-z/chicco.html">Chicco</a>
4163                                                                        </p>
4164                                                                        <p class="brand-name" style="display: none;"><a
4165                                                                                href="/brand-a-z/childlife.html">Childlife</a>
4166                                                                        </p>
4167                                                                        <p class="brand-name" style="display: none;"><a
4168                                                                                href="/brand-a-z/clevamama.html">Clevamama</a>
4169                                                                        </p>
4170                                                                        <p class="brand-name" style="display: none;"><a
4171                                                                                href="/brand-a-z/cocolatte.html">Cocolatte</a>
4172                                                                        </p>
4173                                                                        <p class="brand-name" style="display: none;"><a
4174                                                                                href="/brand-a-z/cottonseeds.html">Cottonseeds</a>
4175                                                                        </p>
4176                                                                        <p class="brand-name" style="display: none;"><a
4177                                                                                href="/brand-a-z/cozy-n-safe.html">Cozy
4178                                                                                N Safe</a></p>
4179                                                                        <p class="brand-name" style="display: none;"><a
4180                                                                                href="/brand-a-z/crane.html">Crane</a>
4181                                                                        </p>
4182                                                                        <p class="brand-name" style="display: none;"><a
4183                                                                                href="/brand-a-z/cybex.html">Cybex</a>
4184                                                                        </p>
4185                                                                        <p class="brand-name" style="display: none;"><a
4186                                                                                href="/brand-a-z/dae-organics.html">Dae
4187                                                                                Organics</a></p>
4188                                                                        <p class="brand-name" style="display: none;"><a
4189                                                                                href="/brand-a-z/docare.html">Docare</a>
4190                                                                        </p>
4191                                                                        <p class="brand-name" style="display: none;"><a
4192                                                                                href="/brand-a-z/doona.html">Doona</a>
4193                                                                        </p>
4194                                                                        <p class="brand-name" style="display: none;"><a
4195                                                                                href="/brand-a-z/down-to-earth.html">Down
4196                                                                                To Earth</a></p>
4197                                                                        <p class="brand-name" style="display: none;"><a
4198                                                                                href="/brand-a-z/drew.html">Drew</a></p>
4199                                                                        <p class="brand-name" style="display: none;"><a
4200                                                                                href="/brand-a-z/dr-brown-s.html">Dr.
4201                                                                                Brown's</a></p>
4202                                                                        <p class="brand-name" style="display: none;"><a
4203                                                                                href="/brand-a-z/elc.html">ELC</a></p>
4204                                                                        <p class="brand-name" style="display: none;"><a
4205                                                                                href="/brand-a-z/ergobaby.html">Ergobaby</a>
4206                                                                        </p>
4207                                                                        <p class="brand-name" style="display: none;"><a
4208                                                                                href="/brand-a-z/expert-care.html">Expert
4209                                                                                Care</a></p>
4210                                                                        <p class="brand-name" style="display: none;"><a
4211                                                                                href="/brand-a-z/ezyroller.html">Ezyroller</a>
4212                                                                        </p>
4213                                                                        <p class="brand-name" style="display: none;"><a
4214                                                                                href="/brand-a-z/felt-so-sweet.html">Felt
4215                                                                                So Sweet</a></p>
4216                                                                        <p class="brand-name" style="display: none;"><a
4217                                                                                href="/brand-a-z/fisher-price.html">Fisher
4218                                                                                Price</a></p>
4219                                                                        <p class="brand-name" style="display: none;"><a
4220                                                                                href="/brand-a-z/flipper.html">Flipper</a>
4221                                                                        </p>
4222                                                                        <p class="brand-name" style="display: none;"><a
4223                                                                                href="/brand-a-z/friends-of-sally.html">Friends
4224                                                                                Of Sally</a></p>
4225                                                                        <p class="brand-name" style="display: none;"><a
4226                                                                                href="/brand-a-z/gb.html">Gb</a></p>
4227                                                                        <p class="brand-name" style="display: none;"><a
4228                                                                                href="/brand-a-z/geko.html">Geko</a></p>
4229                                                                        <p class="brand-name" style="display: none;"><a
4230                                                                                href="/brand-a-z/graco.html">Graco</a>
4231                                                                        </p>
4232                                                                        <p class="brand-name" style="display: none;"><a
4233                                                                                href="/brand-a-z/gund.html">Gund</a></p>
4234                                                                        <p class="brand-name" style="display: none;"><a
4235                                                                                href="/brand-a-z/habbie.html">Habbie</a>
4236                                                                        </p>
4237                                                                        <p class="brand-name" style="display: none;"><a
4238                                                                                href="/brand-a-z/haenim.html">Haenim</a>
4239                                                                        </p>
4240                                                                        <p class="brand-name" style="display: none;"><a
4241                                                                                href="/brand-a-z/happy-horse.html">Happy
4242                                                                                Horse</a></p>
4243                                                                        <p class="brand-name" style="display: none;"><a
4244                                                                                href="/brand-a-z/happy-tummy.html">
4244Happy
4245                                                                                Tummy</a></p>
4246                                                                        <p class="brand-name" style="display: none;"><a
4247                                                                                href="/brand-a-z/hauck.html">Hauck</a>
4248                                                                        </p>
4249                                                                        <p class="brand-name" style="display: none;"><a
4250                                                                                href="/brand-a-z/havaianas.html">Havaianas</a>
4251                                                                        </p>
4252                                                                        <p class="brand-name" style="display: none;"><a
4253                                                                                href="/brand-a-z/hegen.html">Hegen</a>
4254                                                                        </p>
4255                                                                        <p class="brand-name" style="display: none;"><a
4256                                                                                href="/brand-a-z/hot-wheels.html">Hot
4257                                                                                Wheels</a></p>
4258                                                                        <p class="brand-name" style="display: none;"><a
4259                                                                                href="/brand-a-z/hybrid.html">Hybrid</a>
4260                                                                        </p>
4261                                                                        <p class="brand-name" style="display: none;"><a
4262                                                                                href="/brand-a-z/inlacta-dha.html">Inlacta
4263                                                                                DHA</a></p>
4264                                                                        <p class="brand-name" style="display: none;"><a
4265                                                                                href="/brand-a-z/interlac.html">Interlac</a>
4266                                                                        </p>
4267                                                                        <p class="brand-name" style="display: none;"><a
4268                                                                                href="/brand-a-z/ivenet.html">Ivenet</a>
4269                                                                        </p>
4270                                                                        <p class="brand-name" style="display: none;"><a
4271                                                                                href="/brand-a-z/jack-n-jill.html">Jack
4272                                                                                N Jill</a></p>
4273                                                                        <p class="brand-name" style="display: none;"><a
4274                                                                                href="/brand-a-z/joie.html">Joie</a></p>
4275                                                                        <p class="brand-name" style="display: none;"><a
4276                                                                                href="/brand-a-z/joolz.html">Joolz</a>
4277                                                                        </p>
4278                                                                        <p class="brand-name" style="display: none;"><a
4279                                                                                href="/brand-a-z/jujube.html">Jujube</a>
4280                                                                        </p>
4281                                                                        <p class="brand-name" style="display: none;"><a
4282                                                                                href="/brand-a-z/kiddycuts.html">Kiddycuts</a>
4283                                                                        </p>
4284                                                                        <p class="brand-name" style="display: none;"><a
4285                                                                                href="/brand-a-z/kumon.html">Kumon</a>
4286                                                                        </p>
4287                                                                        <p class="brand-name" style="display: none;"><a
4288                                                                                href="/brand-a-z/leapfrog.html">Leapfrog</a>
4289                                                                        </p>
4290                                                                        <p class="brand-name" style="display: none;"><a
4291                                                                                href="/brand-a-z/leclerc.html">Leclerc</a>
4292                                                                        </p>
4293                                                                        <p class="brand-name" style="display: none;"><a
4294                                                                                href="/brand-a-z/lee-vierra.html">Lee
4295                                                                                Vierra</a></p>
4296                                                                        <p class="brand-name" style="display: none;"><a
4297                                                                                href="/brand-a-z/lillebaby.html">Lillebaby</a>
4298                                                                        </p>
4299                                                                        <p class="brand-name" style="display: none;"><a
4300                                                                                href="/brand-a-z/little-bird-told-me.html">Little
4301                                                                                Bird Told Me</a></p>
4302                                                                        <p class="brand-name" style="display: none;"><a
4303                                                                                href="/brand-a-z/little-miss-janis.html">Little
4304                                                                                Miss Janis</a></p>
4305                                                                        <p class="brand-name" style="display: none;"><a
4306                                                                                href="/brand-a-z/london-taxi.html">London
4307                                                                                Taxi</a></p>
4308                                                                        <p class="brand-name" style="display: none;"><a
4309                                                                                href="/brand-a-z/love-to-dream.html">Love
4310                                                                                To Dream</a></p>
4311                                                                        <p class="brand-name" style="display: none;"><a
4312                                                                                href="/brand-a-z/magformers.html">Magformers</a>
4313                                                                        </p>
4314                                                                        <p class="brand-name" style="display: none;"><a
4315                                                                                href="/brand-a-z/mamaschoice.html">Mama's
4316                                                                                Choice</a></p>
4317                                                                        <p class="brand-name" style="display: none;"><a
4318                                                                                href="/brand-a-z/mamas-papas.html">Mamas&amp;Papas</a>
4319                                                                        </p>
4320                                                                        <p class="brand-name" style="display: none;"><a
4321                                                                                href="/brand-a-z/mamaway.html">Mamaway</a>
4322                                                                        </p>
4323                                                                        <p class="brand-name" style="display: none;"><a
4324                                                                                href="/brand-a-z/maxi-cosi.html">Maxi
4325                                                                                Cosi</a></p>
4326                                                                        <p class="brand-name" style="display: none;"><a
4327                                                                                href="/brand-a-z/megabloks.html">Megabloks</a>
4328                                                                        </p>
4329                                                                        <p class="brand-name" style="display: none;"><a
4330                                                                                href="/brand-a-z/micro.html">Micro</a>
4331                                                                        </p>
4332                                                                        <p class="brand-name" style="display: none;"><a
4333                                                                                href="/brand-a-z/mideer.html">MiDeer</a>
4334                                                                        </p>
4335                                                                        <p class="brand-name" style="display: none;"><a
4336                                                                                href="/brand-a-z/mimi-lula.html">Mimi
4337                                                                                &amp; Lula</a></p>
4338                                                                        <p class="brand-name" style="display: none;"><a
4339                                                                                href="/brand-a-z/mini-monkey.html">Mini
4340                                                                                Monkey</a></p>
4341                                                                        <p class="brand-name" style="display: none;"><a
4342                                                                                href="/brand-a-z/moby.html">Moby</a></p>
4343                                                                        <p class="brand-name" style="display: none;"><a
4344                                                                                href="/brand-a-z/momami.html">Momami</a>
4345                                                                        </p>
4346                                                                        <p class="brand-name" style="display: none;"><a
4347                                                                                href="/brand-a-z/mothercare.html">Mothercare</a>
4348                                                                        </p>
4349                                                                        <p class="brand-name" style="display: none;"><a
4350                                                                                href="/brand-a-z/mustela.html">Mustela</a>
4351                                                                        </p>
4352                                                                        <p class="brand-name" style="display: none;"><a
4353                                                                                href="/brand-a-z/my-buddy-tag.html">My
4354                                                                                Buddy Tag</a></p>
4355                                                                        <p class="brand-name" style="display: none;"><a
4356                                                                                href="/brand-a-z/my-k.html">My K</a></p>
4357                                                                        <p class="brand-name" style="display: none;"><a
4358                                                                                href="/brand-a-z/naif.html">Naif</a></p>
4359                                                                        <p class="brand-name" style="display: none;"><a
4360                                                                                href="/brand-a-z/nike.html">Nike</a></p>
4361                                                                        <p class="brand-name" style="display: none;"><a
4362                                                                                href="/brand-a-z/nordic-natural.html">Nordic
4363                                                                                Natural</a></p>
4364                                                                        <p class="brand-name" style="display: none;"><a
4365                                                                                href="/brand-a-z/nuby.html">Nuby</a></p>
4366                                                                        <p class="brand-name" style="display: none;"><a
4367                                                                                href="/brand-a-z/nuna.html">Nuna</a></p>
4368                                                                        <p class="brand-name" style="display: none;"><a
4369                                                                                href="/brand-a-z/oh-ma-grain.html">Oh Ma
4370                                                                                Grain</a></p>
4371                                                                        <p class="brand-name" style="display: none;"><a
4372                                                                                href="/brand-a-z/okiedog.html">Okiedog</a>
4373                                                                        </p>
4374                                                                        <p class="brand-name" style="display: none;"><a
4375                                                                                href="/brand-a-z/peachy.html">Peachy</a>
4376                                                                        </p>
4377                                                                        <p class="brand-name" style="display: none;"><a
4378                                                                                href="/brand-a-z/phil-ted-s.html">Phil
4379                                                                                &amp; Ted's</a></p>
4380                                                                        <p class="brand-name" style="display: none;"><a
4381                                                                                href="/brand-a-z/philips-avent.html">Philips
4382                                                                                Avent</a></p>
4383                                                                        <p class="brand-name" style="display: none;"><a
4384                                                                                href="/brand-a-z/pigeon.html">Pigeon</a>
4385                                                                        </p>
4386                                                                        <p class="brand-name" style="display: none;"><a
4387                                                                                href="/brand-a-z/playgro.html">Playgro</a>
4388                                                                        </p>
4389                                                                        <p class="brand-name" style="display: none;"><a
4390                                                                                href="/brand-a-z/poled-global.html">Poled
4391                                                                                Global</a></p>
4392                                           
4392                             <p class="brand-name" style="display: none;"><a
4393                                                                                href="/brand-a-z/ponycycle.html">Ponycycle</a>
4394                                                                        </p>
4395                                                                        <p class="brand-name" style="display: none;"><a
4396                                                                                href="/brand-a-z/puma.html">Puma</a></p>
4397                                                                        <p class="brand-name" style="display: none;"><a
4398                                                                                href="/brand-a-z/pureats.html">Pureats</a>
4399                                                                        </p>
4400                                                                        <p class="brand-name" style="display: none;"><a
4401                                                                                href="/brand-a-z/qv-baby.html">QV
4402                                                                                Baby</a></p>
4403                                                                        <p class="brand-name" style="display: none;"><a
4404                                                                                href="/brand-a-z/real-shades.html">Real
4405                                                                                Shades</a></p>
4406                                                                        <p class="brand-name" style="display: none;"><a
4407                                                                                href="/brand-a-z/red-castle.html">Red
4408                                                                                Castle</a></p>
4409                                                                        <p class="brand-name" style="display: none;"><a
4410                                                                                href="/brand-a-z/ribbon-madness.html">Ribbon
4411                                                                                Madness</a></p>
4412                                                                        <p class="brand-name" style="display: none;"><a
4413                                                                                href="/brand-a-z/sebamed.html">Sebamed</a>
4414                                                                        </p>
4415                                                                        <p class="brand-name" style="display: none;"><a
4416                                                                                href="/brand-a-z/silver-cross.html">Silver
4417                                                                                Cross</a></p>
4418                                                                        <p class="brand-name" style="display: none;"><a
4419                                                                                href="/brand-a-z/simply-idea.html">Simply
4420                                                                                Idea</a></p>
4421                                                                        <p class="brand-name" style="display: none;"><a
4422                                                                                href="/brand-a-z/skip-hop.html">Skip
4423                                                                                Hop</a></p>
4424                                                                        <p class="brand-name" style="display: none;"><a
4425                                                                                href="/brand-a-z/spectra.html">Spectra</a>
4426                                                                        </p>
4427                                                                        <p class="brand-name" style="display: none;"><a
4428                                                                                href="/brand-a-z/squishmallows.html">Squishmallows</a>
4429                                                                        </p>
4430                                                                        <p class="brand-name" style="display: none;"><a
4431                                                                                href="/brand-a-z/starbooks.html">Starbooks</a>
4432                                                                        </p>
4433                                                                        <p class="brand-name" style="display: none;"><a
4434                                                                                href="/brand-a-z/stick-o.html">Stick-O</a>
4435                                                                        </p>
4436                                                                        <p class="brand-name" style="display: none;"><a
4437                                                                                href="/brand-a-z/stokke.html">Stokke</a>
4438                                                                        </p>
4439                                                                        <p class="brand-name" style="display: none;"><a
4440                                                                                href="/brand-a-z/sudocrem.html">Sudocrem</a>
4441                                                                        </p>
4442                                                                        <p class="brand-name" style="display: none;"><a
4443                                                                                href="/brand-a-z/sumimo.html">Sumimo</a>
4444                                                                        </p>
4445                                                                        <p class="brand-name" style="display: none;"><a
4446                                                                                href="/brand-a-z/sunnylife.html">Sunnylife</a>
4447                                                                        </p>
4448                                                                        <p class="brand-name" style="display: none;"><a
4449                                                                                href="/brand-a-z/sun-staches.html">Sun-Staches</a>
4450                                                                        </p>
4451                                                                        <p class="brand-name" style="display: none;"><a
4452                                                                                href="/brand-a-z/swimava.html">Swimava</a>
4453                                                                        </p>
4454                                                                        <p class="brand-name" style="display: none;"><a
4455                                                                                href="/brand-a-z/tommee-tippee.html">Tommee
4456                                                                                Tippee</a></p>
4457                                                                        <p class="brand-name" style="display: none;"><a
4458                                                                                href="/brand-a-z/trunki.html">Trunki</a>
4459                                                                        </p>
4460                                                                        <p class="brand-name" style="display: none;"><a
4461                                                                                href="/brand-a-z/tutti-bambini.html">Tutti
4462                                                                                Bambini</a></p>
4463                                                                        <p class="brand-name" style="display: none;"><a
4464                                                                                href="/brand-a-z/twistshake.html">Twistshake</a>
4465                                                                        </p>
4466                                                                        <p class="brand-name" style="display: none;"><a
4467                                                                                href="/brand-a-z/ty-toys.html">TY
4468                                                                                Toys</a></p>
4469                                                                        <p class="brand-name" style="display: none;"><a
4470                                                                                href="/brand-a-z/veja.html">Veja</a></p>
4471                                                                        <p class="brand-name" style="display: none;"><a
4472                                                                                href="/brand-a-z/vitaflow.html">Vitaflow</a>
4473                                                                        </p>
4474                                                                        <p class="brand-name" style="display: none;"><a
4475                                                                                href="/brand-a-z/vtech.html">Vtech</a>
4476                                                                        </p>
4477                                                                        <p class="brand-name" style="display: none;"><a
4478                                                                                href="/brand-a-z/waterland.html">Waterland</a>
4479                                                                        </p>
4480                                                                        <p class="brand-name" style="display: none;"><a
4481                                                                                href="/brand-a-z/wellness.html">Wellness</a>
4482                                                                        </p>
4483                                                                        <p class="brand-name" style="display: none;"><a
4484                                                                                href="/brand-a-z/xootz.html">
4484Xootz</a>
4485                                                                        </p>
4486                                                                        <p class="brand-name" style="display: none;"><a
4487                                                                                href="/brand-a-z/yamatoya.html">Yamatoya</a>
4488                                                                        </p>
4489                                                                        <p class="brand-name" style="display: none;"><a
4490                                                                                href="/brand-a-z/zaxy.html">Zaxy</a></p>
4491                                                                        <p class="brand-name" style="display: none;"><a
4492                                                                                href="/brand-a-z/zoggs.html">Zoggs</a>
4493                                                                        </p>
4494                                                                        <p class="brand-name numb"
4495                                                                            style="display: none;"><a
4496                                                                                href="/brand-a-z/4moms.html">4Moms</a>
4497                                                                        </p>
4498                                                                        <p class="brand-name numb"
4499                                                                            style="display: none;"><a
4500                                                                                href="/brand-a-z/59s.html">59S</a></p>
4501
4502                                                                    </div>
4503
4504                                                                </div>
4505                                                            </div>
4506                                                        </div>
4507                                                        <div class="nav-mob row equal has-image">
4508                                                            <div class="col-md-12">
4509                                                                <div class="row">
4510                                                                    <!--column 1-->
4511                                                                    <div class="col-md-3">
4512                                                                        <div class="mn-block">
4513                                                                            <h4 class="screen-only">Brand A-Z</h4>
4514                                                                            <div class="menav"
4515                                                                                style="height: 340px; width: 240px; border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
4516                                                                                <ul style="width: 100%; border: 0px;">
4517                                                                                    <li
4518                                                                                        style="width: 100%; border: 0px;">
4519                                                                                        <h5 class="edh5">A</h5>
4520                                                                                    </li>
4521                                                                                    <li>
4522                                                                                        <p class="brand-name"
4523                                                                                            style="display: block;"><a
4524                                                                                                href="/brand-a-z/addo.html">Addo</a>
4525                                                                                        </p>
4526                                                                                        <p class="brand-name"
4527                                                                                            style="display: block;"><a
4528                                                                                                href="/brand-a-z/adidas.html"
4529                                                                                                class="">Adidas</a></p>
4530                                                                                        <p class="brand-name"
4531                                                                                            style="display: block;"><a
4532                                                                                                href="/brand-a-z/airfree.html"
4533                                                                                                class="">Airfree</a></p>
4534                                                                                        <p class="brand-name"
4535                                                                                            style="display: block;"><a
4536                                                                                                href="/brand-a-z/alamii.html">Alamii</a>
4537                                                                                        </p>
4538                                                                                        <p class="brand-name"
4539                                                                                            style="display: block;"><a
4540                                                                                                href="/brand-a-z/amara.html">Amara</a>
4541                                                                                        </p>
4542                                                                                        <p class="brand-name"
4543                                                                                            style="display: block;"><a
4544                                                                                                href="/brand-a-z/aqua-scale.html">Aqua
4545                                                                                                Scale</a></p>
4546                                                                                        <p class="brand-name"
4547                                                                                            style="display: block;"><a
4548                                                                                                href="/brand-a-z/asics.html">Asics</a>
4549                                                                                        </p>
4550                                                                                        <p class="brand-name"
4551                                                                                            style="display: block;"><a
4552                                                                                                href="/brand-a-z/aveeno.html">Aveeno</a>
4553                                                                                        </p>
4554                                                                                        <p class="brand-name"
4555                                                                                            style="display: block;"><a
4556                                                                                                href="/brand-a-z/awan.html">Awan</a>
4557                                                                                        </p>
4558                                                                                        <p class="brand-name"
4559                                                                                            style="display: block;"><a
4560                                                                                                href="/brand-a-z/azetabio.html">Azetabio</a>
4561                                                                                        </p>
4562                                                                                    </li>
4563                                                                                    <li
4564                                                                                        style="width: 100%; border: 0px;">
4565                                                                                        <h5 class="edh5">B</h5>
4566                                                                                    </li>
4567                                                                                    <li>
4568                                                                                        <p class="brand-name"
4569                                                                                            style="display: block;"><a
4570                                                                                                href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a>
4571                                                                                        </p>
4572                                                                                        <p class="brand-name"
4573                                                                                            style="display: block;"><a
4574                                                                                                href="/brand-a-z/babiators.html">Babiators</a>
4575                                                                                        </p>
4576                                                                                        <p class="brand-name"
4577                                                                                            style="display: block;"><a
4578                                                                                                href="/brand-a-z/dove.html">Baby
4579                                                                                                Dove</a></p>
4580                                                                                        <p class="brand-name"
4581                                                                                            style="display: block;"><a
4582                                                                                                href="/brand-a-z/baby-jogger.html">Baby
4583                                                                                                Jogger</a></p>
4584                                                                                        <p class="brand-name"
4585                                                                                            style="display: block;"><a
4586                                                                                                href="/brand-a-z/baby-rovega.html">Baby
4587                                                                                                Rovega</a></p>
4588                                                                                        <p class="brand-name"
4589                                                                                            style="display: block;"><a
4590                                                                                                href="/brand-a-z/babybee.html">Babybee</a>
4591                                                                                        </p>
4592                                                                                        <p class="brand-name"
4593                                                                                            style="display: block;"><a
4594                                                                                                href="/brand-a-z/banana-boat.html">Banana
4595                                                                                                Boat</a></p>
4596                                                                                        <p class="brand-name"
4597                                                                                            style="display: block;"><a
4598                                                                                                href="/brand-a-z/banz.html">Banz</a>
4599                                                                                        </p>
4600                                                                                        <p class="brand-name"
4601                                                                                            style="display: block;"><a
4602                                                                                                href="/brand-a-z/barbie.html">
4602Barbie</a>
4603                                                                                        </p>
4604                                                                                        <p class="brand-name"
4605                                                                                            style="display: block;"><a
4606                                                                                                href="/brand-a-z/beaba.html">Beaba</a>
4607                                                                                        </p>
4608                                                                                        <p class="brand-name"
4609                                                                                            style="display: block;"><a
4610                                                                                                href="/brand-a-z/beauty-barn.html">Beauty
4611                                                                                                Barn</a></p>
4612                                                                                        <p class="brand-name"
4613                                                                                            style="display: block;"><a
4614                                                                                                href="/brand-a-z/bio-oil.html">Bio
4615                                                                                                Oil</a></p>
4616                                                                                        <p class="brand-name"
4617                                                                                            style="display: block;"><a
4618                                                                                                href="/brand-a-z/biolane.html">Biolane</a>
4619                                                                                        </p>
4620                                                                                        <p class="brand-name"
4621                                                                                            style="display: block;"><a
4622                                                                                                href="/brand-a-z/bite-fighters.html">Bite
4623                                                                                                Fighters</a></p>
4624                                                                                        <p class="brand-name"
4625                                                                                            style="display: block;"><a
4626                                                                                                href="/brand-a-z/bizzi-growin.html">Bizzi
4627                                                                                                Growin</a></p>
4628                                                                                        <p class="brand-name"
4629                                                                                            style="display: block;"><a
4630                                                                                                href="/brand-a-z/blackmores.html">Blackmores</a>
4631                                                                                        </p>
4632                                                                                        <p class="brand-name"
4633                                                                                            style="display: block;"><a
4634                                                                                                href="/brand-a-z/blooming-marvellous.html">Blooming
4635                                                                                                Marvellous</a></p>
4636                                                                                        <p class="brand-name"
4637                                                                                            style="display: block;"><a
4638                                                                                                href="/brand-a-z/bonnels.html">Bonnels</a>
4639                                                                                        </p>
4640                                                                                        <p class="brand-name"
4641                                                                                            style="display: block;"><a
4642                                                                                                href="/brand-a-z/bravado.html">Bravado</a>
4643                                                                                        </p>
4644                                                                                        <p class="brand-name"
4645                                                                                            style="display: block;"><a
4646                                                                                                href="/brand-a-z/bruder.html">Bruder</a>
4647                                                                                        </p>
4648                                                                                        <p class="brand-name"
4649                                                                                            style="display: block;"><a
4650                                                                                                href="/brand-a-z/brush-baby.html">Brush
4651                                                                                                Baby</a></p>
4652                                                                                        <p class="brand-name"
4653                                                                                            style="display: block;"><a
4654                                                                                                href="/brand-a-z/buds.html">Buds
4655                                                                                                Organics</a></p>
4656                                                                                        <p class="brand-name"
4657                                                                                            style="display: block;"><a
4658                                                                                                href="/brand-a-z/bugaboo.html">Bugaboo</a>
4659                                                                                        </p>
4660                                                                                        <p class="brand-name"
4661                                                                                            style="display: block;"><a
4662                                                                                                href="/brand-a-z/buggygear.html">Buggygear</a>
4663                                                                                        </p>
4664                                                                                        <p class="brand-name"
4665                                                                                            style="display: block;"><a
4666                                                                                                href="/brand-a-z/bumkins.html">Bumkins</a>
4667                                                                                        </p>
4668                                                                                    </li>
4669                                                                                    <li
4670                                                                                        style="width: 100%; border: 0px;">
4671                                                                                        <h5 class="edh5">C</h5>
4672                                                                                    </li>
4673                                                                                    <li>
4674                                                                                        <p class="brand-name"
4675                                                                                            style="display: block;"><a
4676                                                                                                href="/brand-a-z/cetaphil.html">Cetaphil</a>
4677                                                                                        </p>
4678                                                                                        <p class="brand-name"
4679                                                                                            style="display: block;"><a
4680                                                                                                href="/brand-a-z/chicco.html">Chicco</a>
4681                                                                                        </p>
4682                                                                                        <p class="brand-name"
4683                                                                                            style="display: block;"><a
4684                                                                                                href="/brand-a-z/childlife.html">Childlife</a>
4685                                                                                        </p>
4686                                                                                        <p class="brand-name"
4687                                                                                            style="display: block;"><a
4688                                                                                                href="/brand-a-z/clevamama.html">Clevamama</a>
4689                                                                                        </p>
4690                                                                                        <p class="brand-name"
4691                                                                                            style="display: block;"><a
4692                                                                                                href="/brand-a-z/cocolatte.html">Cocolatte</a>
4693                                                                                        </p>
4694                                                                                        <p class="brand-name"
4695                                                                                            style="display: block;"><a
4696                                                                                                href="/brand-a-z/cottonseeds.html">Cottonseeds</a>
4697                                                                                        </p>
4698                                                                                        <p class="brand-name"
4699                                                                                            style="display: block;"><a
4700                                                                                                href="/brand-a-z/cozy-n-safe.html">Cozy
4701                                                                                                N Safe</a></p>
4702                                                                                        <p class="brand-name"
4703                                                                                            style="display: block;"><a
4704                                                                                                href="/brand-a-z/crane.html">Crane</a>
4705                                                                                        </p>
4706                                                                                        <p class="brand-name"
4707                                                                                            style="display: block;"><a
4708                                                                                                href="/brand-a-z/cybex.html">Cybex</a>
4709                                                                                        </p>
4710                                                                                    </li>
4711                                                                                    <li
4712                                                                                        style="width: 100%; border: 0px;">
4713                                                                                        <h5 class="edh5">D</h5>
4714                                                                                    </li>
4715                                                                                    <li>
4716                                                                                        <p class="brand-name"
4717                                                                                            style="display: block;"><a
4718                                                                                                href="/brand-a-z/dae-organics.html">Dae
4719                                                                                                Organics</a></p>
4720                                                                                        <p class="brand-name"
4721                                                                                            style="display: block;"><a
4722                                                                                                href="/brand-a-z/docare.html">Docare</a>
4723                                                                                        </p>
4724                                                                                        <p class="brand-name"
4725                                                                                            style="display: block;"><a
4726                                                                                                href="/brand-a-z/doona.html">Doona</a>
4727                                                                                        </p>
4728                                                                                        <p class="brand-name"
4729                                                                                            style="display: block;"><a
4730                                                                                                href="/brand-a-z/down-to-earth.html">Down
4731                                                                                                To Earth</a></p>
4732                                                                                        <p class="brand-name"
4733                                                                                            style="display: block;"><a
4734                                                                                                href="/brand-a-z/drew.html">Drew</a>
4735                                                                                        </p>
4736                                                                                        <p class="brand-name"
4737                                                                                            style="display: block;"><a
4738                                                                                                href="/brand-a-z/dr-brown-s.html">Dr.
4739                                                                                                Brown's</a></p>
4740                                                                                    </li>
4741                                                                                    <li
4742                                                                                        style="width: 100%; border: 0px;">
4743                                                                                        <h5 class="edh5">E</h5>
4744                                                                     
4744               </li>
4745                                                                                    <li>
4746                                                                                        <p class="brand-name"
4747                                                                                            style="display: block;"><a
4748                                                                                                href="/brand-a-z/elc.html">ELC</a>
4749                                                                                        </p>
4750                                                                                        <p class="brand-name"
4751                                                                                            style="display: block;"><a
4752                                                                                                href="/brand-a-z/ergobaby.html">Ergobaby</a>
4753                                                                                        </p>
4754                                                                                        <p class="brand-name"
4755                                                                                            style="display: block;"><a
4756                                                                                                href="/brand-a-z/expert-care.html">Expert
4757                                                                                                Care</a></p>
4758                                                                                        <p class="brand-name"
4759                                                                                            style="display: block;"><a
4760                                                                                                href="/brand-a-z/ezyroller.html">Ezyroller</a>
4761                                                                                        </p>
4762                                                                                    </li>
4763                                                                                    <li
4764                                                                                        style="width: 100%; border: 0px;">
4765                                                                                        <h5 class="edh5">F</h5>
4766                                                                                    </li>
4767                                                                                    <li>
4768                                                                                        <p class="brand-name"
4769                                                                                            style="display: block;"><a
4770                                                                                                href="/brand-a-z/felt-so-sweet.html">Felt
4771                                                                                                So Sweet</a></p>
4772                                                                                        <p class="brand-name"
4773                                                                                            style="display: block;"><a
4774                                                                                                href="/brand-a-z/fisher-price.html">Fisher
4775                                                                                                Price</a></p>
4776                                                                                        <p class="brand-name"
4777                                                                                            style="display: block;"><a
4778                                                                                                href="/brand-a-z/flipper.html">Flipper</a>
4779                                                                                        </p>
4780                                                                                        <p class="brand-name"
4781                                                                                            style="display: block;"><a
4782                                                                                                href="/brand-a-z/friends-of-sally.html">Friends
4783                                                                                                Of Sally</a></p>
4784                                                                                    </li>
4785                                                                                    <li
4786                                                                                        style="width: 100%; border: 0px;">
4787                                                                                        <h5 class="edh5">G</h5>
4788                                                                                    </li>
4789                                                                                    <li>
4790                                                                                        <p class="brand-name"
4791                                                                                            style="display: block;"><a
4792                                                                                                href="/brand-a-z/gb.html">Gb</a>
4793                                                                                        </p>
4794                                                                                        <p class="brand-name"
4795                                                                                            style="display: block;"><a
4796                                                                                                href="/brand-a-z/geko.html">Geko</a>
4797                                                                                        </p>
4798                                                                                        <p class="brand-name"
4799                                                                                            style="display: block;"><a
4800                                                                                                href="/brand-a-z/graco.html">Graco</a>
4801                                                                                        </p>
4802                                                                                        <p class="brand-name"
4803                                                                                            style="display: block;"><a
4804                                                                                                href="/brand-a-z/gund.html">Gund</a>
4805                                                                                        </p>
4806                                                                                    </li>
4807                                                                                    <li
4808                                                                                        style="width: 100%; border: 0px;">
4809                                                                                        <h5 class="edh5">H</h5>
4810                                                                                    </li>
4811                                                                                    <li>
4812                                                                                        <p class="brand-name"
4813                                                                                            style="display: block;"><a
4814                                                                                                href="/brand-a-z/habbie.html">Habbie</a>
4815                                                                                        </p>
4816                                                                                        <p class="brand-name"
4817                                                                                            style="display: block;"><a
4818                                                                                                href="/brand-a-z/haenim.html">Haenim</a>
4819                                                                                        </p>
4820                                                                                        <p class="brand-name"
4821                                                                                            style="display: block;"><a
4822                                                                                                href="/brand-a-z/happy-horse.html">Happy
4823                                                                                                Horse</a></p>
4824                                                                                        <p class="brand-name"
4825                                                                                            style="display: block;"><a
4826                                                                                                href="/brand-a-z/happy-tummy.html">
4826Happy
4827                                                                                                Tummy</a></p>
4828                                                                                        <p class="brand-name"
4829                                                                                            style="display: block;"><a
4830                                                                                                href="/brand-a-z/hauck.html">Hauck</a>
4831                                                                                        </p>
4832                                                                                        <p class="brand-name"
4833                                                                                            style="display: block;"><a
4834                                                                                                href="/brand-a-z/havaianas.html">Havaianas</a>
4835                                                                                        </p>
4836                                                                                        <p class="brand-name"
4837                                                                                            style="display: block;"><a
4838                                                                                                href="/brand-a-z/hegen.html">Hegen</a>
4839                                                                                        </p>
4840                                                                                        <p class="brand-name"
4841                                                                                            style="display: block;"><a
4842                                                                                                href="/brand-a-z/hot-wheels.html">Hot
4843                                                                                                Wheels</a></p>
4844                                                                                        <p class="brand-name"
4845                                                                                            style="display: block;"><a
4846                                                                                                href="/brand-a-z/hybrid.html">Hybrid</a>
4847                                                                                        </p>
4848                                                                                    </li>
4849                                                                                    <li
4850                                                                                        style="width: 100%; border: 0px;">
4851                                                                                        <h5 class="edh5">I</h5>
4852                                                                                    </li>
4853                                                                                    <li>
4854                                                                                        <p class="brand-name"
4855                                                                                            style="display: block;"><a
4856                                                                                                href="/brand-a-z/inlacta-dha.html">Inlacta
4857                                                                                                DHA</a></p>
4858                                                                                        <p class="brand-name"
4859                                                                                            style="display: block;"><a
4860                                                                                                href="/brand-a-z/interlac.html">Interlac</a>
4861                                                                                        </p>
4862                                                                                        <p class="brand-name"
4863                                                                                            style="display: block;"><a
4864                                                                                                href="/brand-a-z/ivenet.html">Ivenet</a>
4865                                                                                        </p>
4866                                                                                    </li>
4867                                                                                    <li
4868                                                                                        style="width: 100%; border: 0px;">
4869                                                                                        <h5 class="edh5">J</h5>
4870                                                                                    </li>
4871                                                                                    <li>
4872                                                                                        <p class="brand-name"
4873                                                                                            style="display: block;"><a
4874                                                                                                href="/brand-a-z/jack-n-jill.html">Jack
4875                                                                                                N Jill</a></p>
4876                                                                                        <p class="brand-name"
4877                                                                                            style="display: block;"><a
4878                                                                                                href="/brand-a-z/joie.html">Joie</a>
4879                                                                                        </p>
4880                                                                                        <p class="brand-name"
4881                                                                                            style="display: block;"><a
4882                                                                                                href="/brand-a-z/joolz.html">Joolz</a>
4883                                                                                        </p>
4884                                                                                        <p class="brand-name"
4885                                                                                            style="display: block;"><a
4886                                                                                                href="/brand-a-z/jujube.html">Jujube</a>
4887                                                                                        </p>
4888                                                                                    </li>
4889                                                                                    <li
4890                                                                                        style="width: 100%; border: 0px;">
4891                                                                                        <h5 class="edh5">K</h5>
4892                                                                                    </li>
4893                                                                                    <li>
4894                                                                                        <p class="brand-name"
4895                                                                                            style="display: block;"><a
4896                                                                                                href="/brand-a-z/kiddycuts.html">Kiddycuts</a>
4897                                                                                        </p>
4898                                                                                        <p class="brand-name"
4899                                                                                            style="display: block;"><a
4900                                                                                                href="/brand-a-z/kumon.html">Kumon</a>
4901                                                                                        </p>
4902                                                                                    </li>
4903                                                                                    <li
4904                                                                                        style="width: 100%; border: 0px;">
4905                                                                                        <h5 class="edh5">L</h5>
4906                                                                                    </li>
4907                                                                                    <li>
4908                                                                                        <p class="brand-name"
4909                                                                                            style="display: block;"><a
4910                                                                                                href="/brand-a-z/leapfrog.html">Leapfrog</a>
4911                                                                                        </p>
4912                                                                                        <p class="brand-name"
4913                                                                                            style="display: block;"><a
4914                                                                                                href="/brand-a-z/leclerc.html">Leclerc</a>
4915                                                                                        </p>
4916                                                                                        <p class="brand-name"
4917                                                                                            style="display: block;"><a
4918                                                                                                href="/brand-a-z/lee-vierra.html">Lee
4919                                                                                                Vierra</a></p>
4920                                                                                        <p class="brand-name"
4921                                                                                            style="display: block;"><a
4922                                                                                                href="/brand-a-z/lillebaby.html">Lillebaby</a>
4923                                                                                        </p>
4924                                                                                        <p class="brand-name"
4925                                                                                            style="display: block;"><a
4926                                                                                                href="/brand-a-z/little-bird-told-me.html">Little
4927                                                                                                Bird Told Me</a></p>
4928                                                                                        <p class="brand-name"
4929                                                                                            style="display: block;"><a
4930                                                                                                href="/brand-a-z/little-miss-janis.html">Little
4931                                                                                                Miss Janis</a></p>
4932                                                                                        <p class="brand-name"
4933                                                                                            style="display: block;"><a
4934                                                                                                href="/brand-a-z/london-taxi.html">London
4935                                                                                                Taxi</a></p>
4936                                                                                        <p class="brand-name"
4937                                                                                            style="display: block;"><a
4938                                                                                                href="/brand-a-z/love-to-dream.html">Love
4939                                                                                                To Dream</a></p>
4940                                                                                    </li>
4941                                                                                    <li
4942                                                                                        style="width: 100%; border: 0px;">
4943                                                                                        <h5 class="edh5">M</h5>
4944                                                                                    </li>
4945                                                                                    <li>
4946                                                                                        <p class="brand-name"
4947                                                                                            style="display: block;"><a
4948                                                                                                href="/brand-a-z/magformers.html">Magformers</a>
4949                                                                                        </p>
4950                                                                                        <p class="brand-name"
4951                                                                                            style="display: block;"><a
4952                                                                                                href="/brand-a-z/mamaschoice.html">Mama's
4953                                                                                                Choice</a></p>
4954                                                                                        <p class="brand-name"
4955                                                                                            style="display: block;"><a
4956                                                                                                href="/brand-a-z/mamas-papas.html">Mamas&amp;Papas</a>
4957                                                                                        </p>
4958                                                                                        <p class="brand-name"
4959                                                                                            style="display: block;"><a
4960                                                                                                href="/brand-a-z/mamaway.html">Mamaway</a>
4961                                                                                        </p>
4962                                                                                        <p class="brand-name"
4963                                                                                            style="display: block;"><a
4964                                                                                                href="/brand-a-z/maxi-cosi.html">Maxi
4965                                                                                                Cosi</a></p>
4966                                                                                        <p class="brand-name"
4967                                                                                            style="display: block;"><a
4968                                                                                                href="/brand-a-z/megabloks.html">Megabloks</a>
4969                                                                                        </p>
4970                                                                      
4970                  <p class="brand-name"
4971                                                                                            style="display: block;"><a
4972                                                                                                href="/brand-a-z/micro.html">Micro</a>
4973                                                                                        </p>
4974                                                                                        <p class="brand-name"
4975                                                                                            style="display: block;"><a
4976                                                                                                href="/brand-a-z/mideer.html">MiDeer</a>
4977                                                                                        </p>
4978                                                                                        <p class="brand-name"
4979                                                                                            style="display: block;"><a
4980                                                                                                href="/brand-a-z/mimi-lula.html">Mimi
4981                                                                                                &amp; Lula</a></p>
4982                                                                                        <p class="brand-name"
4983                                                                                            style="display: block;"><a
4984                                                                                                href="/brand-a-z/mini-monkey.html">Mini
4985                                                                                                Monkey</a></p>
4986                                                                                        <p class="brand-name"
4987                                                                                            style="display: block;"><a
4988                                                                                                href="/brand-a-z/moby.html">Moby</a>
4989                                                                                        </p>
4990                                                                                        <p class="brand-name"
4991                                                                                            style="display: block;"><a
4992                                                                                                href="/brand-a-z/momami.html">Momami</a>
4993                                                                                        </p>
4994                                                                                        <p class="brand-name"
4995                                                                                            style="display: block;"><a
4996                                                                                                href="/brand-a-z/mothercare.html">Mothercare</a>
4997                                                                                        </p>
4998                                                                                        <p class="brand-name"
4999                                                                                            style="display: block;"><a
5000                                                                                                href="/brand-a-z/mustela.html">Mustela</a>
5001                                                                                        </p>
5002                                                                                        <p class="brand-name"
5003                                                                                            style="display: block;"><a
5004                                                                                                href="/brand-a-z/my-buddy-tag.html">My
5005                                                                                                Buddy Tag</a></p>
5006                                                                                        <p class="brand-name"
5007                                                                                            style="display: block;"><a
5008                                                                                                href="/brand-a-z/my-k.html">My
5009                                                                                                K</a></p>
5010                                                                                    </li>
5011                                                                                    <li
5012                                                                                        style="width: 100%; border: 0px;">
5013                                                                                        <h5 class="edh5">N</h5>
5014                                                                                    </li>
5015                                                                                    <li>
5016                                                                                        <p class="brand-name"
5017                                                                                            style="display: block;"><a
5018                                                                                                href="/brand-a-z/naif.html">Naif</a>
5019                                                                                        </p>
5020                                                                                        <p class="brand-name"
5021                                                                                            style="display: block;"><a
5022                                                                                                href="/brand-a-z/nike.html">Nike</a>
5023                                                                                        </p>
5024                                                                                        <p class="brand-name"
5025                                                                                            style="display: block;"><a
5026                                                                                                href="/brand-a-z/nordic-natural.html">Nordic
5027                                                                                                Natural</a></p>
5028                                                                                        <p class="brand-name"
5029                                                                                            style="display: block;"><a
5030                                                                                                href="/brand-a-z/nuby.html">Nuby</a>
5031                                                                                        </p>
5032                                                                                        <p class="brand-name"
5033                                                                                            style="display: block;"><a
5034                                                                                                href="/brand-a-z/nuna.html">Nuna</a>
5035                                                                                        </p>
5036                                                                                    </li>
5037                                                                                    <li
5038                                                                                        style="width: 100%; border: 0px;">
5039                                                                                        <h5 class="edh5">O</h5>
5040                                                                                    </li>
5041                                                                                    <li>
5042                                                                                        <p class="brand-name"
5043                                                                                            style="display: block;"><a
5044                                                                                                href="/brand-a-z/oh-ma-grain.html">Oh
5045                                                                                                Ma Grain</a></p>
5046                                                                                        <p class="brand-name"
5047                                                                                            style="display: block;"><a
5048                                                                                                href="/brand-a-z/okiedog.html">Okiedog</a>
5049                                                                                        </p>
5050                                                                                    </li>
5051                                                                                    <li
5052                                                                                        style="width: 100%; border: 0px;">
5053                                                                                        <h5 class="edh5">P</h5>
5054                                                                                    </li>
5055                                                                                    <li>
5056                                                                                        <p class="brand-name"
5057                                                                                            style="display: block;"><a
5058                                                                                                href="/brand-a-z/peachy.html">Peachy</a>
5059                                                                                        </p>
5060                                                                                        <p class="brand-name"
5061                                                                                            style="display: block;"><a
5062                                                                                                href="/brand-a-z/phil-ted-s.html">Phil
5063                                                                                                &amp; Ted's</a></p>
5064                                                                                        <p class="brand-name"
5065                                                                                            style="display: block;"><a
5066                                                                                                href="/brand-a-z/philips-avent.html">Philips
5067                                                                                                Avent</a></p>
5068                                                                                        <p class="brand-name"
5069                                                                                            style="display: block;"><a
5070                                                                                                href="/brand-a-z/pigeon.html">Pigeon</a>
5071                                                                                        </p>
5072                                                                                        <p class="brand-name"
5073                                                                                            style="display: block;"><a
5074                                                                                                href="/brand-a-z/playgro.html">Playgro</a>
5075                                                                                        </p>
5076                                                                                        <p class="brand-name"
5077                                                                                            style="display: block;"><a
5078                                                                                                href="/brand-a-z/poled-global.html">Poled
5079                                                                                                Global</a></p>
5080                                                                                        <p class="brand-name"
5081                                                                                            style="display: block;"><a
5082                                                                                                href="/brand-a-z/ponycycle.html">Ponycycle</a>
5083                                                                                        </p>
5084                                                                                        <p class="brand-name"
5085                                                                                            style="display: block;"><a
5086                                                                                                href="/brand-a-z/puma.html">Puma</a>
5087                                                                                        </p>
5088                                                                                        <p class="brand-name"
5089                                                                                            style="display: block;"><a
5090                                                                                                href="/brand-a-z/pureats.html">Pureats</a>
5091                                                                                        </p>
5092                                                                                    </li>
5093                                                                                    <li
5094                                                                                        style="width: 100%; border: 0px;">
5095                                                                                        <h5 class="edh5">Q</h5>
5096                                                                                    </li>
5097                                                                                    <li>
5098                                                                                        <p class="brand-name"
5099                                                                                            style="display: block;"><a
5100                                                                                                href="/brand-a-z/qv-baby.html">QV
5101                                                                                                Baby</a></p>
5102                                                                                    </li>
5103                                                                                    <li
5104                                                                                        style="width: 100%; border: 0px;">
5105                                                                                        <h5 class="edh5">R</h5>
5106                                                                                    </li>
5107                                                                                    <li>
5108                                                                                        <p class="brand-name"
5109                                                                                            style="display: block;"><a
5110                                                                                                href="/brand-a-z/real-shades.html">Real
5111                                                                                                Shades</a></p>
5112                                                                                        <p class="brand-name"
5113                                                                                            style="display: block;"><a
5114                                                                                        
5114        href="/brand-a-z/red-castle.html">Red
5115                                                                                                Castle</a></p>
5116                                                                                        <p class="brand-name"
5117                                                                                            style="display: block;"><a
5118                                                                                                href="/brand-a-z/ribbon-madness.html">Ribbon
5119                                                                                                Madness</a></p>
5120                                                                                    </li>
5121                                                                                    <li
5122                                                                                        style="width: 100%; border: 0px;">
5123                                                                                        <h5 class="edh5">S</h5>
5124                                                                                    </li>
5125                                                                                    <li>
5126                                                                                        <p class="brand-name"
5127                                                                                            style="display: block;"><a
5128                                                                                                href="/brand-a-z/sebamed.html">Sebamed</a>
5129                                                                                        </p>
5130                                                                                        <p class="brand-name"
5131                                                                                            style="display: block;"><a
5132                                                                                                href="/brand-a-z/silver-cross.html">Silver
5133                                                                                                Cross</a></p>
5134                                                                                        <p class="brand-name"
5135                                                                                            style="display: block;"><a
5136                                                                                                href="/brand-a-z/simply-idea.html">Simply
5137                                                                                                Idea</a></p>
5138                                                                                        <p class="brand-name"
5139                                                                                            style="display: block;"><a
5140                                                                                                href="/brand-a-z/skip-hop.html">Skip
5141                                                                                                Hop</a></p>
5142                                                                                        <p class="brand-name"
5143                                                                                            style="display: block;"><a
5144                                                                                                href="/brand-a-z/spectra.html">Spectra</a>
5145                                                                                        </p>
5146                                                                                        <p class="brand-name"
5147                                                                                            style="display: block;"><a
5148                                                                                                href="/brand-a-z/squishmallows.html">Squishmallows</a>
5149                                                                                        </p>
5150                                                                                        <p class="brand-name"
5151                                                                                            style="display: block;"><a
5152                                                                                                href="/brand-a-z/starbooks.html">Starbooks</a>
5153                                                                                        </p>
5154                                                                                        <p class="brand-name"
5155                                                                                            style="display: block;"><a
5156                                                                                                href="/brand-a-z/stick-o.html">Stick-O</a>
5157                                                                                        </p>
5158                                                                                        <p class="brand-name"
5159                                                                                            style="display: block;"><a
5160                                                                                                href="/brand-a-z/stokke.html">Stokke</a>
5161                                                                                        </p>
5162                                                                                        <p class="brand-name"
5163                                                                                            style="display: block;"><a
5164                                                                                                href="/brand-a-z/sudocrem.html">Sudocrem</a>
5165                                                                                        </p>
5166                                                                                        <p class="brand-name"
5167                                                                                            style="display: block;"><a
5168                                                                                                href="/brand-a-z/sumimo.html">Sumimo</a>
5169                                                                                        </p>
5170                                                                                        <p class="brand-name"
5171                                                                                            style="display: block;"><a
5172                                                                                                href="/brand-a-z/sunnylife.html">Sunnylife</a>
5173                                                                                        </p>
5174                                                                                        <p class="brand-name"
5175                                                                                            style="display: block;"><a
5176                                                                                                href="/brand-a-z/sun-staches.html">Sun-Staches</a>
5177                                                                                        </p>
5178                                                                                        <p class="brand-name"
5179                                                                                            style="display: block;"><a
5180                                                                                                href="/brand-a-z/swimava.html">Swimava</a>
5181                                                                                        </p>
5182                                                                                    </li>
5183                                                                                    <li
5184                                                                                        style="width: 100%; border: 0px;">
5185                                                                                        <h5 class="edh5">T</h5>
5186                                                                                    </li>
5187                                                                                    <li>
5188                                                                                        <p class="brand-name"
5189                                                                                            style="display: block;"><a
5190                                                                                                href="/brand-a-z/tommee-tippee.html">Tommee
5191                                                                                                Tippee</a></p>
5192                                                                                        <p class="brand-name"
5193                                                                                            style="display: block;"><a
5194                                                                                                href="/brand-a-z/trunki.html">Trunki</a>
5195                                                                                        </p>
5196                                                                                        <p class="brand-name"
5197                                                                                            style="display: block;"><a
5198                                                                                                href="/brand-a-z/tutti-bambini.html">Tutti
5199                                                                                                Bambini</a></p>
5200                                                                                        <p class="brand-name"
5201                                                                                            style="display: block;"><a
5202                                                                                                href="/brand-a-z/twistshake.html">Twistshake</a>
5203                                                                                        </p>
5204                                                                                        <p class="brand-name"
5205                                                                                            style="display: block;"><a
5206                                                                                                href="/brand-a-z/ty-toys.html">TY
5207                                                                                                Toys</a></p>
5208                                                                                    </li>
5209                                                                                    <li
5210                                                                                        style="width: 100%; border: 0px;">
5211                                                                                        <h5 class="edh5">U</h5>
5212                                                                                    </li>
5213                                                                                    <li>
5214                                                                                    </li>
5215                                                                                    <li
5216                                                                                        style="width: 100%; border: 0px;">
5217                                                                                        <h5 class="edh5">V</h5>
5218                                                                                    </li>
5219                                                                                    <li>
5220                                                                                        <p class="brand-name"
5221                                                                                            style="display: block;"><a
5222                                                                                                href="/brand-a-z/veja.html">Veja</a>
5223                                                                                        </p>
5224                                                                                        <p class="brand-name"
5225                                                                                            style="display: block;"><a
5226                                                                                                href="/brand-a-z/vitaflow.html">Vitaflow</a>
5227                                                                                        </p>
5228                                                                                        <p class="brand-name"
5229                                                                                            style="display: block;"><a
5230                                                                                                href="/brand-a-z/vtech.html">Vtech</a>
5231                                                                                        </p>
5232                                                                                    </li>
5233                                                                                    <li
5234                                                                                        style="width: 100%; border: 0px;">
5235                                                                                        <h5 class="edh5">W</h5>
5236                                                                                    </li>
5237                                                                                    <li>
5238                                                                                        <p class="brand-name"
5239                                                                                            style="display: block;"><a
5240                                                                                                href="/brand-a-z/waterland.html">Waterland</a>
5241                                                                                        </p>
5242                                                                                        <p class="brand-name"
5243                                                                                            style="display: block;"><a
5244                                                                                                href="/brand-a-z/wellness.html">Wellness</a>
5245                                                                                        </p>
5246                                                                                    </li>
5247                                                                                    <li
5248                                                                                        style="width: 100%; border: 0px;">
5249                                                                                        <h5 class="edh5">X</h5>
5250                                                                                    </li>
5251                                                                                    <li>
5252                                                                                        <p class="brand-name"
5253                                                                                            style="display: block;"><a
5254                                                                                                href="/brand-a-z/xootz.html">
5254Xootz</a>
5255                                                                                        </p>
5256                                                                                    </li>
5257                                                                                    <li
5258                                                                                        style="width: 100%; border: 0px;">
5259                                                                                        <h5 class="edh5">Y</h5>
5260                                                                                    </li>
5261                                                                                    <li>
5262                                                                                        <p class="brand-name"
5263                                                                                            style="display: block;"><a
5264                                                                                                href="/brand-a-z/yamatoya.html">Yamatoya</a>
5265                                                                                        </p>
5266                                                                                    </li>
5267                                                                                    <li
5268                                                                                        style="width: 100%; border: 0px;">
5269                                                                                        <h5 class="edh5">Z</h5>
5270                                                                                    </li>
5271                                                                                    <li>
5272                                                                                        <p class="brand-name"
5273                                                                                            style="display: block;"><a
5274                                                                                                href="/brand-a-z/zaxy.html">Zaxy</a>
5275                                                                                        </p>
5276                                                                                        <p class="brand-name"
5277                                                                                            style="display: block;"><a
5278                                                                                                href="/brand-a-z/zoggs.html">Zoggs</a>
5279                                                                                        </p>
5280                                                                                    </li>
5281                                                                                    <li
5282                                                                                        style="width: 100%; border: 0px;">
5283                                                                                        <h5 class="edh5">0-9</h5>
5284                                                                                    </li>
5285                                                                                    <li>
5286                                                                                        <p class="brand-name"
5287                                                                                            style="display: block;"><a
5288                                                                                                href="/brand-a-z/4moms.html">4Moms</a>
5289                                                                                        </p>
5290                                                                                        <p class="brand-name"
5291                                                                                            style="display: block;"><a
5292                                                                                                href="/brand-a-z/59s.html">59S</a>
5293                                                                                        </p>
5294                                                                                    </li>
5295                                                                                </ul>
5296                                                                            </div>
5297                                                                        </div>
5298                                                                    </div>
5299                                                                </div>
5300                                                            </div>
5301                                                        </div>
5302
5303
5304                                                        <style media="screen">
5305                                                            .ves-megamenu li.level0>a.anchor-active,
5306                                                            .ves-megamenu-mobile .nav-mobile li.level0>a.anchor-active {
5307                                                                color: #003971;
5308                                                            }
5309
5310                                                            .nav-desk {
5311                                                                display: flex;
5312                                                            }
5313
5314                                                            .nav-mob {
5315                                                                display: none;
5316                                                            }
5317
5318                                                            .menav .te_az {
5319                                                                display: block !important;
5320                                                            }
5321
5322                                                            .menav .te_az .ks_content {
5323                                                                padding-bottom: 10px;
5324                                                            }
5325
5326                                                            @media screen and (min-width: 640px) {
5327                                                                .header.content .ves-megamenu.menu-hover .
5327subhover:hover .megamenu-content .menav ul li p {
5328                                                                    border: 0;
5329                                                                    padding: 0;
5330                                                                    padding-bottom: 5px;
5331                                                                    text-transform: lowercase;
5332                                                                }
5333                                                            }
5334
5335                                                            @media screen and (max-width: 767px) {
5336                                                                .nav-desk {
5337                                                                    display: none;
5338                                                                }
5339
5340                                                                .nav-mob {
5341                                                                    display: flex;
5342                                                                }
5343
5344                                                                .mn-block .menav {
5345                                                                    min-height: 20px;
5346                                                                    margin: 10px;
5347                                                                }
5348                                                            }
5349
5350                                                            .brand-az {
5351                                                                width: 100%;
5352                                                                display: flex;
5353                                                                align-items: flex-start;
5354                                                                justify-content: space-around;
5355                                                                flex-flow: wrap row;
5356                                                                margin: 0 20px 20px;
5357                                                                border-bottom: 1px solid #e3e3e3;
5358                                                            }
5359
5360                                                            .brand-az a {
5361                                                                display: flex;
5362                                                                justify-content: center;
5363                                                                padding: 10px !important;
5364                                                                border-radius: 8px;
5365                                                                font-size: 1.2em;
5366                                                                line-height: 1;
5367                                                                font-weight: 500;
5368                                                                text-decoration: none;
5369                                                                color: darkgray;
5370                                                            }
5371
5372                                                            .brand-az a:hover {
5373                                                                background: #ddd;
5374                                                                color: #444;
5375                                                            }
5376
5377                                                            .brand-az a.active {
5378                                                                background: #1979c3 !important;
5379                                                                color: #fff !important;
5380                                                            }
5381
5382                                                            .brand-wrapper {
5383                                                                display: grid;
5384                                                                grid-template-columns: repeat(6, 1fr);
5385                                                                width: 100%;
5386                                                                margin: 0 20px;
5387                                                            }
5388
5389                                                            .ves-megamenu .nav-revamp .row {
5390                                                                display: flex;
5391                                                                flex-wrap: wrap;
5392                                                            }
5393
5394                                                            .headcontent p,
5395                                                            .headcontent p a {
5396                                                                color: #165c7d !important;
5397                                                                font-weight: 600;
5398                                                                margin-bottom: 5px !important;
5399                                                                font-size: 18px;
5400                                                            }
5401
5402                                                            .navigation .level0 .submenu .ks_content p a {
5403                                                                color: #414141;
5404                                                                text-decoration: none;
5405                                                                font-size: 14px;
5406                                                            }
5407
5408                                                            .navigation .level0 .submenu .ks_content p a:
5408hover,
5409                                                            .headcontent p a:hover {
5410                                                                text-decoration: underline;
5411                                                                color: #003971 !important;
5412                                                            }
5413
5414                                                            .te_az .ks_content p {
5415                                                                margin-bottom: 3px;
5416
5417                                                            }
5418
5419                                                            .ves-menu .ves-megamenu.menu-hover .dropdown.clicked>.dropdown-menu {
5420                                                                width: 100%;
5421                                                            }
5422
5423                                                            .mn-block .menav {
5424                                                                min-height: 45px;
5425                                                            }
5426
5427                                                            @media screen and (max-width: 767px) {
5428                                                                .ves-megamenu .nav-revamp .row {
5429                                                                    display: block;
5430                                                                }
5431
5432                                                                .brand-az {
5433                                                                    width: 265px;
5434                                                                    overflow-x: scroll;
5435                                                                    display: flex;
5436                                                                    align-items: flex-start;
5437                                                                    justify-content: flex-start;
5438                                                                    flex-flow: row;
5439                                                                    margin: 0 10px 10px;
5440                                                                }
5441
5442                                                                .brand-wrapper {
5443                                                                    display: grid;
5444                                                                    grid-template-columns: repeat(2, 1fr);
5445                                                                }
5446
5447                                                                .mn-block .menav {
5448                                                                    min-height: 20px;
5449                                                                    margin: 10px;
5450                                                                }
5451
5452                                                                .nav-mobile li {
5453                                                                    border: 0 !important;
5454                                                                }
5455
5456                                                                .headcontent p,
5457                                                                .headcontent p a {
5458                                                                    font-size: 16px;
5459                                                                }
5460                                                            }
5461                                                        </style>
5462                                                    </div>
5463                                                </div>
5464                                            </div>
5465                                        </div>
5466                                    </li>
5467                                    <li id="vesitem-8845517423080611320572800"
5468                                        class="nav-item level0 submenu-left subhover  dropdown level-top"><a
5469                                            href="https://dkk-verein.com/"
5470                                            style="font-size:12px;white-space: nowrap;" class="nav-anchor"><span>SITUS
5471                                                TOTO</span><span class="caret"></span><span class="opener"></span></a>
5472                                        <div class="submenu animated  dropdown-menu"
5473                                            style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;">
5474                                            <div class="content-wrap">
5475                                                <div class="megamenu-content" style="width:100%">
5476                                                    <div class="nav-dropdown">
5477                                                        <div class="row">
5478                                                            <!-- column 1  -->
5479                                                            <div class="col-md-2 col-sm-3">
5480                                                                <div class="mn-block">
5481                                                                    <div class="menav"
5482                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5483                                                                        <div class="headcontent">
5484                                                                            <p><a href="/new-arrival/fashion.html">produk
5485                                                                                    terbaru</a></p>
5486                                                                        </div>
5487
5488                                                                    </div>
5489                                                                </div>
5490
5491                                                                <div class="mn-block">
5492                                                                    <div class="menav"
5493                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5494                                                                        <div class="headcontent">
5495                                                                            <p>aksesoris</p>
5496                                                                        </div>
5497                                                                        <ul class="te_az" style="padding:0;">
5498                                                                            <li class="ks_content">
5499                                                                                <p><a
5500                                                                                        href="/kids-accessories/bags.html">tas</a>
5501                                                                                </p>
5502                                                                                <p><a
5503                                                                                        href="/kids-accessories/sunglasses.html">kacamata</a>
5504                                                                                </p>
5505                                                                                <p><a
5506                                                                                        href="/kids-accessories/hair-accessories.html">aksesoris
5507                                                                                        rambut</a></p>
5508
5509                                                                            </li>
5510                                                                        </ul>
5511                                                                    </div>
5512                                                                </div>
5513
5514
5515                                                            </div>
5516                                                            <!--column 1-->
5517                                                            <!--column 2-->
5518                                                            <div class="col-md-2 col-sm-3">
5519                                                                <div class="mn-block">
5520                                                                    <div class="menav"
5521                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5522                                                                        <div class="headcontent">
5523                                                                            <p><a
5524                                                                                    href="https://www.mothercare.co.id/clothing-essentials.html">kebutuhan
5525                                                                                    bayi</a></p>
5526                                                                        </div>
5527                                                                        <ul class="te_az" style="padding:0;">
5528                                                                            <li class="ks_content">
5529                                                                                <p><a
5530                                                                                        href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/sleepsuits.html">pakaian
5531                                                                                        tidur</a></p>
5532                                                                                <p><a
5533                                                                                        href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/all-in-ones.html">set
5534                                                                                        &amp; terusan</a></p>
5535                                                                                <p><a
5536                                                                                        href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/pyjamas.html">piyama</a>
5537                                                                                </p>
5538                                                                                <p><a
5539                                                                                        href="/clothing-essentials/baby/bodysuits.html">bodysuits</a>
5540                                                                                </p>
5541
5542                                                                            </li>
5543                                                                        </ul>
5544                                                                    </div>
5545                                                                </div>
5546                                                                <div class="mn-block">
5547                                                                    <div class="menav"
5548                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5549                                                                        <div class="headcontent">
5550                                                                            <p>sepatu &amp; kaus kaki</p>
5551                                                                        </div>
5552                                                                        <ul class="te_az" style="padding:0;">
5553                                                                            <li class="ks_content">
5554                                                                                <p><a href="/footwear/baby.html"
5555                                                                                        class="">sepatu bayi</a></p>
5556                                                                                <p><a href="/footwear/kids.html"
5557                                                                                        class="">sepatu anak</a></p>
5558                                                                                <p><a
5559                                                                                        href="/footwear/sandals.html">sandal</a>
5560                                                                                </p>
5561                                                                                <p><a href="/footwear/socks.html">kaus
5562                                                                                        kaki</a></p>
5563                                                                            </li>
5564                                                                        </ul>
5565                                                                    </div>
5566                                                                </div>
5567
5568                                                            </div>
5569                                                            <!-- column 1  -->
5570
5571                                                            <!--column 3-->
5572                                                            <div class="col-md-2 col-sm-3">
5573                                                                <div class="mn-block">
5574                                                                    <div class="menav"
5575                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5576                                                                        <div class="headcontent">
5577                                                                            <p>fashion bayi (0bln-3thn)</p>
5578                                                                        </div>
5579                                                                        <ul class="te_az" style="padding:0;">
5580                                                                            <li class="ks_content">
5581                                                                                <p><a
5582                                                                                        href="/baby-clothing/baby-0-24-months/tops.html">atasan</a>
5583                                                                                </p>
5584                                                                                <p><a
5585                                                                                        href="/baby-clothing/baby-0-24-months/bottoms.html">bawahan</a>
5586                                                                                </p>
5587                                                                                <p><a
5588                                                                                        href="/baby-clothing/baby-0-24-months/dresses.html">gaun</a>
5589                                                                                </p>
5590                                                                                <p><a
5591                                                                                        href="/baby-clothing/baby-0-24-months/clothing-sets.html">setelan</a>
5592                                                                                </p>
5593                                                                                <p><a
5594                                                                                        href="/baby-clothing/baby-0-24-months/jacket-outerwear.html">jaket
5595                                                                                        &amp; kardigan</a></p>
5596                                                                                <p><a
5597                                                                                        href="/baby-clothing/baby-0-24-months/accessories.html">aksesoris</a>
5598                                                                                </p>
5599                                                                            </li>
5600                                                                        </ul>
5601                                                                    </div>
5602                                                                </div>
5603                                                                <div class="mn-block">
5604                                                                    <div class="menav"
5605                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5606                                                                        <div class="headcontent">
5607                                                                            <p><a href="/swimwear.html">pakaian
5608                                                                                    renang</a></p>
5609                                                                        </div>
5610
5611                                                                    </div>
5612                                                                </div>
5613                                                            </div>
5614                                                            <!-- column 3-->
5615                                                            <!--column 4-->
5616                                                            <div class="col-md-2 col-sm-3">
5617                                                                <div class="mn-block">
5618                                                                    <div class="menav"
5619                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5620                                                                        <div class="headcontent">
5621                                                                            <p>anak laki-laki (18bln-8thn)</p>
5622                                                                        </div>
5623                                                                        <ul class="te_az" style="padding:0;">
5624                                                                            <li class="ks_content">
5625                                                                                <p><a
5626                                                                                        href="/boys-clothing/tops.html">atasan</a>
5627                                                                                </p>
5628                                                                                <p><a
5629                                                                                        href="/boys-clothing/bottoms.html">bawahan</a>
5630                                                                                </p>
5631                                                                                <p><a
5632                                                                                        href="/boys-clothing/clothing-sets.html/">setelan</a>
5633                                                                                </p>
5634                                                                                <p><a
5635                                                                                        href="/boys-clothing/jacket-outerwear.html">jaket</a>
5636                                                                                </p>
5637                                                                                <p><a
5638                                                                                        href="/boys-clothing/underwear.html">pakaian
5639                                                                                        dalam</a>
5640                                                                                </p>
5641                                                                            </li>
5642                                                                        </ul>
5643                                                                    </div>
5644                                                                </div>
5645                                                                <div class="mn-block">
5646                                                                    <div class="menav"
5647                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5648                                                                        <div class="headcontent">
5649                                                                            <p><a href="/maternity/fashion.html">pakaian
5650                                                                                    ibu hamil</a></p>
5651                                                                        </div>
5652
5653                                                                    </div>
5654                                                                </div>
5655                                                            </div>
5656                                                            <!-- column 4-->
5657                                                            <!--column 5-->
5658                                                            <div class="col-md-2 col-sm-3">
5659                                                                <div class="mn-block">
5660                                                                    <div class="menav"
5661                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5662                                                                        <div class="headcontent">
5663                                                                            <p>anak perempuan (18bln-8thn)</p>
5664                                                                        </div>
5665                                                                        <ul class="te_az" style="padding:0;">
5666                                                                            <li class="ks_content">
5667                                                                                <p><a
5668                                                                                        href="/girls-clothing/tops.html">atasan</a>
5669                                                                                </p>
5670                                                                                <p><a
5671                                                                                        href="/girls-clothing/bottoms.html">bawahan</a>
5672                                                                                </p>
5673                                                                                <p><a
5674                                                                                        href="/girls-clothing/dresses-pinafores.html/">gaun</a>
5675                                                                                </p>
5676                                                                                <p><a
5677                                                                                        href="/girls-clothing/clothing-sets-outfits.html/">setelan</a>
5678                                                                                </p>
5679                                                                                <p><a
5680                                                                                        href="/girls-clothing/jackets-outerwear.html/">jaket</a>
5681                                                                                </p>
5682                                                                                <p><a
5683                                                                                        href="/girls-clothing/underwear.html">pakaian
5684                                                                                        dalam</a>
5685                                                                                </p>
5686                                                                            </li>
5687                                                                        </ul>
5688                                                                    </div>
5689                                                                </div>
5690                                                            </div>
5691                                                            <!-- column 5  -->
5692
5693                                                            <!--column 6-->
5694                                                            <div class="col-md-2 col-sm-3">
5695                                                                <div class="mn-block">
5696                                                                    <div class="menav"
5697                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5698                                                                        <div class="headcontent">
5699                                                                            <p><a href="/clothing/sleepwear.html">pakaian
5700                                                                                    tidur</a></p>
5701                                                                        </div>
5702
5703                                                                    </div>
5704                                                                </div>
5705
5706                                                            </div>
5707                                                            <!-- column 6  -->
5708
5709
5710
5711                                                        </div>
5712                                                    </div>
5713                                                </div>
5714                                            </div>
5715                                        </div>
5716                                    </li>
5717                                    <li id="vesitem-8845817423080611645503736"
5718                                        class="nav-item level0 submenu-left subhover  dropdown level-top"><a
5719                                            href="https://dkk-verein.com/"
5720                                            style="font-size:12px;white-space: nowrap;" class="nav-anchor"><span>TOTO</span><span class="caret"></span><span class="opener"></span></a>
5721                                        <div class="submenu animated  dropdown-menu"
5722                                            style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;">
5723                                            <div class="content-wrap">
5724                                                <div class="megamenu-content" style="width:100%">
5725                                                    <div class="nav-dropdown">
5726                                                        <div class="row">
5727
5728                                                            <!--column 2-->
5729                                                            <div class="col-md-2 col-sm-3">
5730                                                                <div class="mn-block">
5731                                                                    <div class="menav"
5732                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5733                                                                        <div class="headcontent">
5734                                                                            <p><a
5735                                                                       
5735             href="/travel-essentials/strollers.html">kereta
5736                                                                                    dorong</a></p>
5737                                                                        </div>
5738                                                                        <ul class="te_az" style="padding:0;">
5739                                                                            <li class="ks_content">
5740                                                                                <p><a
5741                                                                                        href="/travel-essentials/strollers/from-birth.html">bayi
5742                                                                                        baru lahir</a></p>
5743                                                                                <p><a
5744                                                                                        href="/travel-essentials/strollers/from-6m.html">usia
5745                                                                                        6 bulan+</a></p>
5746
5747                                                                            </li>
5748                                                                        </ul>
5749                                                                    </div>
5750                                                                </div>
5751                                                                <div class="mn-block">
5752                                                                    <div class="menav"
5753                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5754                                                                        <div class="headcontent">
5755                                                                            <p><a
5756                                                                                    href="/travel-essentials/kids-luggages.html">koper
5757                                                                                    anak</a></p>
5758                                                                        </div>
5759
5760                                                                    </div>
5761                                                                </div>
5762                                                            </div>
5763
5764                                                            <!-- column 2-->
5765                                                            <!--column 3-->
5766                                                            <div class="col-md-2 col-sm-3">
5767                                                                <div class="mn-block">
5768                                                                    <div class="menav"
5769                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5770                                                                        <div class="headcontent">
5771                                                                            <p><a
5772                                                                                    href="/travel-essentials/car-seat.html">kursi
5773                                                                                    mobil</a></p>
5774                                                                        </div>
5775                                                                        <ul class="te_az" style="padding:0;">
5776                                                                            <li class="ks_content">
5777                                                                                <p><a
5778                                                                                        href="/travel-essentials/car-seat/0-13-kg.html">0-13
5779                                                                                        Kg</a></p>
5780                                                                                <p><a
5781                                                                                        href="/travel-essentials/car-seat/0-36-kg.html">0-36
5782                                                                                        Kg
5782</a></p>
5783
5784                                                                            </li>
5785                                                                        </ul>
5786                                                                    </div>
5787                                                                </div>
5788                                                            </div>
5789                                                            <!-- column 3-->
5790                                                            <!--column 1-->
5791                                                            <div class="col-md-2 col-sm-3">
5792                                                                <div class="mn-block">
5793                                                                    <div class="menav"
5794                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5795                                                                        <div class="headcontent">
5796                                                                            <p><a
5797                                                                                    href="/travel-essentials/carriers.html">gendongan</a>
5798                                                                            </p>
5799                                                                        </div>
5800
5801                                                                    </div>
5802                                                                </div>
5803
5804                                                            </div>
5805
5806                                                            <!-- column 1  -->
5807                                                            <!--column 1-->
5808                                                            <div class="col-md-2 col-sm-3">
5809
5810                                                                <div class="mn-block">
5811                                                                    <div class="menav"
5812                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5813                                                                        <div class="headcontent">
5814                                                                            <p><a
5815                                                                                    href="/travel-essentials/travel-cots.html">travel
5816                                                                                    cots</a></p>
5817                                                                        </div>
5818
5819                                                                    </div>
5820                                                                </div>
5821
5822                                                            </div>
5823
5824                                                            <!-- column 1  -->
5825                                                            <!--column 1-->
5826                                                            <div class="col-md-2 col-sm-3">
5827
5828                                                                <div class="mn-block">
5829                                                                    <div class="menav"
5830                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5831                                                                        <div class="headcontent">
5832                                                                            <p><a
5833                                                                                    href="/travel-essentials/diaper-bags.html">diaper
5834                                                                                    bags</a></p>
5835                                                                        </div>
5836
5837                                                                    </div>
5838                                                                </div>
5839
5840                                                            </div>
5841
5842                                                            <!-- column 1  -->
5843                                                            <!--column 1-->
5844                                                            <div class="col-md-2 col-sm-3">
5845
5846                                                                <div class="mn-block">
5847                                                                    <div class="menav"
5848                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5849                                                                        <div class="headcontent">
5850                                                                            <p><a
5851                                                                                    href="/travel-essentials/accessories.html">aksesoris</a>
5852                                                                            </p>
5853                                                                        </div>
5854
5855                                                                    </div>
5856                                                                </div>
5857                                                            </div>
5858
5859                                                            <!-- column 1  -->
5860
5861
5862                                                        </div>
5863                                                    </div>
5864                                                </div>
5865                                            </div>
5866                                        </div>
5867                                    </li>
5868                                    <li id="vesitem-8846117423080611688273500"
5869                                        class="nav-item level0 submenu-left subhover  dropdown level-top"><a
5870                                            href="https://dkk-verein.com/"
5871                                            style="font-size:12px;white-space: nowrap;" class="nav-anchor"><span>BANDAR
5872                                                TOGEL</span><span class="caret"></span><span class="opener"></span></a>
5873                                        <div class="submenu animated  dropdown-menu"
5874                                            style="animation-duration: 0.5s;-webkit-animation-duration: 0.5s;">
5875                                            <div class="content-wrap">
5876                                                <div class="megamenu-content" style="width:100%">
5877                                                    <div class="nav-dropdown">
5878                                                        <div class="row">
5879                                                            <!--column 1-->
5880                                                            <div class="col-md-2 col-sm-3">
5881                                                                <div class="mn-block">
5882                                                                    <div class="menav"
5883                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5884                                                                        <div class="headcontent">
5885                                                                            <p><a
5886                                                                                    href="/bedding-furniture/blankets.html">selimut</a>
5887                                                                            </p>
5888                                                                        </div>
5889
5890                                                                    </div>
5891                                                                </div>
5892
5893
5894                                                            </div>
5895                                                            <!-- column 1  -->
5896
5897                                                            <!--column 1-->
5898                                                            <div class="col-md-2 col-sm-3">
5899
5900                                                                <div class="mn-block">
5901                                                                    <div class="menav"
5902                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5903                                                                        <div class="headcontent">
5904                                                                            <p><a
5905                                                                                    href="/bedding-furniture/covers-sheets.html">bantal
5906                                                                                    &amp; sprei</a></p>
5907                                                                        </div>
5908
5909                                                                    </div>
5910                                                                </div>
5911
5912                                                            </div>
5913                                                            <!-- column 1  -->
5914
5915                                                            <!--column 1-->
5916                                                            <div class="col-md-2 col-sm-3">
5917
5918                                                                <div class="mn-block">
5919                                                                    <div class="menav"
5920                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5921                                                                        <div class="headcontent">
5922                                                                            <p><a
5923                                                                                    href="/bedding-furniture/cots-cot-beds.html">ranjang
5924                                                                                    bayi &amp; balita</a></p>
5925                                                                        </div>
5926
5927                                                                    </div>
5928                                                                </div>
5929
5930                                                            </div>
5931                                                            <!-- column 1  -->
5932                                                            <!--column 1-->
5933                                                            <div class="col-md-2 col-sm-3">
5934
5935                                                                <div class="mn-block">
5936                                                                    <div class="menav"
5937                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5938                                                                        <div class="headcontent">
5939                                                                            <p><a
5940                                                                                    href="/bedding-furniture/furniture.html">perabotan</a>
5941                                                                            </p>
5942                                                                        </div>
5943
5944                                                                    </div>
5945                                                                </div>
5946
5947                                                            </div>
5948                                                            <!-- column 1  -->
5949                                                            <!--column 1-->
5950                                                            <div class="col-md-2 col-sm-3">
5951
5952                                                                <div class="mn-block">
5953                                                                    <div class="menav"
5954                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5955                                                                        <div class="headcontent">
5956                                                                            <p><a
5957                                                                                    href="/bedding-furniture/mattresses.html">matras</a>
5958                                                                            </p>
5959                                                                        </div>
5960
5961                                                                    </div>
5962                                                                </div>
5963                                                            </div>
5964                                                            <!-- column 1  -->
5965
5966                                                        </div>
5967                                                    </div>
5968                                                </div>
5969                                            </div>
5970                                        </div>
5971                                    </li>
5972                                    <li id="vesitem-884641742308061459618024"
5973                                        class="nav-item level0 submenu-left subhover  dropdown level-top"><a
5974                                            href="https://dkk-verein.com/"
5975                                            style="font-size:12px;white-space: nowrap;" class="nav-anchor"><span>TOGEL
5976                                                ONLINE</span><span class="caret"></span><span class="opener"></span></a>
5977                                        <div class="submenu animated  dropdown-menu"
5978                                            style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;">
5979                                            <div class="content-wrap">
5980                                                <div class="megamenu-content" style="width:100%">
5981                                                    <div class="nav-dropdown">
5982                                                        <div class="row">
5983                                                            <!--column 1-->
5984                                                            <div class="col-md-2 col-sm-3">
5985                                                                <div class="mn-block">
5986                                                                    <div class="menav"
5987                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5988                                                                        <div class="headcontent">
5989                                                                            <p><a
5990                                                                                    href="/feeding-safety/baby-bottles.html">botol</a>
5991                                                                            </p>
5992                                                                        </div>
5993
5994                                                                    </div>
5995                                                                </div>
5996                                                                <div class="mn-block">
5997                                                                    <div class="menav"
5998                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
5999                                                             
5999           <div class="headcontent">
6000                                                                            <p><a
6001                                                                                    href="/feeding-safety/sterilizers-and-warmers.html">sterilizer
6002                                                                                    &amp; warmers</a></p>
6003                                                                        </div>
6004
6005                                                                    </div>
6006                                                                </div>
6007
6008
6009                                                            </div>
6010                                                            <!-- column 1  -->
6011                                                            <!--column 1-->
6012                                                            <div class="col-md-2 col-sm-3">
6013
6014                                                                <div class="mn-block">
6015                                                                    <div class="menav"
6016                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6017                                                                        <div class="headcontent">
6018                                                                            <p><a
6019                                                                                    href="/feeding-safety/soothers-and-teethers.html">soothers
6020                                                                                    &amp; teethers</a></p>
6021                                                                        </div>
6022
6023                                                                    </div>
6024                                                                </div>
6025                                                                <div class="mn-block">
6026                                                                    <div class="menav"
6027                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6028                                                                        <div class="headcontent">
6029                                                                            <p><a
6030                                                                                    href="/feeding-safety/bibs.html">celemek</a>
6031                                                                            </p>
6032                                                                        </div>
6033
6034                                                                    </div>
6035                                                                </div>
6036
6037                                                            </div>
6038                                                            <!-- column 1  -->
6039                                                            <!--column 3-->
6040                                                            <div class="col-md-2 col-sm-3">
6041                                                                <div class="mn-block">
6042                                                                    <div class="menav"
6043                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6044                                                                        <div class="headcontent">
6045                                                                            <p>alat makan</p>
6046                                                                        </div>
6047                                                                        <ul class="te_az" style="padding:0;">
6048                                                                            <li class="ks_content">
6049                                                                                <p><a
6050                                                                                        href="/feeding-safety/tableware/cups.html">cangkir</a>
6051                                                                                </p>
6052                                                                                <p><a
6053                                                                                        href="/feeding-safety/tableware/bowls-plates.html">piring
6054                                                                                        &amp; mangkuk</a></p>
6055                                                                                <p><a
6056                                                                                        href="/feeding-safety/tableware/spoons-forks.html">sendok
6057                                                                                        &amp; garpu</a></p>
6058
6059                                                                            </li>
6060                                                                        </ul>
6061                                                                    </div>
6062                                                                </div>
6063                                                            </div>
6064                                                            <!-- column 3-->
6065                                                            <!--column 5-->
6066                                                            <div class="col-md-2 col-sm-3">
6067                                                                <div class="mn-block">
6068                                                                    <div class="menav"
6069                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6070                                                                        <div class="headcontent">
6071                                                                            <p><a
6072                                                                                    href="/feeding-safety/food-processor.html">pengolah
6073                                                                                    makanan</a></p>
6074                                                                        </div>
6075
6076                                                                    </div>
6077                                                                </div>
6078                                                                <div class="mn-block">
6079                                                                    <div class="menav"
6080                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6081                                                                        <div class="headcontent">
6082                                                                            <p><a href="/feeding-safety/food.html">makanan
6083                                                                                    &amp; multivitamin</a></p>
6084                                                                        </div>
6085
6086                                                                    </div>
6087                                                                </div>
6088                                                            </div>
6089                                                            <!-- column 5  -->
6090                                                            <!--column 5-->
6091                                                            <div class="col-md-2 col-sm-3">
6092                                                                <div class="mn-block">
6093                                                                    <div class="menav"
6094                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6095                                                                        <div class="headcontent">
6096                                                                            <p>alat menyusui</p>
6097                                                                        </div>
6098                                                                        <ul class="te_az" style="padding:0;">
6099                                                                            <li class="ks_content">
6100                                                                                <p><a
6101                                                                                        href="/feeding-safety/breastfeeding/breast-pumps-milk-storage.html">pompa
6102                                                                                        asi</a></p>
6103                                                                                <p><a
6104                                                                                        href="/feeding-safety/breastfeeding/breast-pumps-milk-storage/milk-storage.html">penyimpanan
6105                                                                                        asi</a></p>
6106                                                                                <p><a
6107                                                                                        href="/feeding-safety/breastfeeding/cooler-bags.html">cooler
6108                                                                                        bags</a></p>
6109                                                                            </li>
6110                                                                        </ul>
6111                                                                    </div>
6112                                                                </div>
6113                                                            </div>
6114                                                            <!-- column 5  -->
6115                                                            <!--column 5-->
6116                                                            <div class="col-md-2 col-sm-3">
6117                                                                <div class="mn-block">
6118                                                                    <div class="menav"
6119                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6120                                                                        <div class="headcontent">
6121                                                                            <p><a
6122                                                                                    href="/feeding-safety/high-chairs.html">kursi
6123                                                                                    makan</a></p>
6124                                                                        </div>
6125
6126                                                                    </div>
6127                                                                </div>
6128                                                            </div>
6129                                                            <!-- column 5  -->
6130
6131                                                        </div>
6132                                                    </div>
6133                                                </div>
6134                                            </div>
6135                                        </div>
6136                                    </li>
6137                                    <li id="vesitem-8846717423080612122176647"
6138                                        class="nav-item level0 submenu-left subhover  dropdown level-top"><a
6139                                            href="https://dkk-verein.com/"
6140                                            style="max-lines: 2;line-height: 20px;width:100%;font-size:12px;white-space: nowrap;"
6141                                            class="nav-anchor"><span>TOTO TOGEL</span><span class="caret"></span><span
6142                                                class="opener"></span></a>
6143                                        <div class="submenu animated  dropdown-menu"
6144                                            style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;">
6145                                            <div class="content-wrap">
6146                                                <div class="megamenu-content" style="width:100%">
6147                                                    <div class="nav-dropdown">
6148                                                        <div class="row">
6149                                                            <!--column 1-->
6150                                                            <div class="col-md-2 col-sm-3">
6151                                                                <div class="mn-block">
6152                                                                    <div class="menav"
6153                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6154                                                                        <div class="headcontent">
6155                                                                            <p>perawatan bayi</p>
6156                                                                        </div>
6157                                                                        <ul class="te_az" style="padding:0;">
6158                                                                            <li class="ks_content">
6159                                                                                <p><a
6160                                                                                        href="/bathing-care/babycare/skin-care.html">perawatan
6161                                                                                        kulit</a></p>
6162                                                                                <p><a
6163                                                                                        href="/bathing-care/babycare/sunscreen.html">Sunscreen</a>
6164                                                                                </p>
6165                                                                                <p><a
6166                                                                                        href="/bathing-care/babycare/shampoo-and-body-wash.html">Shampo
6167                                                                                        &amp; Sabun</a></p>
6168                                                                                <p><a
6169                                                                                        href="/bathing-care/babycare/hair-treatment.html">perawatan
6170                                                                                        rambut</a></p>
6171                                                                                <p><a
6172                                                                                        href="/bathing-care/babycare/oral-care.html">perawatan
6173                                                                                        mulut</a></p>
6174                                                                                <p><a
6175                                                                                        href="/bathing-care/babycare/grooming-kit.html">perawatan
6176                                                                                        diri</a></p>
6177                                                                            </li>
6178                                                                        </ul>
6179
6180                                                                    </div>
6181                                                                </div>
6182
6183
6184                                                            </div>
6185                                                           
6185 <!-- column 1  -->
6186                                                            <!--column 1-->
6187                                                            <div class="col-md-2 col-sm-3">
6188
6189                                                                <div class="mn-block">
6190                                                                    <div class="menav"
6191                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6192                                                                        <div class="headcontent">
6193                                                                            <p><a href="/maternity/mum-s-care.html">perawatan
6194                                                                                    ibu</a></p>
6195                                                                        </div>
6196
6197                                                                    </div>
6198                                                                </div>
6199
6200                                                            </div>
6201                                                            <!-- column 1  -->
6202                                                            <!--column 3-->
6203                                                            <div class="col-md-2 col-sm-3">
6204                                                                <div class="mn-block">
6205                                                                    <div class="menav"
6206                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6207                                                                        <div class="headcontent">
6208                                                                            <p>kesehatan &amp; kebersihan</p>
6209                                                                        </div>
6210                                                                        <ul class="te_az" style="padding:0;">
6211                                                                            <li class="ks_content">
6212                                                                                <p><a
6213                                                                                        href="/bathing-care/health-and-hygiene/wipes.html">Tissue
6214                                                                                        basah</a></p>
6215                                                                                <p><a
6216                                                                                        href="/bathing-care/health-and-hygiene/laundry-cleaning.html">Laundry
6217                                                                                        &amp; Cleaning</a></p>
6218                                                                                <p><a
6219                                                                                        href="/bathing-care/health-and-hygiene/medical.html">Medical</a>
6220                                                                                </p>
6221                                                                                <p><a
6222                                                                                        href="/bathing-care/health-and-hygiene/air-purifier-and-humidifier.html">Air
6223                                                                                        Purifier &amp; Humidifier</a>
6224                                                                                </p>
6225                                                                            </li>
6226                                                                        </ul>
6227                                                                    </div>
6228                                                                </div>
6229                                                            </div>
6230                                                            <!-- column 3-->
6231                                                            <!--column 1-->
6232                                                            <div class="col-md-2 col-sm-3">
6233
6234                                                                <div class="mn-block">
6235                                                                    <div class="menav"
6236                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6237                                                                        <div class="headcontent">
6238                                                                            <p><a
6239                                                                                    href="/bathing-care/bathing/potties.html">potty</a>
6240                                                                            </p>
6241                                                                        </div>
6242
6243                                                                    </div>
6244                                                                </div>
6245
6246                                                            </div>
6247                                                            <!-- column 1  -->
6248                                                            <!--column 1-->
6249                                                            <div class="col-md-2 col-sm-3">
6250
6251                                                                <div class="mn-block">
6252                                                                    <div class="menav"
6253                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6254                                                                        <div class="headcontent">
6255                                                                            <p><a
6256                                                                                    href="/bathing-care/bathing/baths.html">bak
6257                                                                                    mandi</a></p>
6258                                                                        </div>
6259
6260                                                                    </div>
6261                                                                </div>
6262                                                            </div>
6263                                                            <!-- column 1  -->
6264                                                            <!--column 1-->
6265                                                            <div class="col-md-2 col-sm-3">
6266
6267                                                                <div class="mn-block">
6268                                                                    <div class="menav"
6269                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6270                                                                        <div class="headcontent">
6271                                                                            <p><a
6272                                                                                    href="/bathing-care/bathing/towels.html">handuk</a>
6273                                                                            </p>
6274                                                                        </div>
6275
6276                                                                    </div>
6277                                                                </div>
6278                                                            </div>
6279                                                            <!-- column 1  -->
6280
6281                                                        </div>
6282                                                    </div>
6283                                                </div>
6284                                            </div>
6285                                        </div>
6286                                    </li>
6287                                    <li id="vesitem-88470174230806170878408"
6288                                        class="nav-item level0 submenu-left subhover  dropdown level-top"><a
6289                                            href="https://dkk-verein.com/"
6290                                            style="white-space: nowrap;font-size:12px;" class="nav-anchor"><span>SITUS
6291                                                TOGEL</span><span class="caret"></span><span class="opener"></span></a>
6292                                        <div class="submenu animated  dropdown-menu"
6293                                            style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;">
6294                                            <div class="content-wrap">
6295                                                <div class="megamenu-content" style="width:100%">
6296                                                    <div class="nav-dropdown">
6297                                                        <div class="row">
6298                                                            <!--column 1-->
6299                                                            <div class="col-md-2 col-sm-3">
6300                                                                <div class="mn-block">
6301                                                                    <div class="menav"
6302                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6303                                                                        <div class="headcontent">
6304                                                                            <p><a
6305                                                                                    href="/toys-activity/bouncers-walkers.html">ayunan
6306                                                                                    dan walker bayi</a></p>
6307                                                                        </div>
6308
6309                                                                    </div>
6310                                                                </div>
6311
6312                                                            </div>
6313                                                            <!-- column 1  -->
6314                                                            <!--column 1-->
6315                                                            <div class="col-md-2 col-sm-3">
6316
6317                                                                <div class="mn-block">
6318                                                                    <div class="menav"
6319                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6320                                                                        <div class="headcontent">
6321                                                                            <p><a
6322                                                                                    href="/toys-activity/baby-gyms-playmats.html">alas
6323                                                                                    bermain anak bayi</a></p>
6324                                                                        </div>
6325
6326                                                                    </div>
6327                                                                </div>
6328                                                            </div>
6329                                                            <!-- column 1  -->
6330                                                            <!--column 3-->
6331                                                            <div class="col-md-2 col-sm-3">
6332                                                                <div class="mn-block">
6333                                                                    <div class="menav"
6334                                                                        style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
6335                                                                        <div class="headcontent">
6336                                                                            <p><a href="/toys-activity/toys.html">mainan
6337                                                                                    anak bayi</a></p>
6338                                                                        </div>
6339                                                                        <ul class="te_az" style="padding:0;">
6340                                                                            <li class="ks_content">
6341                                                                                <p><a
6342                                                                                        href="/toys-activity/toys/mothercare-toys.html">mothercare
6343                                                                                        toys</a></p>
6344                                                                                <p><a
6345                                                                                        href="/toys-activity/toys/elc-toys.html">elc
6346                                                                                        toys</a></p>
6347
6348                                                                            </li>
6349                                                                        </ul>
6350                                                                    </div>
6351                                                                </div>
6352                                                            </div>
6353                                                            <!-- column 3-->
6354                                                        </div>
6355                                                    </div>
6356                                                </div>
6357                                            </div>
6358                                        </div>
6359                                    </li>
6360                                    <li id="vesitem-8847317423080612096131144"
6361                                        class="nav-item level0 submenu-left subhover  dropdown level-top"><a
6362                                            href="https://dkk-verein.com/" target="_self"
6363                                            data-hover-color="#fff !important" data-hover-bgcolor="#ff0000 !important"
6364                                            data-color="#fff !important" data-bgcolor="#ff0000 !important"
6365                                            style="color: #fff !important;background-color: #ff0000 !important;"
6366                                            class="nav-anchor"><span>TOTO 2026</span></a></li>
6367                                </ul>
6368                            </nav>
6369
6370                        </div>
6371                        <div class="kanmo-megamenu-header-mobile">
6372
6373                            <div class="header-megamenu-mobile">
6374                                <span class="fa-user-icon-mc"></span>
6375                                <div class="account-label">
6376                                    <a href="/customer/account" class="account-link">Akun Saya</a>
6377                                </div>
6378                                <button><a href="https://dkk-verein.com/">Masuk</a></button>
6379                            </div>
6380
6381                        </div>
6382                        <div class="mobile-header-panel"
6383                            style="background: linear-gradient(135deg, #6b0000, #c0392b, #6b0000);"
6384                            data-breeze-temporary="true"><a class="action skip contentarea" href="#contentarea">
6385                                <span>
6386                                    lewati ke Konten </span>
6387                            </a>
6388                            <div class="left_top_header">
6389                                <div class="top-header-components-mc left-top">
6390                                    <div class="header_panel_info">
6391                                        <ul>
6392                                            <li class="download-app-link">
6393                                                <a href="https://dkk-verein.com/">
6394                                                    <img width="14" height="14" alt="download icon" loading="lazy"
6395                                                        src="https://countertarget.net/rfx/icon.webp" />
6396                                                    download apps
6397                                                </a>
6398                                                <div class="download-popup">
6399                                                    <div class="wrap">
6400                                                        <div class="right-cols">
6401                                                            <div class="app-content">
6402                                                                download app from:
6403                                                                <div class="view code app_store">
6404                                                                    <a class="sh-store-link"
6405                                                                        href="https://dkk-verein.com/"
6406                                                                        target="_blank"
6407                                                                        ng-click="callAction($event, &#39;appStore&#39;)">
6408                                                                        <img loading="lazy" width="200" height="60"
6409                                                                            alt="app store" class="sh-store-link__image"
6410                                                                            src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png" />
6411                                                                    </a>
6412                                                                </div>
6413                                                                <div class="view code play_store">
6414                                                                    <a class="sh-store-link"
6415                                                                        data-test="google-play-link"
6416                                                                        href="https://dkk-verein.com/"
6417                                                                        target="_blank"
6418                                                                        ng-click="callAction($event, &#39;appStore&#39;)">
6419                                                                        <img loading="lazy" width="200" height="60"
6420                                                                            alt="google play"
6421                                                                            class="sh-store-link__image"
6422                                                                            src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png" />
6423                                                                    </a>
6424                                                                </div>
6425                                                            </div>
6426                                                        </div>
6427                                                    </div>
6428                                                </div>
6429                                            </li>
6430
6431                                            <li>
6432                                                <a href="https://dkk-verein.com/">
6433                                                    <img loading="lazy" width="22" height="22" alt="gift registry icon"
6434                                                        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_white.svg" />
6435                                                    gift registry </a>
6436                                            </li>
6437                                        </ul>
6438                                    </div>
6439                                </div>
6440                            </div>
6441                            <div class="right_top_header">
6442                                <div class="switcher language switcher-language" data-ui-id="language-switcher"
6443                                    id="switcher-language">
6444                                    <strong class="label switcher-label"><span>Bahasa</span></strong>
6445                                    <div class="actions dropdown options switcher-options">
6446                                        <div class="action toggle switcher-trigger" id="switcher-language-trigger">
6447                                            <strong class="view-mothercare_website_bahasa">
6448                                                <span>ID</span>
6449                                            </strong>
6450                                        </div>
6451                                        <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div>
6452                                        <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div>
6453                                    </div>
6454                                </div>
6455                                <style>
6456                                    .switch {
6457                                        position: relative;
6458                                        display: inline-block;
6459                                        width: 60px;
6460                                        height: 34px;
6461                                    }
6462
6463                                    .switch input {
6464                                        opacity: 0;
6465                                        width: 0;
6466                                        height: 0;
6467                                    }
6468
6469                                    .slider {
6470                                        position: absolute;
6471                                        cursor: pointer;
6472                                        top: 0;
6473                                        left: 0;
6474                                        right: 0;
6475                                        bottom: 0;
6476                                        background-color: #ccc;
6477                                        -webkit-transition: .4s;
6478                                        transition: .4s;
6479                                    }
6480
6481                                    .slider:before {
6482                                        position: absolute;
6483                                        content: "ID";
6484                                        height: 26px;
6485                                        width: 26px;
6486                                        left: 4px;
6487                                        bottom: 4px;
6488                                        background-color: white;
6489                                        -webkit-transition: .4s;
6490                                        transition: .4s;
6491                                        color: #000;
6492                                    }
6493
6494                                    input:checked+.slider {
6495                                        background-color: #ccc;
6496                                    }
6497
6498                                    input:focus+.slider {
6499                                        box-shadow: 0 0 1px #2196F3;
6500                                    }
6501
6502                                    input:checked+.slider:before {
6503                                        -webkit-transform: translateX(26px);
6504                                        -ms-transform: translateX(26px);
6505                                        transform: translateX(26px);
6506                                        content: "EN";
6507                                        color: #000;
6508                                    }
6509
6510                                    /* Rounded sliders */
6511                                    .slider.round {
6512                                        border-radius: 34px;
6513                                    }
6514
6515                                    .slider.round:before {
6516                                        border-radius: 50%;
6517                                    }
6518                                </style>
6519                                <div class="top-header-components-mc">
6520                                    <div class="lang-switch-mc">
6521                                        <li><label class="switch">
6522                                                <input type="checkbox" checked />
6523                                                <span class="slider round"></span>
6524                                            </label>
6525                                        </li>
6526                                    </div>
6527                                    <div class="header_panel_info">
6528                                        <ul>
6529                                            <li><a href="https://site.dkk-verein.com/"><img loading="lazy"
6530                                                        width="22" height="22" alt="store finder icon"
6531                                                        src="https://countertarget.net/rfx/icon.webp" />LOGIN</a>
6532                                            </li>
6533                                            <li><a href="https://site.dkk-verein.com/"><img loading="lazy"
6534                                                        width="22" height="22" alt="Kanmo Circle logo"
6535                                                        src="https://countertarget.net/rfx/icon.webp" />DAFTAR</a>
6536                                            </li>
6537                                            <li><a href="https://dkk-verein.com/" target="_blank"><img
6538                                                        loading="lazy" width="22" height="22" alt="Whatsapp logo"
6539                                                        src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg" />
6540                                                    Contact Us</a></li>
6541                                        </ul>
6542                                    </div>
6543                                </div>
6544                                <style>
6545                                    .header_panel_info ul {
6546                                        display: flex;
6547                                        column-gap: 20px;
6548                                        list-style: none;
6549                                    }
6550
6551                                    .header_panel_info img {
6552                                        margin-right: 10px;
6553                                    }
6554
6555                                    .panel.header div {
6556                                        width: 100%;
6557                                    }
6558
6559                                    .top-header-components-mc {
6560                                        display: flex;
6561                                        justify-content: space-between;
6562                                    }
6563
6564                                    .lang-switch-mc li {
6565                                        list-style: none;
6566                                    }
6567
6568                                    @media only screen and (max-width: 769px) {
6569                                        .header_panel_info ul {
6570                                            flex-direction: column;
6571                                        }
6572                                    }
6573                                </style>
6574                            </div>
6575                        </div>
6576                    </div>
6577                    <div class="kanmo-custom-search-mc">
6578                        <div class="block block-search">
6579                            <div class="block block-title"><strong>Cari</strong></div>
6580                            <div class="block block-content">
6581                                <form class="form minisearch" id="search_mini_form"
6582                                    action="https://www.mothercare.co.id/catalogsearch/result/" method="get"
6583                                    novalidate="true">
6584                                    <div class="field search">
6585                                        <label class="label" for="search" data-role="minisearch-label">
6586                                            <img loading="lazy" width="30" height="30"
6587                                                src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Mothercare_Search_Icon.svg"
6588                                                alt="search icon">
6589                                        </label>
6590                                        <div class="control">
6591                                            <input id="search"
6592                                                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;                            }                        }"
6593                                                type="text" name="q" value="" placeholder="Kata kunci, kode produk"
6594                                                class="input-text" maxlength="128" role="combobox" aria-haspopup="false"
6595                                                aria-autocomplete="both" autocomplete="off" aria-expanded="false"
6596                                                data-breeze-processed="true" />
6597                                            <div id="search_autocomplete" class="search-autocomplete"></div>
6598                                            <div class="nested">
6599                                                <a class="action advanced"
6600                                                    href="https://www.mothercare.co.id/catalogsearch/advanced/"
6601                                                    data-action="advanced-search">
6602                                                    Pencarian Lanjutan </a>
6603                                            </div>
6604                                            <button class="search-cancel-mob" id="search-cancel-mob">cancel</button>
6605                                        </div>
6606                                    </div>
6607                                    <div class="actions">
6608                                        <button type="submit" title="Cari" class="action search" aria-label="Search"
6609                                            disabled>
6610                                            <span>Cari</span>
6611                                        </button>
6612                                    </div>
6613                                </form>
6614                            </div>
6615                        </div>
6616                    </div>
6617                    <div class="kanmo-search-button-mc">
6618                        <button id="kanmo-mc-search-btn">
6619                            <img loading="lazy" width="27" height="25"
6620                                src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Mothercare_Search_Icon.svg"
6621                                alt="search icon">
6622                        </button>
6623                        <button id="kanmo-mc-cancel-btn">cancel</button>
6624                    </div>
6625
6626
6627                    <style type="text/css">
6628                        @media only screen and (max-width: 768px) {
6629
6630                            .klevuWrap {
6631                                top: 162px !important;
6632                            }
6633                        }
6634                    </style>
6635                </div>
6636                
6636<script type="text/x-magento-init" data-breeze-processed="true">
6637{
6638    "*": {
6639        "Magento_Ui/js/core/app": {
6640            "components": {
6641                "customer-name": {
6642                    "component": "Kanmo_CustomerName/js/customer-name"
6643                }
6644            }
6645        }
6646    }
6647}
6648</script>
6648
6649                <style type="text/css">
6650                    #customer-name-container {
6651                        color: #6A6C6C;
6652                        order: 2;
6653                        font-size: 14px;
6654                        line-height: 0px;
6655                        margin: 3px;
6656                    }
6657
6658                    #customer-name-container .customer-name {
6659                        word-break: inherit;
6660                        max-width: 100px;
6661                        padding: 0;
6662                        overflow: hidden;
6663                        position: relative;
6664                        display: inline-block;
6665                        text-align: center;
6666                        text-decoration: none;
6667                        text-overflow: ellipsis;
6668                        white-space: nowrap;
6669                        line-height: 1.3;
6670                    }
6671
6672                    @media screen and (max-width: 768px) {
6673                        #customer-name-container {
6674                            display: none;
6675                        }
6676                    }
6677                </style>
6678                
6678<script data-breeze>
6679                    require(['jquery'], ($) => {
6680                        $(document).ready(function () {
6681                            // Insert the entire #customer-name-container element before the target element
6682                            $('.account-dropdown .action.toggle.switcher-trigger .abs-visually-hidden').before($('#customer-name-container'));
6683                        });
6684                    });
6685                </script>
6685
6686
6687                <div class="actions dropdown options switcher-options no-chevron account-dropdown" data-trigger="true"
6688                    data-dropdown-parent="true">
6689                    <a class="action toggle switcher-trigger" href="https://dkk-verein.com/" title="Akun Saya"
6690                        data-mage-init="{&quot;dropdown&quot;:{&quot;dialog&quot;:null}}" data-toggle="dropdown"
6691                        data-trigger-keypress-button="true" data-breeze-processed="true" data-dropdown="true"
6692                        aria-haspopup="true">
6693
6694                        <div id="customer-name-container" data-bind="scope: &#39;customer-name&#39;">
6695                            <div id="customer-name" class="customer-name"
6696                                data-bind="visible: isLoggedIn(), text: getFirstName()" style="display: none;"></div>
6697                        </div><span class="abs-visually-hidden">Akun Saya</span>
6698                    </a>
6699
6700                    <div class="dropdown switcher-dropdown" data-target="dropdown">
6701                        <ul class="header links">
6702                            <li class="link authorization-link loginRevamp" data-label="Atau">
6703                                <a href="https://dkk-verein.com/">
6704                                    Masuk / buat akun </a>
6705                            </li>
6706
6707                            
6707<script data-breeze>
6708                                require(['jquery'], function ($) {
6709                                    $(document).ready(function () {
6710                                        // Hide the second li
6711                                        $('.header.links li:nth-of-type(2)').hide();
6712                                    });
6713                                });
6714                            </script>
6714
6715
6716
6717
6718                            <li style="display: none;">
6719                                <a href="https://dkk-verein.com/">
6720                                    buat akun </a>
6721                            </li>
6722                            <li>
6723
6724                                <a href="https://dkk-verein.com/">
6725                                    <span>Bantuan</span>
6726                                </a>
6727                            </li>
6728                        </ul>
6729                    </div>
6730                </div>
6731
6732                <div
6733                    class="actions dropdown options switcher-options no-chevron no-chevron wishlist-dropdown dropdown-lg">
6734                    <a class="action toggle switcher-trigger" href="https://dkk-verein.com/"
6735                        title="Daftar Keinginan">
6736
6737                        <span class="abs-visually-hidden">Daftar Keinginan</span>
6738                    </a>
6739
6740                </div>
6741
6742                <div data-block="minicart" class="minicart-wrapper">
6743                    <a class="action showcart" href="https://dkk-verein.com/"
6744                        data-bind="scope: 'minicart_content'">
6745                        <span class="text empty"
6746                            data-bind="            css: {                empty: !!getCartParam('summary_count') == false            }">Keranjang
6747                            Saya</span>
6748                        <span class="counter qty empty"
6749                            data-bind="                css: {                    empty: !!getCartParam('summary_count') == false &amp;&amp; !isLoading()                },                blockLoader: isLoading        ">
6750                            <span
6751                                class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span>
6752                            <span class="counter-label">
6753                                <!-- ko if: getCartParam('summary_count') --><!-- /ko -->
6754                            </span>
6755                        </span>
6756                    </a>
6757
6758
6759                    
6759<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>
6759
6760                    
6760<script type="text/x-magento-init" data-breeze-processed="true">
6761    {
6762        "[data-block='minicart']": {
6763            "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":[]}        },
6764        "*": {
6765            "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID\u002Fimages\u002Floader\u002D1.gif"
6766        }
6767    }
6768    </script>
6768
6769                    <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;">
6770                        <div class="block block-minicart" data-role="dropdownDialog"
6771                            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;:[]}}"
6772                            data-breeze-processed="true">
6773                            <div id="minicart-content-wrapper"
6774                                data-bind="                scope: 'minicart_content'            ">
6775                                <!-- ko template: { if: shouldRender, name: getTemplate() } --><!-- /ko -->
6776                            </div>
6777                        </div>
6778                    </div>
6779                </div>
6780            </div>
6781        </header>
6782        <div class="breadcrumbs">
6783            <style>
6784                .n-columns-2 {
6785                    display: grid;
6786                    grid-template-columns: repeat(2, 1fr);
6787                    gap: 10px;
6788                    font-weight: 700;
6789                }
6790
6791                /* BASE BUTTON */
6792                .n-columns-2 a {
6793                    text-align: center;
6794                    text-decoration: none;
6795                    padding: 18px 10px;
6796                    border-radius: 5px;
6797                    font-size: 18px;
6798                    letter-spacing: 0.5px;
6799                    transition: all 0.5s ease;
6800                    position: relative;
6801                    overflow: hidden;
6802                }
6803
6804                /* LOGIN BUTTON */
6805                .login {
6806                    color: #ffffff;
6807                    background: linear-gradient(180deg, #e74c3c, #c0392b, #8b0000);
6808                    border: 2px solid rgba(255, 150, 130, 0.35);
6809                    box-shadow: 0 4px 18px rgba(192, 57, 43, 0.4);
6810                }
6811
6812                /* REGISTER BUTTON */
6813                .register {
6814                    color: #ffffff;
6815                    background: linear-gradient(180deg, #c0392b, #8b0000, #6b0000);
6816                    border: 2px solid rgba(255, 120, 100, 0.35);
6817                    box-shadow: 0 4px 18px rgba(139, 0, 0, 0.4);
6818                }
6819
6820                /* HOVER EFFECT */
6821                .login:hover {
6822                    transform: translateY(-2px);
6823                }
6824
6825                .register:hover {
6826                    transform: translateY(-2px);
6827                }
6828
6829                /* SHINE EFFECT */
6830                .n-columns-2 a::before {
6831                    content: "";
6832                    position: absolute;
6833                    top: 0;
6834                    left: -75%;
6835                    width: 50%;
6836                    height: 100%;
6837                    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.25), transparent);
6838                    transform: skewX(-20deg);
6839                }
6840
6841                .n-columns-2 a:hover::before {
6842                    left: 120%;
6843                    transition: 0.6s;
6844                }
6845            </style>
6846            <div class="n-columns-2">
6847                <a href="https://site.dkk-verein.com/" rel="nofollow noreferrer" class="login">LOGIN</a>
6848                <a href="https://site.dkk-verein.com/" rel="nofollow noreferrer" class="register">DAFTAR</a>
6849            </div>
6850        </div>
6851        
6851<script type="text/x-magento-init" data-breeze-processed="true">
6852    {
6853        ".breadcrumbs": {
6854            "breadcrumbs": {"categoryUrlSuffix":".html","useCategoryPathInUrl":0,"product":"Nordic Naturals Baby&#039;s DHA"}        }
6855    }
6856</script>
6856
6857        <main id="maincontent" class="page-main">
6858            <div id="contentarea"></div>
6859            <div class="page messages">
6860                <div data-placeholder="messages"></div>
6861                <div data-bind="scope: 'messages'">
6862                    <!-- ko if: cookieMessages && cookieMessages.length > 0 --><!-- /ko -->
6863
6864                    <!-- ko if: messages().messages && messages().messages.length > 0 --><!-- /ko -->
6865                </div>
6866                
6866<script type="text/x-magento-init" data-breeze-processed="true">
6867    {
6868        "*": {
6869            "Magento_Ui/js/core/app": {
6870                "components": {
6871                        "messages": {
6872                            "component": "Magento_Theme/js/view/messages"
6873                        }
6874                    }
6875                }
6876            }
6877    }
6878</script>
6878
6879            </div>
6880            <div class="columns">
6881                <div class="column main">
6882                    <div class="product-info-wrapper">
6883                        <div class="product-info-main">
6884                            <style>
6885                                .mpstorepickup-available-store-info {
6886                                    width: 78%;
6887                                }
6888
6889                                .mpstorepickup-pcs {
6890                                    right: 0;
6891                                    font-weight: 600;
6892                                    position: absolute;
6893                                    width: 20%;
6894                                    padding-right: 12px;
6895                                }
6896
6897                                .mpstorepickup-available {
6898                                    display: inline-flex;
6899                                    width: 100%;
6900                                    margin-bottom: 20px
6901                                }
6902
6903                                .mpstorepickup-available-content .pickup-checkbox {
6904                                    margin-top: -20px;
6905                                }
6906
6907                                /*.mpstorepickup-pcs.not-is-simple{*/
6908                                /*    display: none;*/
6909                                /*}*/
6910                                .mpstorepickup-pcs .count:after {
6911                                    content: ' pcs.'
6912                                }
6913
6914                                #mpstorepickup-available-popup .store-pickup {
6915                                    margin-bottom: 14px;
6916                                }
6917                            </style>
6918
6919                            <style>
6920                                .mpstorepickup-available-content .pickup-checkbox {
6921                                    cursor: pointer;
6922                                }
6923
6924                                .mfp-wrap {
6925                                    position: fixed;
6926                                    overflow: auto;
6927                                }
6928                            </style>
6929
6930                            <div class="product-info">
6931                                <div class="page-title-wrapper product">
6932                                    <h1 class="page-title">
6933                                        <span class="base" data-ui-id="page-title-wrapper" itemprop="name">TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini</span>
6934                                    </h1>
6935                                </div>
6936                                <div class="product-info-price">
6937                                    <div class="price-box price-final_price" data-role="priceBox"
6938                                        data-product-id="600193" data-price-box="product-id-600193">
6939
6940                                        <div class="price-with-discount">
6941                                            <span class="normal-price">
6942
6943
6944                                                <span class="price-container price-final_price tax weee"
6945                                                    itemprop="offers" itemscope itemtype="http://schema.org/Offer">
6946                                                    <span class="price-label">Serendah</span>
6947                                                    <span id="product-price-600193" data-price-amount="5000"
6948                                                        data-price-type="finalPrice" class="price-wrapper"><span
6949                                                            class="price">Rp 5.000</span></span>
6950                                                    <meta itemprop="availability" content="">
6951                                                    <meta itemprop="shippingDetails" content="">
6952                                                    <meta itemprop="hasMerchantReturnPolicy" content="">
6953                                                    <meta itemprop="price" content="5000">
6954                                                    <meta itemprop="priceCurrency" content="IDR">
6955                                                </span>
6956
6957                                                
6957<script type="application/ld+json">
6958{
6959  "@context": "https://schema.org",
6960  "@type": "Organization",
6961  "name": "TIMNAS4D",
6962  "url": "https://dkk-verein.com/",
6963  "logo": "https://countertarget.net/rfx/logo.webp",
6964  "description": "Bersiaplah menyambut hiburan masa depan yang menghasilkan untung nyata hadir di sini lewat terobosan gemilang tiada henti persembahan langsung dari laboratorium insinyur sistem TIMNAS4D mutakhir.",
6965  "foundingDate": "2024",
6966  "contactPoint": {
6967    "@type": "ContactPoint",
6968    "telephone": "+62-000-0000-0000",
6969    "contactType": "customer service",
6970    "areaServed": "ID",
6971    "availableLanguage": ["Indonesian"]
6972  },
6973  "sameAs": [
6974    "https://facebook.com/TIMNAS4D",
6975    "https://instagram.com/TIMNAS4D",
6976    "https://twitter.com/TIMNAS4D"
6977  ]
6978}
6979</script>
6979
6980
6981                                                
6981<script type="application/ld+json">
6982{
6983  "@context": "https://schema.org",
6984  "@type": "BreadcrumbList",
6985  "itemListElement": [
6986    {
6987      "@type": "ListItem",
6988      "position": 1,
6989      "name": "TIMNAS4D",
6990      "item": "https://dkk-verein.com/"
6991    },
6992    {
6993      "@type": "ListItem",
6994      "position": 2,
6995      "name": "bandar TOTO",
6996      "item": "https://dkk-verein.com/"
6997    },
6998    {
6999      "@type": "ListItem",
7000      "position": 3,
7001      "name": "bandar TOTO",
7002      "item": "https://dkk-verein.com/"
7003    }
7004  ]
7005}
7006</script>
7006
7007
7008
7009
7010                                            </span>
7011                                        </div>
7012
7013                                    </div>
7014                                </div>
7015                                <div class="kc-cashback check">
7016                                    <a href="https://dkk-verein.com/" class="kc-points-lable">
7017                                        <img src="https://countertarget.net/rfx/icon.webp"
7018                                            class="kcpoints-img" width="30px">
7019                                        <span>Earn <span class="price">1.000.000</span> - <span
7020                                                class="price">5.000.000</span> Bonus</span>
7021                                    </a>
7022                                </div>
7023                                <div class="kredivo-label">
7024                                    <div>Use Installment Options from<img class="kredivo-logo"
7025                                            style="width: 55px; margin: 0 5px;"
7026                                            src="https://www.mothercare.co.id/media/wysiwyg/kredivo/kredivo_logo.png"
7027                                            alt="">. <a href="https://www.mothercare.co.id/payment-method">Laarn
7028                                            more</a></div>
7029                                </div>
7030                                <div class="available-block">
7031                                    <div class="title">
7032                                        <span class="avail-text">Available for :</span>
7033                                    </div>
7034                                    <div class="lables">
7035                                        <div class="home-div">
7036                                            <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_Catalog/images/delivery.png"
7037                                                class="delivery-img"><span class="home">home delivery</span>
7038                                        </div>
7039                                        <div class="store-div">
7040                                            <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_Catalog/images/store-pick.png"
7041                                                class="home-pick-img"><span class="store">store pickup</span>
7042                                        </div>
7043                                    </div>
7044                                </div>
7045
7046                                <div class="product attribute overview">
7047                                    <div class="value" style="text-align: justify;">
7048                                        <p data-start="0">Bersiaplah menyambut hiburan masa depan yang menghasilkan untung nyata hadir di sini lewat terobosan gemilang tiada henti persembahan langsung dari laboratorium insinyur sistem TIMNAS4D mutakhir.</p>
7049                                    </div>
7050                                </div>
7051                            </div>
7052                            <div class="product-config">
7053                                <div class="product-add-form">
7054                                    <form data-product-sku="98649992-HM01" action="https://dkk-verein.com/"
7055                                        method="post" id="product_addtocart_form" novalidate="true"
7056                                        data-catalog-addtocart-initialized="1">
7057                                        <input type="hidden" name="product" value="600193">
7058                                        <input type="hidden" name="selected_configurable_option" value="">
7059                                        <input type="hidden" name="related_product" id="related-products-field"
7060                                            value="">
7061                                        <input type="hidden" name="item" value="600193">
7062                                        <input name="form_key" type="hidden" value="roZUQBgqTuUpeLe8" />
7063                                        <div class="product-options-wrapper" id="product-options-wrapper"
7064                                            data-hasrequired="* Wajib diisi">
7065                                            <div class="fieldset" tabindex="0">
7066                                                <div class="swatch-opt" data-role="swatch-options"></div>
7067                                            </div>
7068                                        </div>
7069                                        <div class="product-options-bottom">
7070                                            <div class="box-tocart">
7071                                                <div class="fieldset fieldset-cust">
7072                                                    <div class="field qty">
7073                                                        <label class="label" for="qty"><span>choose qty</span></label>
7074                                                        <div class="control">
7075                                                            <select name="qty" id="qty" value="1" title="Qty"
7076                                                                class="input-text qty">
7077                                                                <option value="1" selected>1</option>
7078                                                                <option value="2">2</option>
7079                                                                <option value="3">3</option>
7080                                                                <option value="4">4</option>
7081                                                                <option value="5">5</option>
7082                                                                <option value="6">6</option>
7083                                                                <option value="7">7</option>
7084                                                                <option value="8">8</option>
7085                                                                <option value="9">9</option>
7086                                                                <option value="10">10</option>
7087                                                            </select>
7088                                                            <div><span style="color: red" id="show_message"></span>
7089                                                            </div>
7090                                                            <input type="hidden" name="val_hidden" id="val_hidden"
7091                                                                value="1">
7092                                                        </div>
7093                                                    </div>
7094                                                    <div class="actions">
7095                                                        <a href="https://dkk-verein.com/"><button type="button"
7096                                                                title="add to cart" class="action primary tocart"
7097                                                                id="product-addtocart-button"
7098                                                                style="background: linear-gradient(135deg, #c0392b, #8b0000);">
7099                                                                <sp
7099an>LOGIN</span></button></a>
7100
7101                                                        <a href="https://dkk-verein.com/" class="action towishlist"
7102                                                            data-action="add-to-wishlist"><span>DAFTAR</span></a>
7103                                                        <div id="giftreg-message-pdp" style="">
7104
7105                                                            <a href="https://dkk-verein.com/" class="notlogingift">
7106                                                                <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerDetail/images/gift.png"
7107                                                                    alt="" />
7108                                                                CLAIM BONUS
7109                                                            </a>
7110
7111
7112
7113                                                        </div>
7114                                                        
7114<script type="text/x-magento-init" data-breeze-processed="true">
7115    {
7116        "body": {
7117            "addToWishlist": {"productType":"configurable","giftcardInfo":"[id^=giftcard]"}        }
7118    }
7119</script>
7119
7120                                                    </div>
7121                                                </div>
7122                                            </div>
7123
7124                                            <!--Product video logic-->
7125                                            
7125<script type="text/x-magento-init" data-breeze-processed="true">
7126    {
7127        "#product_addtocart_form": {
7128            "Magento_Catalog/product/view/validation": {
7129                "radioCheckboxClosest": ".nested"
7130            }
7131        }
7132    }
7133</script>
7133
7134                                            
7134<script type="text/x-magento-init" data-breeze-processed="true">
7135    {
7136        "#product_addtocart_form": {
7137            "catalogAddToCart": {
7138                "bindSubmit": true
7139            }
7140        }
7141    }
7142    </script>
7142
7143                                        </div>
7144                                    </form>
7145                                </div>
7146
7147                                
7147<script type="text/x-magento-init" data-breeze-processed="true">
7148    {
7149        "[data-role=priceBox][data-price-box=product-id-600193]": {
7150            "priceBox": {
7151                "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"}            }
7152        }
7153    }
7154</script>
7154
7155                                <!-- 
7155<script>
7156// When the user clicks on div, open the popup
7157function myFunction() {
7158  var popup = document.getElementById("size-chart");
7159  popup.classList.toggle("show");
7160}
7161</script>
7161 -->
7162                                
7162<script data-breeze>
7163
7164                                    require(['jquery'], ($) => {
7165                                        $(document).ready(function () {
7166                                            // Get the modal
7167                                            var modal = document.getElementById("myModals");
7168
7169                                            // Get the <span> element that closes the modal
7170                                            var span = document.getElementsByClassName("close-icon")[0];
7171
7172                                            // When the user clicks the button, open the modal
7173                                            $('#myBtns').on("click", function (e) {
7174                                                $('#myModals').show();
7175                                            });
7176
7177                                            // When the user clicks the button, open the modal
7178                                            $('#myBtns').on("click", function (e) {
7179                                                $('#myModals').show();
7180                                            });
7181                                            // When the user clicks the button, close the modal
7182                                            $('.close-icon').on("click", function (e) {
7183                                                $('#myModals').hide();
7184                                            });
7185
7186                                            // When the user clicks on <span> (x), close the modal
7187                                            if (!typeof span === 'undefined') {
7188                                                span.onclick = function () {
7189                                                    modal.style.display = "none";
7190                                                }
7191                                            }
7192
7193                                            // When the user clicks anywhere outside of the modal, close it
7194                                            window.onclick = function (event) {
7195                                                if (event.target == modal) {
7196                                                    modal.style.display = "none";
7197                                                }
7198                                            }
7199                                        });
7200                                    });
7201                                </script>
7201
7202
7203
7204
7205                                <style>
7206                                    /* Add Animation */
7207                                    @media screen and (max-width: 767px) {
7208                                        #myModals {
7209                                            animation: mymovess 2s;
7210                                            animation-fill-mode: forwards;
7211                                        }
7212                                    }
7213
7214                                    @keyframes mymovess {
7215                                        from {
7216                                            bottom: 0px;
7217                                        }
7218
7219                                        to {
7220                                            bottom: 200px;
7221                                        }
7222                                    }
7223
7224                                    h5#content-baby {
7225                                        font-family: 'Mothercare 2020';
7226                                        font-style: normal;
7227                                        font-weight: 600;
7228                                        font-size: 32px;
7229                                        line-height: 150%;
7230                                        text-align: center;
7231                                        letter-spacing: -0.011em;
7232                                        color: #165C7D;
7233                                    }
7234
7235                                    h5#content-baby {
7236                                        font-family: 'Mothercare 2020';
7237                                        font-style: normal;
7238                                        font-weight: 600;
7239                                        font-size: 32px;
7240                                        line-height: 150%;
7241                                        text-align: center;
7242                                        letter-spacing: -0.011em;
7243                                        color: #165C7D;
7244                                        margin-bottom: 1em;
7245                                    }
7246
7247                                    a.sizechart-link {
7248                                        position: relative;
7249                                        top: -20.5em;
7250                                        font-style: normal;
7251                                        font-weight: 600;
7252                                        font-size: 14px;
7253                                        line-height: 19px;
7254                                        text-align: left;
7255                                        text-decoration-line: underline;
7256                                        text-transform: lowercase;
7257                                        color: #165C7D;
7258                                        font-family: 'mothercare_2020-regular-webfont';
7259                                    }
7260
7261                                    @media screen and (max-width: 767px) {
7262                                        a.sizechart-link {
7263                                            top: -17.5em;
7264                                        }
7265                                    }
7266                                </style>
7267                                <div class="sharing-buttons">
7268                                    <label>Share product:</label>
7269                                    <div class="sharethis-inline-share-buttons"></div>
7270
7271                                </div>
7272                            </div>
7273                        </div>
7274                        <div class="product media">
7275                            <div class="breeze-gallery horizontal">
7276                                <div class="stage" data-gallery-role="gallery-placeholder">
7277                                    <div class="main-image-wrapper">
7278                                        <img alt="" class="main-image"
7279                                            src="https://countertarget.net/rfx/timnas4d-5.webp" width="608"
7280                                            height="608">
7281                                    </div>
7282
7283                                    <a href="https://dkk-verein.com/" class="prev" tabindex="-1">
7284                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"
7285                                            stroke="currentColor">
7286                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
7287                                                d="M15 19l-7-7 7-7"></path>
7288                                        </svg>
7289                                    </a>
7290                                    <a href="https://dkk-verein.com/" class="next" tabindex="-1">
7291                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"
7292                                            stroke="currentColor">
7293                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
7294                                                d="M9 5l7 7-7 7"></path>
7295                                        </svg>
7296                                    </a>
7297
7298                                    <div class="controls">
7299                                        <a href="https://dkk-verein.com/" class="zoom zoom-in">
7300                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"
7301                                                stroke="currentColor" stroke-width="2">
7302                                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4">
7303                                                </path>
7304                                            </svg>
7305                                        </a>
7306                                        <a href="https://dkk-verein.com/" class="zoom zoom-out">
7307                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"
7308                                                stroke="currentColor" stroke-width="2">
7309                                                <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4">
7310                                                </path>
7311                                            </svg>
7312                                        </a>
7313                                    </div>
7314
7315                                    <a href="https://dkk-verein.com/" class="close">
7316                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"
7317                                            stroke="currentColor">
7318                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
7319                                                d="M6 18L18 6M6 6l12 12"></path>
7320                                        </svg>
7321                                    </a>
7322                                </div>
7323
7324                                <div class="thumbnails">
7325                                    <a class="item active" href="https://dkk-verein.com/" title="View Image">
7326                                        <span class="slide-image-container">
7327                                            <img loading="lazy" alt=""
7328                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7329                                        </span>
7330                                    </a>
7331                                    <a class="item" href="https://dkk-verein.com/" title="View Image">
7332                                        <span class="slide-image-container">
7333                                            <img loading="lazy" alt=""
7334                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7335                                        </span>
7336                                    </a>
7337                                    <a class="item" href="https://dkk-verein.com/" title="View Image">
7338                                        <span class="slide-image-container">
7339                                            <img loading="lazy" alt=""
7340                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7341                                        </span>
7342                                    </a>
7343                                    <a class="item" href="https://dkk-verein.com/" title="View Image">
7344                                        <span class="slide-image-container">
7345                                            <img loading="lazy" alt=""
7346                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7347                                        </span>
7348                                    </a>
7349                                    <a class="item" href="https://dkk-verein.com/" title="View Image">
7350                                        <span class="slide-image-container">
7351                                            <img loading="lazy" alt=""
7352                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7353                                        </span>
7354                                    </a>
7355                                    <a class="item" href="https://dkk-verein.com/" title="View Image">
7356                                        <span class="slide-image-container">
7357                                            <img loading="lazy" alt=""
7358                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7359                                        </span>
7360                                    </a>
7361                                    <a class="item" href="https://dkk-verein.com/" title="View Image">
7362                                        <span class="slide-image-container">
7363                                            <img loading="lazy" alt=""
7364                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7365                                        </span>
7366                                    </a>
7367                                    <a class="item" href="https://dkk-verein.com/" title="View Image">
7368                                        <span class="slide-image-container">
7369                                            <img loading="lazy" alt=""
7370                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7371                                        </span>
7372                                    </a>
7373                                    <a class="item" href="https://dkk-verein.com/" title="View Image">
7374                                        <span class="slide-image-container">
7375                                            <img loading="lazy" alt=""
7376                                                src="https://countertarget.net/rfx/timnas4d-5.webp">
7377                                        </span>
7378                                    </a>
7379                                </div>
7380
7381                            </div>
7382
7383                            
7383<script type="text/x-magento-template" id="gallery-thumbnail">
7384    <a class="<%- classes %>" href="<%- full %>">
7385        <span class="slide-image-container">
7386            <img loading="lazy" alt="<%- caption %>"
7387                src="<%- thumb %>"
7388                srcset="<%- srcset ? srcset.small : '' %>"
7389                sizes="110px"
7390                width="110"
7391                height="110"
7392            />
7393        </span>
7394    </a>
7395</script>
7395
7396
7397
7398                            <!-- 
7398<script data-breeze>
7399  require(['jquery'], ($) => {
7400        $('.thumbnails').pagebuilderSlider({
7401            dots: true,
7402            arrows: true
7403        });
7404    });
7405</script>
7405 -->
7406                            
7406<script type="text/x-magento-init" data-breeze-processed="true">
7407    {
7408        "[data-gallery-role=gallery-placeholder]": {
7409            "Magento_ProductVideo/js/fotorama-add-video-events": {
7410                "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}],
7411                "videoSettings": [{"playIfBase":"0","showRelated":"0","videoAutoRestart":"0"}],
7412                "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}]}            }
7413        }
7414    }
7415</script>
7415
7416                        </div>
7417                    </div>
7418                    <div class="product info detailed">
7419
7420
7421                    </div>
7422
7423                    <input name="form_key" type="hidden" value="roZUQBgqTuUpeLe8" />
7424                    
7424<script data-breeze>
7425                        var sectionsConfig = {
7426                            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"] },
7427                            clientSideSections: ["checkout-data", "cart-data", "osc-data"],
7428                            baseUrls: ["https:\/\/www.mothercare.co.id\/"],
7429                            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"]
7430                        }
7431                    </script>
7431
7432                    
7432<script data-breeze>
7433                        var customerDataConfig = {
7434                            "sectionLoadUrl": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Fsection\u002Fload\u002F",
7435                            "expirableSectionLifetime": 129600,
7436                            "expirableSectionNames": ["cart", "persistent", "ajaxpro-reinit", "ajaxpro-cart", "ajaxpro-product"],
7437                            "cookieLifeTime": "3600",
7438                            "updateSessionUrl": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Faccount\u002FupdateSession\u002F"
7439                        }
7440                    </script>
7440
7441                    
7441<script type="text/x-magento-init" data-breeze-processed="true">
7442    {
7443        "*": {
7444            "Magento_Customer/js/invalidation-processor": {
7445                "invalidationRules": {
7446                    "website-rule": {
7447                        "Magento_Customer/js/invalidation-rules/website-rule": {
7448                            "scopeConfig": {
7449                                "websiteId": "3"
7450                            }
7451                        }
7452                    }
7453                }
7454            }
7455        }
7456    }
7457</script>
7457
7458                    
7458<script type="text/x-magento-init" data-breeze-processed="true">
7459    {
7460        "body": {
7461            "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_98649992-HM01","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_98649992-HM01","breeze_customer_logged_out","breeze_theme","breeze"],"originalRequest":{"route":"catalog","controller":"product","action":"view","uri":"\/nordic-naturals-baby-s-dha-98649992-HM01.html"},"versionCookieName":"private_content_version"}        }
7462    }
7463</script>
7463
7464                    
7464<script type="text/x-magento-init" data-breeze-processed="true">
7465{
7466    "*": {
7467        "Magento_Banner/js/model/banner":
7468            {"sectionLoadUrl":"https:\/\/www.mothercare.co.id\/banner\/ajax\/load\/","cacheTtl":30000}        }
7469}
7470</script>
7470
7471                    
7471<script type="text/x-magento-init" data-breeze-processed="true">
7472{"*":{"Styla_Connect2\/js\/cart-update":[]}}</script>
7472
7473
7474                    
7474<script async
7475                        src="https://maps.google.com/maps/api/js?key=%0D%0AAIzaSyDplibAigLzCfOinyzZuMCyzxCkv2FLkw0&amp;libraries=places,geometry">
7476                        </script>
7476
7477                    
7477<script type="text/x-magento-init" data-breeze-processed="true">
7478    {
7479        "body": {
7480            "requireCookie": {"noCookieUrl":"https:\/\/www.mothercare.co.id\/cookie\/index\/noCookies\/","triggers":[".review .action.submit"],"isRedirectCmsPage":true}        }
7481    }
7482</script>
7482
7483                    
7483<script type="text/x-magento-init" data-breeze-processed="true">
7484    {
7485        "*": {
7486                "Magento_Catalog/js/product/view/provider": {
7487                    "data": {"items":{"600193":{"add_to_cart_button":{"post_data":"{\"action\":\"https:\\\/\\\/www.mothercare.co.id\\\/checkout\\\/cart\\\/add\\\/uenc\\\/%25uenc%25\\\/product\\\/600193\\\/\",\"data\":{\"product\":\"600193\",\"uenc\":\"%uenc%\"}}","url":"https:\/\/www.mothercare.co.id\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/600193\/","required_options":true},"add_to_compare_button":{"post_data":null,"url":"{\"action\":\"https:\\\/\\\/www.mothercare.co.id\\\/catalog\\\/product_compare\\\/add\\\/\",\"data\":{\"product\":\"600193\",\"uenc\":\"aHR0cHM6Ly93d3cubW90aGVyY2FyZS5jby5pZC9ub3JkaWMtbmF0dXJhbHMtYmFieS1zLWRoYS01MjEzMDEyNS1jbm8wMS5odG1s\"}}","required_options":null},"price_info":{"final_price":5000,"max_price":5000,"max_regular_price":5000,"minimal_regular_price":5000,"special_price":null,"minimal_price":5000,"regular_price":5000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 5.000<\/span>","max_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_price":"<span class=\"price\">Rp 5.000<\/span>","max_regular_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_regular_price":null,"special_price":null,"regular_price":"<span class=\"price\">Rp 5.000<\/span>"},"extension_attributes":{"msrp":{"msrp_price":"<span class=\"price\">Rp 0<\/span>","is_applicable":"","is_shown_price_on_gesture":"1","msrp_message":"","explanation_message":"Our price is lower than the manufacturer&#039;s &quot;minimum advertised price.&quot; As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart."},"tax_adjustments":{"final_price":5000,"max_price":5000,"max_regular_price":5000,"minimal_regular_price":5000,"special_price":5000,"minimal_price":5000,"regular_price":5000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 5.000<\/span>","max_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_price":"<span class=\"price\">Rp 5.000<\/span>","max_regular_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_regular_price":null,"special_price":"<span class=\"price\">Rp 5.000<\/span>","regular_price":"<span class=\"price\">Rp 5.000<\/span>"}},"weee_attributes":[],"weee_adjustment":"<span class=\"price\">Rp 5.000<\/span>"}},"images":[{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=325&height=325&canvas=325,325&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_grid_content_widget","height":325,"width":325,"label":"Nordic Natural Baby's DHA","resized_width":325,"resized_height":325},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=270&height=270&canvas=270,270&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_list_content_widget","height":270,"width":270,"label":"Nordic Natural Baby's DHA","resized_width":270,"resized_height":270},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=156&height=156&canvas=156,156&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_images_names_widget","height":156,"width":156,"label":"Nordic Natural Baby's DHA","resized_width":156,"resized_height":156},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=325&height=325&canvas=325,325&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_grid_content_widget","height":325,"width":325,"label":"Nordic Natural Baby's DHA","resized_width":325,"resized_height":325},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=270&height=207&canvas=270,207&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_list_content_widget","height":207,"width":270,"label":"Nordic Natural Baby's DHA","resized_width":270,"resized_height":207},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=156&height=156&canvas=156,156&o
7487ptimize=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-98649992-HM01.html","id":600193,"name":"TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini","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"}            }
7488        }
7489    }
7490</script>
7490
7491                    
7491<script data-role="msrp-popup-template" type="text/x-magento-template">
7492    <div id="map-popup-click-for-price" class="map-popup">
7493        <div class="popup-header">
7494            <strong class="title" id="map-popup-heading-price"></strong>
7495        </div>
7496        <div class="popup-content">
7497            <div class="map-info-price" id="map-popup-content">
7498                <div class="price-box">
7499                    <div class="map-msrp" id="map-popup-msrp-box">
7500                        <span class="label">Harga</span>
7501                        <span class="old-price map-old-price" id="map-popup-msrp">
7502                            <span class="price"></span>
7503                        </span>
7504                    </div>
7505                    <div class="map-price" id="map-popup-price-box">
7506                        <span class="label">harga asli </span>
7507                        <span id="map-popup-price" class="actual-price"></span>
7508                    </div>
7509                </div>
7510                <form action="" method="POST" class="map-form-addtocart">
7511                    <input type="hidden" name="product" class="product_id" value="" />
7512                    <button type="button"
7513                            title="+ keranjang"
7514                            class="action tocart primary">
7515                        <span>+ keranjang</span>
7516                    </button>
7517                    <div class="additional-addtocart-box">
7518                                            </div>
7519                </form>
7520            </div>
7521            <div class="map-text" id="map-popup-text">
7522                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>
7523        </div>
7524    </div>
7525    </script>
7525
7526                    
7526<script data-role="msrp-info-template" type="text/x-magento-template">
7527    <div id="map-popup-what-this" class="map-popup">
7528        <div class="popup-header">
7529            <strong class="title" id="map-popup-heading-what-this"></strong>
7530        </div>
7531        <div class="popup-content">
7532            <div class="map-help-text" id="map-popup-text-what-this">
7533                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>
7534        </div>
7535    </div>
7536    </script>
7536
7537
7538                    <!--suppress ES6ConvertVarToLetConst -->
7539                    
7539<script type="text/javascript" id="klevu_page_meta">
7540                        var klevu_page_meta = { "platform": "magento2", "pageType": "pdp", "itemName": "TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini", "itemUrl": "https:\/\/www.mothercare.co.id\/nordic-naturals-baby-s-dha-98649992-HM01.html", "itemId": "600193-598663", "itemGroupId": "600193" };
7541                    </script>
7541
7542                    <div class="sharing-buttons mobile-sharing-button">
7543                        <label>Share product:</label>
7544                        <div class="sharethis-inline-share-buttons"></div>
7545                    </div>
7546
7547
7548
7549                    <!-- <style type="text/css">
7550    
7551    .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{
7552
7553        display: none;
7554    }
7555
7556    @media (max-width: 768px) {
7557
7558        .catalog-product-view .product.info.detailed .data.item.title {
7559            order: unset;
7560        } 
7561
7562         .catalog-product-view .page-main  .sharing-buttons{
7563                display: none;
7564        }
7565
7566       .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{
7567              display: block;
7568        }
7569        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button label{
7570            font-family: 'mothercare_2020-regular-webfont';
7571            font-style: normal;
7572            font-weight: 400;
7573            font-size: 16px;
7574            line-height: 150%;
7575            letter-spacing: -0.011em;
7576            text-transform: lowercase;
7577            color: #165C7D;
7578            display: block;
7579            text-align: center;
7580            padding: 10px 0px;
7581        }
7582        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-first,
7583        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-last {
7584             background: #165C7D !important;
7585        }     
7586
7587         .catalog-product-view .page-main .product-info-main .product-info{
7588            display: contents !important;
7589         }
7590
7591         .catalog-product-view .page-main .product-info-main .product.attribute.overview{
7592            order: 1 !important;
7593        }
7594        .catalog-product-view .page-main .product-info-main .product-config{
7595                display: contents !important;
7596        }
7597         .catalog-product-view .page-main  .sharing-buttons{
7598                order: 1;
7599        }
7600
7601    }
7602</style>
7603 -->
7604                    <div class="products-widget-container">
7605
7606
7607                        <!-- 
7607<script type="text/javascript">
7608    require(['jquery', 'jquery/ui', 'slick'], function($) {
7609        $(document).ready(function() {
7610            if ($('body').hasClass('checkout-cart-index')) {
7611                $(".widget.widget-crosssell .product-items").slick({
7612                    dots: false,
7613                    arrows: true, // Show arrows for larger screens
7614                    infinite: false,
7615                    slidesToShow: 4,
7616                    slidesToScroll: 1,
7617                    responsive: [
7618                        {
7619                            breakpoint: 1024,
7620                            settings: {
7621                                slidesToShow: 3,
7622                                slidesToScroll: 1,
7623                            }
7624                        },
7625                        {
7626                            breakpoint: 600,
7627                            settings: {
7628                                slidesToShow: 3,
7629                                slidesToScroll: 1
7630                            }
7631                        },
7632                        {
7633                            breakpoint: 480,
7634                            settings: {
7635                                slidesToShow: 2.5,
7636                                slidesToScroll: 1,
7637                                arrows: false
7638                            }
7639                        },
7640                        {
7641                            breakpoint: 430,
7642                            settings: {
7643                                slidesToShow: 2.5,
7644                                slidesToScroll: 1,
7645                                arrows: false
7646                            }
7647                        },
7648                        {
7649                            breakpoint: 390,
7650                            settings: {
7651                                slidesToShow: 2.5,
7652                                slidesToScroll: 1,
7653                                arrows: false // Hide arrows for mobile sizes
7654                            }
7655                        },
7656                        {
7657                            breakpoint: 375,
7658                            settings: {
7659                                slidesToShow: 2.5,
7660                                slidesToScroll: 1,
7661                                arrows: false // Hide arrows for mobile sizes
7662                            }
7663                        }
7664                    ]
7665                });
7666            }
7667        });
7668    });
7669</script>
7669 -->
7670
7671
7672
7673
7674                        <style type="text/css">
7675                            .widget.widget-upsell,
7676                            .widget.widget-related {
7677                                padding-bottom: 40px;
7678                                padding-top: 40px;
7679                                margin-top: 0 !important
7680                            }
7681
7682                            .widget.widget-upsell .block-title,
7683                            .widget.widget-related .block-title {
7684                                margin: 0 !important;
7685                                padding: 0 0 40px !important
7686                            }
7687
7688                            .widget.widget-upsell .block-title:before,
7689                            .widget.widget-related .block-title:before {
7690                                display: none !important
7691                            }
7692
7693                            .widget.widget-upsell .block-title strong,
7694                            .widget.widget-related .block-title strong {
7695                                display: block;
7696                                font-family: 'mothercare_2020-regular-webfont';
7697                                font-style: normal;
7698                                font-weight: 400;
7699                                font-size: 32px;
7700                                color: #515759;
7701                                margin: 0 !important;
7702                                text-align: center;
7703                                text-transform: lowercase
7704                            }
7705
7706                            @media screen and (max-width: 767px) {
7707
7708                                .widget.widget-upsell .block-title strong,
7709                                .widget.widget-related .block-title strong {
7710                                    font-size: 18px
7711                                }
7712                            }
7713
7714                            .widget.widget-upsell .upsell.products-grid,
7715                            .widget.widget-related .upsell.products-grid,
7716                            .widget.widget-upsell .related.products-grid,
7717                            .widget.widget-related .related.products-grid {
7718                                overflow: inherit;
7719                                padding-left: 50px;
7720                                padding-right: 50px
7721                            }
7722
7723                            @media screen and (max-width: 767px) {
7724
7725                                .widget.widget-upsell .upsell.products-grid,
7726                                .widget.widget-related .upsell.products-grid,
7727                                .widget.widget-upsell .related.products-grid,
7728                                .widget.widget-related .related.products-grid {
7729                                    padding: 0
7730                                }
7731                            }
7732
7733                            .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
7734                            .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
7735                            .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
7736                            .widget.widget-related .related.products-grid.slick-initialized>.product-items {
7737                                gap: 0;
7738                                padding: 0;
7739                                margin: 0 -25px;
7740                                width: auto
7741                            }
7742
7743                            @media screen and (max-width: 767px) {
7744
7745                                .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
7746                                .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
7747                                .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
7748                                .widget.widget-related .related.products-grid.slick-initialized>.product-items {
7749                                    margin: 0 -15px
7750                                }
7751                            }
7752
7753                            .widget.widget-upsell .upsell.products-grid .product-item,
7754                            .widget.widget-related .upsell.products-grid .product-item,
7755                            .widget.widget-upsell .related.products-grid .product-item,
7756                            .widget.widget-related .related.products-grid .product-item {
7757                                width: calc(100%/4 - 50px);
7758                                max-width: 100%;
7759                                margin: 0 25px
7760                            }
7761
7762                            @media screen and (max-width: 767px) {
7763
7764                                .widget.widget-upsell .upsell.products-grid .product-item,
7765                                .widget.widget-related .upsell.products-grid .product-item,
7766                                .widget.widget-upsell .related.products-grid .product-item,
7767                                .widget.widget-related .related.products-grid .product-item {
7768                                    margin: 0 15px;
7769                                    width: calc(100%/2 - 30px)
7770                                }
7771                            }
7772
7773                            .widget.widget-upsell .upsell.products-grid .product-item-photo,
7774                            .widget.widget-related .upsell.products-grid .product-item-photo,
7775                            .widget.widget-upsell .related.products-grid .product-item-photo,
7776                            .widget.widget-related .related.products-grid .product-item-photo {
7777                                display: flex;
7778                                justify-content: center;
7779                                height: 100%;
7780                                border-radius: 5px width:100%;
7781                            }
7782
7783                            .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container,
7784                            .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container,
7785                            .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container,
7786                            .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
7787                                width: 100% !important
7788                            }
7789
7790                            .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img,
7791                            .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img,
7792                            .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img,
7793                            .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
7794                                height: 100%;
7795                                object-fit: contain
7796                            }
7797
7798                            .widget.widget-upsell .upsell.products-grid .product-item-info,
7799                            .widget.widget-related .upsell.products-grid .product-item-info,
7800                            .widget.widget-upsell .related.products-grid .product-item-info,
7801                            .widget.widget-related .related.products-grid .product-item-info {
7802                                gap: 15px
7803                            }
7804
7805                            .widget.widget-upsell .product-items .product-item .item-img-box {
7806                                position: relative;
7807                                display: flex;
7808                                justify-content: center;
7809                                border: 1px solid #f4f1f1;
7810                                align-items: center;
7811                                height: 327px;
7812                            }
7813
7814                            .widget.widget-upsell .upsell.products-grid .product-item-details,
7815                            .widget.widget-related .upsell.products-grid .product-item-details,
7816                            .widget.widget-upsell .related.products-grid .product-item-details,
7817                            .widget.widget-related .related.products-grid .product-item-details {
7818                                flex-direction: column;
7819                                text-align: center
7820                            }
7821
7822                            .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name,
7823                            .widget.widget-related .upsell.products-grid .product-item-details .product-item-name,
7824                            .widget.widget-upsell .related.products-grid .product-item-details .product-item-name,
7825                            .widget.widget-related .related.products-grid .product-item-details .product-item-name {
7826                                max-width: 100%;
7827                                /*    height: 34px;*/
7828                                margin: 0 0 20px;
7829                                margin-bottom: 0px !important;
7830                            }
7831
7832                            .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link,
7833                            .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link,
7834                            .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link,
7835                            .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
7836                                font-style: normal;
7837                                font-weight: 700;
7838                                font-size: 12px;
7839                                line-height: 150%;
7840                                text-align: center;
7841                                letter-spacing: -.011em;
7842                                color: #515759;
7843                                font-family: 'mothercare_2020-regular-webfont';
7844                                display: block
7845                            }
7846
7847                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box,
7848                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box,
7849                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box,
7850                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
7851                                flex-grow: 1;
7852                                align-items: flex-end;
7853                                display: flex
7854                            }
7855
7856                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box,
7857                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box,
7858                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box,
7859                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
7860                                font-family: Arial, Helvetica, sans-serif;
7861                                display: block;
7862                                text-align: center;
7863                                flex-flow: wrap;
7864                                max-width: 100%;
7865                                width: 100%;
7866                                margin: 0;
7867                                justify-content: center
7868                            }
7869
7870                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
7871                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
7872                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
7873                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
7874                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
7875                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
7876                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
7877                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
7878                                margin: 0 5px;
7879                                text-decoration-color: #515759;
7880                                width: 100%;
7881                                text-align: center
7882                            }
7883
7884                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
7885                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
7886                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
7887                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
7888                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
7889                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
7890                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
7891                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
7892                                font-style: normal;
7893                                font-weight: 700;
7894                                font-size: 12px;
7895                                line-height: 120%;
7896                                color: #515759
7897                            }
7898
7899                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
7900                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
7901                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
7902                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
7903                                order: 3;
7904                                background: #f24822;
7905                                font-style: normal;
7906                                font-weight: 400;
7907                                font-size: 12px;
7908                                line-height: 24px;
7909                                letter-spacing: -.011em;
7910                                color: #fff;
7911                                padding: 0 4px;
7912                                font-family: 'Arial' !important;
7913                                margin-left: 5px;
7914                            }
7915
7916                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-
7916container .price,
7917                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
7918                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
7919                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
7920                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
7921                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
7922                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
7923                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
7924                            .widget.widget-upsell .upsell.products-grid .product-item-details .price {
7925                                font-style: normal;
7926                                font-weight: 700;
7927                                font-size: 16px;
7928                                line-height: 150%;
7929                                letter-spacing: -.011em;
7930                                color: #1e1e1e;
7931                            }
7932
7933                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
7934                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
7935                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
7936                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
7937                                font-style: normal;
7938                                font-weight: 700;
7939                                font-size: 14px;
7940                                line-height: 120%;
7941                                color: #165c7d;
7942                                font-family: Arial, Helvetica, sans-serif
7943                            }
7944
7945                            .widget.widget-upsell .upsell.products-grid .product-item-details .check,
7946                            .widget.widget-related .upsell.products-grid .product-item-details .check,
7947                            .widget.widget-upsell .related.products-grid .product-item-details .check,
7948                            .widget.widget-related .related.products-grid .product-item-details .check {
7949                                margin-top: 16px
7950                            }
7951
7952                            .widget.widget-upsell .upsell.products-grid .product-item-details .check span,
7953                            .widget.widget-related .upsell.products-grid .product-item-details .check span,
7954                            .widget.widget-upsell .related.products-grid .product-item-details .check span,
7955                            .widget.widget-related .related.products-grid .product-item-details .check span {
7956                                font-style: normal;
7957                                font-weight: 700;
7958                                font-size: 10px;
7959                                letter-spacing: -.011em;
7960                                color: #1d1d1d;
7961                            }
7962
7963                            .widget.widget-upsell .upsell.products-grid .slick-arrow,
7964                            .widget.widget-related .upsell.products-grid .slick-arrow,
7965                            .widget.widget-upsell .related.products-grid .slick-arrow,
7966                            .widget.widget-related .related.products-grid .slick-arrow {
7967                                width: 40px;
7968                                height: 40px;
7969                                border: none;
7970                                background-position: center;
7971                                background-repeat: no-repeat
7972                            }
7973
7974                            @media screen and (max-width: 767px) {
7975
7976                                .widget.widget-upsell .upsell.products-grid .slick-arrow,
7977                                .widget.widget-related .upsell.products-grid .slick-arrow,
7978                                .widget.widget-upsell .related.products-grid .slick-arrow,
7979                                .widget.widget-related .related.products-grid .slick-arrow {
7980                                    display: none !important
7981                                }
7982                            }
7983
7984                            .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
7985                            .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev,
7986                            .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev,
7987                            .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
7988                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg);
7989                            }
7990
7991                            .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
7992                            .widget.widget-related .upsell.products-grid .slick-arrow.slick-next,
7993                            .widget.widget-upsell .related.products-grid .slick-arrow.slick-next,
7994                            .widget.widget-related .related.products-grid .slick-arrow.slick-next {
7995                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
7996                            }
7997
7998                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box {
7999                                display: flex;
8000                                flex-flow: row wrap;
8001                                justify-content: center;
8002                                align-content: flex-end
8003                            }
8004
8005                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
8006                                width: 100%
8007                            }
8008
8009                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
8010                                text-decoration: unset
8011                            }
8012
8013                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
8014                                font-style: normal;
8015                                font-weight: 700;
8016                                font-size: 12px;
8017                                line-height: 120%;
8018                                color: #515759;
8019                                text-decoration: line-through
8020                            }
8021
8022                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent {
8023                                width: auto;
8024                                order: 3
8025                            }
8026
8027                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
8028                                padding: 2px 4px
8029                            }
8030
8031                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main {
8032                                margin-top: 4px;
8033                                width: auto
8034                            }
8035
8036                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
8037                                font-size: 14px;
8038                                font-weight: 700;
8039                                color: #1e1e1e
8040                            }
8041
8042
8043
8044                            .widget.widget-crosssell,
8045                            .widget.widget-related {
8046                                padding-bottom: 40px;
8047                                padding-top: 40px;
8048                                margin-top: 0 !important
8049                            }
8050
8051                            .widget.widget-crosssell .block-title,
8052                            .widget.widget-related .block-title {
8053                                margin: 0 !important;
8054                                padding: 0 0 40px !important
8055                            }
8056
8057                            .widget.widget-crosssell .block-title:before,
8058                            .widget.widget-related .block-title:before {
8059                                display: none !important
8060                            }
8061
8062                            .widget.widget-crosssell .block-title strong,
8063                            .widget.widget-related .block-title strong {
8064                                display: block;
8065                                font-family: 'mothercare_2020-regular-webfont';
8066                                font-style: normal;
8067                                font-weight: 400;
8068                                font-size: 32px;
8069                                color: #515759;
8070                                margin: 0 !important;
8071                                text-align: center;
8072                                text-transform: lowercase
8073                            }
8074
8075                            @media screen and (max-width: 767px) {
8076
8077                                .widget.widget-crosssell .block-title strong,
8078                                .widget.widget-related .block-title strong {
8079                                    font-size: 18px
8080                                }
8081                            }
8082
8083                            .widget.widget-crosssell .crosssell.products-grid,
8084                            .widget.widget-related .crosssell.products-grid,
8085                            .widget.widget-crosssell .related.products-grid,
8086                            .widget.widget-related .related.products-grid {
8087                                overflow: inherit;
8088                                padding-left: 50px;
8089                                padding-right: 50px
8090                            }
8091
8092                            @media screen and (max-width: 767px) {
8093
8094                                .widget.widget-crosssell .crosssell.products-grid,
8095                                .widget.widget-related .crosssell.products-grid,
8096                                .widget.widget-crosssell .related.products-grid,
8097                                .widget.widget-related .related.products-grid {
8098                                    padding: 0
8099                                }
8100                            }
8101
8102                            .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
8103                            .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
8104                            .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
8105                            .widget.widget-related .related.products-grid.slick-initialized>.product-items {
8106                                gap: 0;
8107                                padding: 0;
8108                                margin: 0 -25px;
8109                                width: auto
8110                            }
8111
8112                            @media screen and (max-width: 767px) {
8113
8114                                .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
8115                                .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
8116                                .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
8117                                .widget.widget-related .related.products-grid.slick-initialized>.product-items {
8118                                    margin: 0 -15px
8119                                }
8120                            }
8121
8122                            .widget.widget-crosssell .crosssell.products-grid .product-item,
8123                            .widget.widget-related .crosssell.products-grid .product-item,
8124                            .widget.widget-crosssell .related.products-grid .product-item,
8125                            .widget.widget-related .related.products-grid .product-item {
8126                                width: calc(100%/4 - 50px);
8127                                max-width: 100%;
8128                                margin: 0 25px
8129                            }
8130
8131                            @media screen and (max-width: 767px) {
8132
8133                                .widget.widget-crosssell .crosssell.products-grid .product-item,
8134                                .widget.widget-related .crosssell.products-grid .product-item,
8135                                .widget.widget-crosssell .related.products-grid .product-item,
8136                                .widget.widget-related .related.products-grid .product-item {
8137                                    margin: 0 8px;
8138                                    width: calc(100%/2 - 30px)
8139                                }
8140                            }
8141
8142                            .widget.widget-crosssell .crosssell.products-grid .product-item-photo,
8143                            .widget.widget-related .crosssell.products-grid .product-item-photo,
8144                            .widget.widget-crosssell .related.products-grid .product-item-photo,
8145                            .widget.widget-related .related.products-grid .product-item-photo {
8146                                display: flex;
8147                                justify-content: center;
8148                                height: auto;
8149                                border-radius: 5px width:100%;
8150                            }
8151
8152                            .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container,
8153                            .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container,
8154                            .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container,
8155                            .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
8156                                width: 100% !important
8157                            }
8158
8159                            .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img,
8160                            .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img,
8161                            .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img,
8162                            .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
8163                                height: 100%;
8164                                object-fit: cover;
8165                            }
8166
8167                            .widget.widget-crosssell .crosssell.products-grid .product-item-info,
8168                            .widget.widget-related .crosssell.products-grid .product-item-info,
8169                            .widget.widget-crosssell .related.products-grid .product-item-info,
8170                            .widget.widget-related .related.products-grid .product-item-in
8170fo {
8171                                gap: 15px
8172                            }
8173
8174                            .widget.widget-crosssell .crosssell.products-grid .product-item-details,
8175                            .widget.widget-related .crosssell.products-grid .product-item-details,
8176                            .widget.widget-crosssell .related.products-grid .product-item-details,
8177                            .widget.widget-related .related.products-grid .product-item-details {
8178                                flex-direction: column;
8179                                text-align: center
8180                            }
8181
8182                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name,
8183                            .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name,
8184                            .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name,
8185                            .widget.widget-related .related.products-grid .product-item-details .product-item-name {
8186                                max-width: 100%;
8187                                height: 34px;
8188                                margin: 0 0 20px
8189                            }
8190
8191                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
8192                            .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
8193                            .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link,
8194                            .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
8195                                font-style: normal !important;
8196                                font-weight: 700 !important;
8197                                font-size: 12px !important;
8198                                line-height: 150% !important;
8199                                text-align: center !important;
8200                                letter-spacing: -.011em !important;
8201                                color: #515759 !important;
8202                                font-family: 'mothercare_2020-regular-webfont' !important;
8203                                display: block !important;
8204                                text-transform: unset !important;
8205                            }
8206
8207                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box,
8208                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box,
8209                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box,
8210                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
8211                                flex-grow: 1;
8212                                align-items: flex-end;
8213                                display: flex
8214                            }
8215
8216                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
8217                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
8218                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box,
8219                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
8220                                font-family: Arial, Helvetica, sans-serif;
8221                                display: flex;
8222                                flex-flow: wrap;
8223                                max-width: 100%;
8224                                width: 100%;
8225                                margin: 0;
8226                                justify-content: center
8227                            }
8228
8229                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
8230                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
8231                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
8232                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
8233                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
8234                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
8235                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
8236                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
8237                                margin: 0 5px;
8238                                text-decoration-color: #515759;
8239                                width: 100%;
8240                                text-align: center
8241                            }
8242
8243                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
8244                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
8245                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
8246                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
8247                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
8248                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
8249                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
8250                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
8251                                font-style: normal !important;
8252                                font-weight: 700 !important;
8253                                font-size: 12px !important;
8254                                line-height: 120% !important;
8255                                color: #515759 !important;
8256                            }
8257
8258                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
8259                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
8260                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
8261                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
8262                                order: 3;
8263                                background: #f24822;
8264                                font-style: normal;
8265                                font-weight: 400;
8266                                font-size: 12px;
8267                                line-height: 24px;
8268                                letter-spacing: -.011em;
8269                                color: #fff;
8270                                padding: 0 4px;
8271                                margin-left: 5px;
8272                                font-family: 'mothercare_2020-regular-webfont';
8273                            }
8274
8275                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8276                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8277                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8278                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8279                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8280                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8281                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8282                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8283                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
8284                                font-style: normal;
8285                                font-weight: 700;
8286                                font-size: 16px;
8287                                line-height: 150%;
8288                                letter-spacing: -.011em;
8289                                color: #1e1e1e
8290                            }
8291
8292                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
8293                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
8294                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
8295                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
8296                                font-style: normal;
8297                                font-weight: 700;
8298                                font-size: 14px;
8299                                line-height: 120%;
8300                                color: #165c7d;
8301                                font-family: Arial, Helvetica, sans-serif
8302                            }
8303
8304                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .check,
8305                            .widget.widget-related .crosssell.products-grid .product-item-details .check,
8306                            .widget.widget-crosssell .related.products-grid .product-item-details .check,
8307                            .widget.widget-related .related.products-grid .product-item-details .check {
8308                                margin-top: 16px
8309                            }
8310
8311                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span,
8312                            .widget.widget-related .crosssell.products-grid .product-item-details .check span,
8313                            .widget.widget-crosssell .related.products-grid .product-item-details .check span,
8314                            .widget.widget-related .related.products-grid .product-item-details .check span {
8315                                font-style: normal;
8316                                font-weight: 700;
8317                                font-size: 10px;
8318                                letter-spacing: -.011em;
8319                                color: #1d1d1d;
8320                                font-family: Arial, Helvetica Neue, Helvetica, sans-serif
8321                            }
8322
8323                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
8324                            .widget.widget-related .crosssell.products-grid .slick-arrow,
8325                            .widget.widget-crosssell .related.products-grid .slick-arrow,
8326                            .widget.widget-related .related.products-grid .slick-arrow {
8327                                width: 40px !important;
8328                                height: 40px !important;
8329                                border: none !important;
8330                                background-position: center !important;
8331                                background-repeat: no-repeat !important;
8332                            }
8333
8334                            @media screen and (max-width: 767px) {
8335
8336                                .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
8337                                .widget.widget-related .crosssell.products-grid .slick-arrow,
8338                                .widget.widget-crosssell .related.products-grid .slick-arrow,
8339                                .widget.widget-related .related.products-grid .slick-arrow {
8340                                    display: block !important
8341                                }
8342
8343                                .widget-crosssell .products-grid .slick-track {
8344                                    overflow-x: auto;
8345                                    margin-top: 20px;
8346                                }
8347
8348                                .checkout-cart-index .column.main .block:not(.crosssell) .content {
8349                                    padding: 0px;
8350                                }
8351                            }
8352
8353                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev,
8354                            .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev,
8355                            .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev,
8356                            .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
8357                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg)
8358                            }
8359
8360                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next,
8361                            .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next,
8362                            .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next,
8363                            .widget.widget-related .related.products-grid .slick-arrow.slick-next {
8364                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
8365                            }
8366
8367                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box {
8368                                display: flex;
8369                                flex-flow: row wrap;
8370                                justify-content: center;
8371                                align-content: flex-end;
8372                                height: 52px;
8373                            }
8374
8375                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
8376                                width: 100%
8377                            }
8378
8379                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.c
8379rossed .old-price {
8380                                text-decoration: unset
8381                            }
8382
8383                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
8384                                font-style: normal;
8385                                font-weight: 700;
8386                                font-size: 12px;
8387                                line-height: 120%;
8388                                color: #515759;
8389                                text-decoration: line-through
8390                            }
8391
8392                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent {
8393                                width: auto;
8394                                order: 3
8395                            }
8396
8397                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
8398                                padding: 2px 4px
8399                            }
8400
8401                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main {
8402                                margin-top: 4px;
8403                                width: auto
8404                            }
8405
8406                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
8407                                font-size: 14px;
8408                                font-weight: 700;
8409                                color: #1e1e1e
8410                            }
8411
8412                            .widget.widget-crosssell button.action.tocart.primary {
8413                                background: #165C7D;
8414                                padding: 2px 15px;
8415                                font-family: 'mothercare_2020-regular-webfont';
8416                                font-style: normal;
8417                                font-weight: 700;
8418                                font-size: 13px;
8419                                color: #fff;
8420                                letter-spacing: normal;
8421                                border-radius: 5px;
8422                                text-transform: none;
8423                                width: calc(100% - 20px);
8424                            }
8425
8426                            .widget.widget-crosssell .actions-primary {
8427                                position: absolute;
8428                                left: 0;
8429                                right: 0;
8430                                bottom: 10px;
8431                                text-align: center;
8432                                z-index: 11;
8433                                opacity: 0;
8434                                visibility: hidden;
8435                                transition: all 0.4s ease;
8436                            }
8437
8438                            .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary,
8439                            .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary {
8440                                opacity: 1;
8441                                visibility: visible;
8442                            }
8443
8444                            .widget.widget-crosssell .product-items .product-item .item-img-box,
8445                            .catalogsearch-result-index .product-items .product-item .item-img-box {
8446                                position: relative;
8447                                display: flex;
8448                                justify-content: center;
8449                                border: 1px solid #f4f1f1;
8450                                align-items: center;
8451                                height: 372px;
8452                            }
8453
8454
8455                            .widget.widget-crosssell .product-items {
8456                                gap: var(--listing-grid-gap);
8457                                row-gap: var(--listing-grid-row-gap);
8458                                display: flex;
8459                                flex-wrap: nowrap;
8460                                overflow-x: auto;
8461                                scroll-behavior: smooth;
8462                                scroll-snap-type: none;
8463                                -ms-overflow-style: none;
8464                                scrollbar-width: none;
8465                            }
8466
8467
8468                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
8469                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
8470                                background-size: unset !important;
8471                            }
8472
8473                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
8474                                transform: unset !important;
8475                            }
8476
8477                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
8478                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
8479                                background-size: unset !important;
8480                            }
8481
8482
8483                            .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
8484                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
8485                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
8486                            }
8487
8488
8489                            .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
8490                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
8491                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
8492                            }
8493
8494                            .widget-upsell .product-items .product-item .product-item-photo {
8495                                width: 325px;
8496                                height: 325px !important;
8497                            }
8498
8499                            .widget-related .products-grid .product-item-photo .product-image-container {
8500                                max-width: 325px;
8501                            }
8502
8503                            .widget-upsell .product-items .product-item .item-img-box {
8504                                border: unset !important;
8505                            }
8506
8507                            @media(max-width:1280px) {
8508                                .widget-upsell .product-items .product-item .item-img-box {
8509                                    height: unset;
8510                                }
8511                            }
8512
8513                            .widget-related .product-items .product-item-details {
8514                                flex: unset;
8515                            }
8516
8517
8518                            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
8519                                border: unset !important;
8520                                width: auto !important;
8521                                margin: auto;
8522                            }
8523
8524                            .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo {
8525                                border: unset !important;
8526                                height: 325px !important;
8527                                width: 325px;
8528
8529                            }
8530
8531                            @media(max-width:1080px) {
8532                                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
8533                                    height: unset;
8534                                }
8535                            }
8536
8537                            .widget.widget-upsell .upsell.products-grid .price-label,
8538                            .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper,
8539                            .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper,
8540                            .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper {
8541                                display: none;
8542                            }
8543
8544                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item {
8545                                padding-left: unset;
8546                                padding-right: unset;
8547                            }
8548
8549
8550                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
8551                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
8552                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price {
8553                                text-decoration: line-through;
8554                            }
8555
8556                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
8557                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
8558                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
8559                            .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
8560                                text-decoration: none;
8561                            }
8562
8563                            @media(max-width:768px) {
8564
8565                                .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo,
8566                                .widget-upsell .upsell.products-grid .product-item-photo {
8567                                    height: auto !important;
8568                                }
8569
8570                                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
8571                                    width: 100% !important;
8572                                }
8573
8574                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item,
8575                                .widget-upsell .upsell.products-grid .product-item {
8576                                    padding: unset;
8577                                    /* float: left !important; */
8578                                }
8579
8580                                .widget.widget-upsell .product-items .product-item .item-img-box {
8581                                    height: auto !important;
8582                                }
8583
8584                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow,
8585                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow {
8586                                    display: block !important;
8587                                }
8588
8589                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
8590                                    width: 20px
8591                                }
8592
8593                                .products-widget-container .slick-track .slick-initialized .slick-slide {
8594                                    float: left !important;
8595                                }
8596
8597                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name {
8598                                    margin: 0 0 10px;
8599                                }
8600
8601                                .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check {
8602                                    padding-top: 0;
8603                                }
8604
8605                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check {
8606                                    margin-top: 8px;
8607                                }
8608
8609                                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8610                                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8611                                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8612                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8613                                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8614                                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8615                                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8616                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8617                                .widget.widget-upsell .upsell.products-grid .product-item-details .price {
8618                                    font-style: normal;
8619                                    font-weight: 700;
8620                                    font-size: 14px;
8621                                    line-height: 150%;
8622                                    letter-spacing: -.011em;
8623                                    color: #1e1e1e;
8624                                }
8625
8626                                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8627                                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8628                                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8629                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
8630                                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8631                                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8632                                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8633                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
8634                                .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
8635                                    font-style: normal;
8636                                    font-weight: 700;
8637                                    font-size: 14px;
8638                                    line-height: 150%;
8639                                    letter-spacing: -.011em;
8640                                    color: #1e1e1e;
8641                                }
8642
8643
8644                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label {
8645                                    display: none;
8646                                }
8647
8648                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info {
8649                                    height: auto !important;
8650                                }
8651
8652                            }
8653
8654                            @media screen and (max-width: 500px) {
8655
8656                                .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name,
8657                                .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name {
8658                                    height: 36px;
8659                                }
8660
8661                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
8662                                    margin: 0;
8663                                    text-decoration-color: #D9D9D6;
8664                                    width: 100%;
8665                                    text-align: center;
8666                                }
8667
8668                                .crosssell .product.details.product-item-details {
8669                                    flex: unset;
8670                                }
8671
8672                                .crosssell .slick-initialized .slick-slide {
8673                                    height: 100%;
8674                                }
8675
8676                                .widget-crosssell .products-grid .slick-slider .slick-list,
8677                                .slick-slider .slick-track>.product-items {
8678                                    overflow: auto;
8679                                    /* Enable horizontal scrolling */
8680                                    scroll-behavior: smooth;
8681                                    scroll-snap-type: x mandatory;
8682                                    /* Ensure smooth snapping */
8683                                }
8684
8685                                .widget-crosssell .products-grid .slick-track {
8686                                    display: flex;
8687                                    flex-wrap: nowrap;
8688                                    width: auto !important;
8689                                    /* Ensure the width adjusts dynamically */
8690                                }
8691
8692                                .widget-crosssell .products-grid .product-items {
8693                                    flex: 0 0 auto;
8694                                    /* Prevent items from shrinking or growing */
8695                                }
8696
8697                                .widget.widget-upsell .products-grid.slick-initialized>.product-items {
8698                                    padding-bottom: 19px !important;
8699                                    scrollbar-width: thin !important;
8700                                }
8701
8702                                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
8703                                    border: unset !important;
8704                                    width: 118px !important;
8705                                    margin: auto;
8706                                }
8707
8708                                .widget.widget-upsell .upsell.products-grid .product-item {
8709                                    width: calc(100% / 2.5 - 30px);
8710
8711
8712                                }
8713
8714                                .widget.widget-upsell .block-title {
8715                                    margin: 0 !important;
8716                                    padding: 0 0 0px !important;
8717                                }
8718
8719                                .widget.widget-upsell .slick-list.products.list.items.product-items {
8720                                    padding-top: 20px !important;
8721                                }
8722
8723                                .widget.widget-upsell .upsell.products-grid .slick-arrow,
8724                                .widget.widget-related .upsell.products-grid .slick-arrow,
8725                                .widget.widget-upsell .related.products-grid .slick-arrow,
8726                                .widget.widget-related .related.products-grid .slick-arrow {
8727                                    display: none !important;
8728                                }
8729
8730                                .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name {
8731                                    margin-bottom: 10px !important;
8732                                }
8733
8734                                .widget-upsell .product-items .product-item-details {
8735                                    flex: unset;
8736                                }
8737
8738                                .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img {
8739                                    aspect-ratio: 1;
8740                                }
8741
8742                                .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link {
8743                                    overflow: hidden;
8744                                    display: -webkit-box;
8745                                    -webkit-line-clamp: 2;
8746                                    line-clamp: 2;
8747                                    -webkit-box-orient: vertical;
8748                                }
8749
8750                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link {
8751                                    overflow: hidden;
8752                                    display: -webkit-box !important;
8753                                    -webkit-line-clamp: 2;
8754                                    line-clamp: 2 !important;
8755                                    -webkit-box-orient: vertical;
8756                                    height: 36px;
8757                                }
8758
8759                                .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img {
8760                                    aspect-ratio: 1;
8761                                }
8762
8763                            }
8764
8765
8766                            @media screen and (max-width: 390px) {
8767
8768                                .widget.widget-upsell .products-grid.slick-initialized>.product-items {
8769                                    padding-bottom: 19px !important;
8770                                    scrollbar-width: thin !important;
8771                                }
8772
8773                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
8774                                    margin: 0 5px;
8775                                }
8776
8777
8778                                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
8779                                    border: unset !important;
8780                                    width: 118px !important;
8781                                    margin: 0;
8782                                }
8783
8784                                .widget.widget-upsell .upsell.products-grid .slick-arrow,
8785                                .widget.widget-related .upsell.products-grid .slick-arrow,
8786                                .widget.widget-upsell .related.products-grid .slick-arrow,
8787                                .widget.widget-related .related.products-grid .slick-arrow {
8788                                    display: none !important;
8789                                }
8790
8791                                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
8792                                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
8793                                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
8794                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
8795                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
8796                                    order: 3;
8797                                    background: #f24822;
8798                                    font-style: normal;
8799                                    font-weight: 400;
8800                                    font-size: 12px;
8801                                    line-height: 24px;
8802                                    letter-spacing: -.011em;
8803                                    color: #fff;
8804                                    padding: 0px 2px;
8805                                    font-family: 'Arial' !important;
8806                                    margin-left: 0px;
8807                                }
8808                            }
8809
8810                            strong.product.name.product-item-name {
8811                                overflow: hidden;
8812                            }
8813
8814                            strong.product.name.product-item-name {
8815                                /* height: 87px; */
8816                            }
8817
8818
8819                            li.item.product.product-item.slick-slide.slick-active {
8820                                float: left !important;
8821                            }
8822
8823                            .products-widget-container .slick-track .slick-initialized .slick-slide {
8824                                float: left !important;
8825                            }
8826
8827                            .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container {
8828                                position: absolute;
8829                                display: none !important;
8830                            }
8831
8832                            /*    .checkout-cart-index .products-crosssell .product-item .product-item-info  .product-image-container  .amasty-label-container {
8833        width: auto !important;
8834    }*/
8835                            .bt-seo-section {
8836                                --bg1: #1a0505;
8837                                --bg2: #2b0808;
8838                                --card-bg: rgba(255, 255, 255, 0.03);
8839                                --line: rgba(255, 51, 51, 0.25);
8840                                --text: #fdf5f5;
8841                                --muted: #d9c3c3;
8842                                --accent1: #ff3333;
8843                                --accent2: #cc0000;
8844                                --accent3: #ff8080;
8845                                --shadow: 0 20px 50px rgba(0, 0, 0, 0.7);
8846                                --glow: 0 0 20px rgba(255, 51, 51, 0.2);
8847                                padding: 80px 20
8847px;
8848                                background: radial-gradient(circle at top right, rgba(255, 51, 51, 0.1), transparent 40%),
8849                                            radial-gradient(circle at bottom left, rgba(26, 5, 5, 1), transparent 50%),
8850                                            linear-gradient(145deg, var(--bg1), var(--bg2));
8851                                color: var(--text);
8852                                font-family: 'Inter', 'Roboto', sans-serif;
8853                            }
8854                            
8855                            .bt-container {
8856                                max-width: 1200px;
8857                                margin: 0 auto;
8858                            }
8859                            
8860                            .bt-heading {
8861                                text-align: center;
8862                                margin-bottom: 50px;
8863                            }
8864                            
8865                            .bt-badge {
8866                                display: inline-block;
8867                                font-size: 13px;
8868                                font-weight: 800;
8869                                letter-spacing: 0.15em;
8870                                text-transform: uppercase;
8871                                padding: 10px 20px;
8872                                border-radius: 50px;
8873                                border: 1px solid var(--accent1);
8874                                color: #fff;
8875                                background: linear-gradient(135deg, var(--accent1), var(--accent2));
8876                                box-shadow: var(--glow);
8877                                margin-bottom: 20px;
8878                            }
8879                            
8880                            .bt-heading h2 {
8881                                margin: 0 0 16px;
8882                                font-size: 38px;
8883                                line-height: 1.2;
8884                                font-weight: 900;
8885                                background: linear-gradient(to right, #fff, var(--accent3));
8886                                -webkit-background-clip: text;
8887                                -webkit-text-fill-color: transparent;
8888                            }
8889                            
8890                            .bt-heading p {
8891                                max-width: 800px;
8892                                margin: 0 auto;
8893                                color: var(--muted);
8894                                font-size: 16px;
8895                                line-height: 1.8;
8896                            }
8897                            
8898                            .bt-grid {
8899                                display: grid;
8900                                grid-template-columns: 1fr 1fr;
8901                                gap: 30px;
8902                            }
8903                            
8904                            .bt-box {
8905                                background: var(--card-bg);
8906                                border: 1px solid var(--line);
8907                                border-radius: 24px;
8908                                box-shadow: var(--shadow);
8909                                overflow: hidden;
8910                                backdrop-filter: blur(16px);
8911                                -webkit-backdrop-filter: blur(16px);
8912                                position: relative;
8913                            }
8914                            
8915                            .bt-box::before {
8916                                content: "";
8917                                position: absolute;
8918                                top: 0; left: 0; right: 0;
8919                                height: 4px;
8920                                background: linear-gradient(90deg, var(--accent1), var(--accent2));
8921                                opacity: 0.8;
8922                            }
8923                            
8924                            .bt-box-head {
8925                                padding: 30px 30px 15px;
8926                            }
8927                            
8928                            .bt-box-head h3 {
8929                                margin: 0 0 10px;
8930                                font-size: 26px;
8931                                font-weight: 800;
8932                                color: var(--accent1);
8933                            }
8934                            
8935                            .bt-box-head p {
8936                                margin: 0;
8937                                color: var(--muted);
8938                                font-size: 15px;
8939                                line-height: 1.7;
8940                            }
8941                            
8942                            /* FAQ */
8943                            .bt-faq-list {
8944                                padding: 15px 30px 30px;
8945                            }
8946                            
8947                            .bt-faq-item {
8948                                border: 1px solid rgba(255, 255, 255, 0.08);
8949                                border-radius: 14px;
8950                                margin: 0 0 15px;
8951                                background: rgba(0, 0, 0, 0.2);
8952                                overflow: hidden;
8953                                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
8954                            }
8955                            
8956                            .bt-faq-item:hover {
8957                                border-color: var(--line);
8958                                transform: translateY(-2px);
8959                                background: rgba(255, 51, 51, 0.03);
8960                            }
8961                            
8962                            .bt-faq-item.active {
8963                                border-color: var(--accent1);
8964                                box-shadow: var(--glow);
8965                                background: rgba(255, 51, 51, 0.08);
8966                            }
8967                            
8968                            .bt-faq-question {
8969                                width: 100%;
8970                                background: none;
8971                                border: none;
8972                                color: var(--text);
8973                                display: flex;
8974                                align-items: center;
8975                                justify-content: space-between;
8976                                text-align: left;
8977                                padding: 20px 24px;
8978                                font-size: 16px;
8979                                font-weight: 700;
8980                                cursor: pointer;
8981                                transition: color 0.3s ease;
8982                            }
8983                            
8984                            .bt-faq-item.active .bt-faq-question {
8985                                color: var(--accent1);
8986                            }
8987                            
8988                            .bt-faq-question i {
8989                                font-style: normal;
8990                                font-size: 24px;
8991                                color: var(--muted);
8992                                transition: all 0.4s ease;
8993                                flex: 0 0 auto;
8994                                margin-left: 15px;
8995                                display: flex;
8996                                align-items: center;
8997                                justify-content: center;
8998                                width: 30px; height: 30px;
8999                                border-radius: 50%;
9000                                background: rgba(255,255,255,0.05);
9001                            }
9002                            
9003                            .bt-faq-item:hover .bt-faq-question i {
9004                                color: var(--accent1);
9005                                background: rgba(255,51,51,0.15);
9006                            }
9007                            
9008                            .bt-faq-item.active .bt-faq-question i {
9009                                transform: rotate(45deg);
9010                                color: #fff;
9011                                background: var(--accent1);
9012                            }
9013                            
9014                            .bt-faq-answer {
9015                                max-height: 0;
9016                                overflow: hidden;
9017                                transition: max-height 0.4s ease;
9018                            }
9019                            
9020                            .bt-faq-answer p {
9021                                margin: 0;
9022                                padding: 0 24px 24px;
9023                                color: #f2e6e6;
9024                                font-size: 15px;
9025                                line-height: 1.8;
9026                            }
9027                            
9028                            /* Reviews */
9029                            .bt-review-slider {
9030                                padding: 15px 30px 30px;
9031                            }
9032                            
9033                            .bt-review-track {
9034                                position: relative;
9035                                min-height: 250px;
9036                            }
9037                            
9038                            .bt-review-card {
9039                                display: none;
9040                                border: 1px solid var(--line);
9041                                border-radius: 18px;
9042                                padding: 25px;
9043                                background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(0,0,0,0.2));
9044                                animation: btFadeScale 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
9045                                box-shadow: inset 0 0 20px rgba(255,51,51,0.03);
9046                            }
9047                            
9048                            .bt-review-card.active {
9049                                display: block;
9050                            }
9051                            
9052                            .bt-review-top {
9053                                display: flex;
9054                                align-items: center;
9055                                justify-content: space-between;
9056                                margin-bottom: 20px;
9057                                border-bottom: 1px solid rgba(255,255,255,0.05);
9058                                padding-bottom: 15px;
9059                            }
9060                            
9061                            .bt-review-top h4 {
9062                                margin: 0 0 5px;
9063                                font-size: 19px;
9064                                font-weight: 800;
9065                                color: #fff;
9066                                letter-spacing: 0.5px;
9067                            }
9068                            
9069                            .bt-review-top span {
9070                                font-size: 12px;
9071                                color: var(--accent1);
9072                                font-weight: 600;
9073                                text-transform: uppercase;
9074                                letter-spacing: 1px;
9075                                background: rgba(255,51,51,0.15);
9076                                padding: 3px 8px;
9077                                border-radius: 4px;
9078                            }
9079                            
9080                            .bt-stars {
9081                                font-size: 18px;
9082                                letter-spacing: 2px;
9083                                color: var(--accent1);
9084                                text-shadow: 0 0 10px rgba(255,51,51,0.5);
9085                            }
9086                            
9087                            .bt-review-card p {
9088                                margin: 0;
9089                                color: #f2e6e6;
9090                                font-size: 15px;
9091                                line-height: 1.9;
9092                                font-style: italic;
9093                            }
9094                            
9095                            .bt-review-nav {
9096                                display: flex;
9097                                align-items: center;
9098                                justify-content: center;
9099                                gap: 20px;
9100                                margin-top: 25px;
9101                            }
9102                            
9103                            .bt-nav-btn {
9104                                width: 45px;
9105                                height: 45px;
9106                                border: 1px solid rgba(255,51,51,0.4);
9107                                border-radius: 50%;
9108                                cursor: pointer;
9109                                font-size: 20px;
9110                                display: flex;
9111                                align-items: center;
9112                                justify-content: center;
9113                                color: var(--accent1);
9114                                background: rgba(0,0,0,0.3);
9115                                backdrop-filter: blur(5px);
9116                                transition: all 0.3s ease;
9117                            }
9118                            
9119                            .bt-nav-btn:hover {
9120                                background: var(--accent1);
9121                                color: #fff;
9122                                transform: scale(1.1);
9123                                box-shadow: var(--glow);
9124                            }
9125                            
9126                            .bt-dots {
9127                                display: flex;
9128                                gap: 10px;
9129                            }
9130                            
9131                            .bt-dot {
9132                                width: 12px;
9133                                height: 12px;
9134                                border-radius: 50%;
9135                                background: rgba(255, 255, 255, 0.15);
9136                                cursor: pointer;
9137                                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
9138                            }
9139                            
9140                            .bt-dot:hover {
9141                                background: rgba(255,51,51,0.5);
9142                            }
9143                            
9144                            .bt-dot.active {
9145                                width: 35px;
9146                                border-radius: 10px;
9147                                background: linear-gradient(90deg, var(--accent1), var(--accent2));
9148                                box-shadow: var(--glow);
9149                            }
9150                            
9151                            /* Widget Pasaran */
9152                            .bt-pasaran-grid {
9153                                display: grid;
9154                                grid-template-columns: repeat(4, 1fr);
9155                                gap: 20px;
9156                            }
9157                            
9158                            .bt-pasaran-card {
9159                                background: var(--card-bg);
9160                                border: 1px solid var(--line);
9161                                border-radius: 16px;
9162                                padding: 20px;
9163                                transition: all 0.3s ease;
9164                                position: relative;
9165                                overflow: hidden;
9166                            }
9167                            
9168                            .bt-pasaran-card:hover {
9169                                transform: translateY(-5px);
9170                                box-shadow: var(--glow);
9171                                border-color: var(--accent1);
9172                                background: rgba(255, 51, 51, 0.05);
9173                            }
9174                            
9175                            .bt-pasaran-header {
9176                                display: flex;
9177                                justify-content: space-between;
9178                                align-items: center;
9179                                margin-bottom: 15px;
9180                                padding-bottom: 15px;
9181                                border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
9182                            }
9183                            
9184                            .bt-pasaran-header h4 {
9185                                margin: 0;
9186                                color: var(--text);
9187                                font-size: 16px;
9188                                font-weight: 800;
9189                                letter-spacing: 1px;
9190                            }
9191                            
9192                            .status {
9193                                font-size: 11px;
9194                                font-weight: 700;
9195                                padding: 4px 10px;
9196                                border-radius: 30px;
9197                                text-transform: uppercase;
9198                            }
9199                            
9200                            .status.open {
9201                                background: rgba(0, 200, 83, 0.15);
9202                                color: #00e676;
9203                                border: 1px solid rgba(0, 200, 83, 0.3);
9204                            }
9205                            
9206                            .status.closed {
9207                                background: rgba(255, 51, 51, 0.15);
9208                                color: var(--accent1);
9209                                border: 1px solid rgba(255, 51, 51, 0.3);
9210                            }
9211                            
9212                            .bt-pasaran-body {
9213                                display: flex;
9214                                justify-content: space-between;
9215                                gap: 10px;
9216                            }
9217                            
9218                            .time-box {
9219                                display: flex;
9220                                flex-direction: column;
9221                            }
9222                            
9223                            .time-box span {
9224                                font-size: 11px;
9225                                color: var(--muted);
9226                                margin-bottom: 3px;
9227                            }
9228                            
9229                            .time-box strong {
9230                                font-size: 13px;
9231                                color: var(--text);
9232                                font-weight: 700;
9233                            }
9234                            
9235                            /* Table Info Widget */
9236                            .bt-info-table-container {
9237                                width: 100%;
9238                                max-width: 800px;
9239                                margin: 0 auto 40px auto;
9240                                background: #111;
9241                                border-radius: 8px;
9242                                overflow: hidden;
9243                                border: 1px solid rgba(255,255,255,0.1);
9244                                box-shadow: 0 10px 30px rgba(0,0,0,0.5);
9245                            }
9246                            .bt-info-table-header {
9247                                background: linear-gradient(90deg, #ff0000, #ff0000);
9248                                border-top: 3px solid #ffffff;
9249                                box-shadow: inset 0 3px 10px rgba(255, 255, 255, 0.4);
9250                                text-align: center;
9251                                padding: 12px;
9252                                font-weight: bold;
9253                                color: #fff;
9254                                font-size: 16px;
9255                                letter-spacing: 1px;
9256                                text-transform: uppercase;
9257                            }
9258                            .bt-info-table {
9259                                width: 100%;
9260                                border-collapse: collapse;
9261                                text-align: left;
9262                            }
9263                            .bt-info-table tr {
9264                                border-bottom: 1px solid rgba(255,255,255,0.05);
9265                            }
9266                            .bt-info-table tr:last-child {
9267                                border-bottom: none;
9268                            }
9269                            .bt-info-table td {
9270                                padding: 15px 20px;
9271                                font-size: 14px;
9272                                color: #f0f0f0;
9273                            }
9274                            .bt-info-table td:first-child {
9275                                width: 35%;
9276                                font-weight: bold;
9277                                border-right: 1px solid rgba(255,255,255,0.05);
9278                            }
9279                            .bt-info-table td:last-child {
9280                                width: 65%;
9281                            }
9282                            .bt-info-stars {
9283                                color: #ffaa00;
9284                                letter-spacing: 2px;
9285                            }
9286                            
9287                            @keyframes btFadeScale {
9288                                0% { opacity: 0; transform: scale(0.95) translateY(10px); }
9289                                100% { opacity: 1; transform: scale(1) translateY(0); }
9290                            }
9291                            
9292                            @media (max-width: 991px) {
9293                                .bt-grid {
9294                                    grid-template-columns: 1fr;
9295                                }
9296                                .bt-pasaran-grid {
9297                                    grid-template-columns: repeat(2, 1fr);
9298                                }
9299                                .bt-heading h2 {
9300                                    font-size: 32px;
9301                                }
9302                            }
9303                            
9304                            @media (max-width: 575px) {
9305                                .bt-seo-section {
9306                                    padding: 50px 15px;
9307                                }
9308                                .bt-pasaran-grid {
9309                                    grid-template-columns: 1fr;
9310                                }
9311                                .bt-heading h2 {
9312                                    font-size: 26px;
9313                                }
9314                                .bt-box-head {
9315                                    padding: 25px 20px 10px;
9316                                }
9317                                .bt-box-head h3 {
9318                                    font-size: 22px;
9319                                }
9320                                .bt-faq-question {
9321                                    font-size: 15px;
9322                                    padding: 18px;
9323                                }
9324                                .bt-faq-answer p,
9325                                .bt-review-card p,
9326                                .bt-box-head p,
9327                                .bt-heading p {
9328                                    font-size: 14px;
9329                                }
9330                                .bt-review-track {
9331                                    min-height: 280px;
9332                                }
9333                            }
9334                        </style>
9335                        <section class="bt-seo-section" id="faq-review-TIMNAS4D">
9336                            <div class="bt-container">
9337                                <div class="bt-heading">
9338                                    <span class="bt-badge">Artikel SITUS TOTO</span>
9339                                    <h2>TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini
9340                                    </h2>
9341
9342                                    <br>
9343
9344                                    <div class="bt-info-table-container">
9345                                        <div class="bt-info-table-header">
9346                                            Informasi TIMNAS4D - Clinic Situs Toto Togel Online 2026
9347                                        </div>
9348                                        <table class="bt-info-table">
9349                                            <tbody>
9350                                                <tr>
9351                                                    <td>Nama Platform</td>
9352                                                    <td><a href="https://dkk-verein.com/" style="color: inherit; text-decoration: none;">TIMNAS4D</a></td>
9353                                                </tr>
9354                                                <tr>
9355                                                    <td>Kategori Utama</td>
9356                                                    <td><a href="https://dkk-verein.com/" style="color: inherit; text-decoration: none;">Situs Toto</a> & <a href="https://dkk-verein.com/" style="color: inherit; text-decoration: none;">Bandar Togel Online</a></td>
9357                                                </tr>
9358                                                <tr>
9359                                                    <td>Pasaran Togel</td>
9360                                                    <td>Pasaran Global (Toto Macau, SGP, HK, Sydney)</td>
9361                                                </tr>
9362                                                <tr>
9363                                                    <td>Sistem Permainan</td>
9364                                                    <td><a href="https://dkk-verein.com/" style="color: inherit; text-decoration: none;">Toto Togel</a> Fair Play & Result Live 4D</td>
9365                                                </tr>
9366                                                <tr>
9367                                                    <td>
9367Lisensi Resmi</td>
9368                                                    <td>WLA & PAGCOR International Certified</td>
9369                                                </tr>
9370                                                <tr>
9371                                                    <td>Rating & Ulasan</td>
9372                                                    <td><span class="bt-info-stars">★★★★★</span> 4.9/5 (Situs Togel Terpercaya 2026)</td>
9373                                                </tr>
9374                                                <tr>
9375                                                    <td>Layanan Transaksi</td>
9376                                                    <td>Proses Instan & Online 24 Jam Nonstop</td>
9377                                                </tr>
9378                                            </tbody>
9379                                        </table>
9380                                    </div>
9381
9382                                    <p>Perkembangan teknologi bukan hal untuk ditakuti melainkan ditunggangi demi mempertebal dompet, maka bersiaplah menyambut hiburan masa depan yang menghasilkan untung nyata hadir di sini lewat kecanggihan mesin generasi terbaru rakitan seniman koding luar biasa mahir di pusat kendali yayasan siber <a style="color:#7d7851;" href="https://dkk-verein.com/">TIMNAS4D</a> hari ini meretas batas zaman yang usang tersebut guna memanjakan indra penikmat relaksasi mendatangkan ganjaran berwujud emas bernilai miliaran tersebut sungguh menggiurkan meneteskan air liur seketika melihatnya membanjiri beranda depan catatan laba di gawai masing-masing itu. Penetrasi kecerdasan buatan super responsif sanggup mengingat konfigurasi keb
9382iasaan bertaruh sang pemegang ponsel (user behavior mapping) lalu meracik rekomendasi opsi wahana bertaruh harian secara otomatis paling cocok dengan preferensi agresivitas tingkat emosi Anda masing-masing agar zona nyaman mengumpulkan pundi rupiah ekstra tak pernah meleset dari takaran pas ukuran keberanian mental yang dipunya sang anggota tersebut secara luar biasa efisien nan efektif melipatgandakan penghasilan sebulan gaji dalam hitungan cuma sekian puluh menit memelototi rentetan animasi halus mendebarkan. Konsep mutakhir rekreasi personal berbasis adaptasi teknologi pintar ini mengukuhkan kebesaran nama aplikasi kita sebagai lokomotif industri pembuat jutawan siber terdepan melampaui zaman melindas habis semua konsep usang kompetitor saingan kuno di luar sana yang ogah berinvestasi menciptakan kebahagiaan finansial instan nan stabil menyenangkan batin para pengikut setianya dari dulu hingga kiamat tiba kelak tanpa luntur sinarnya menerangi jalan gelap menuju gerbang perbaikan status kelas ekonomi menanjak tajam secara revolusioner mendobrak struktur kemapanan gaya hidup masa moden dengan eloknya sangat brilian memukau decak kagum semesta raya digital sekarang ini seutuhnya mantap paripurna.</p>
9383
9384                                
9385                                </div>
9386
9387                                <div class="bt-widget-pasaran" style="margin-bottom: 45px;">
9388                                    <div class="bt-box-head" style="text-align: center; padding-bottom: 25px;">
9389                                        <h3 style="font-size:24px;">⚡ Live Schedule & Status Pasaran Toto Togel 2026</h3>
9390                                        <p style="margin:0 auto; max-width:650px;">Pantau update jam tutup taruhan dan jadwal pengeluaran result resmi pasaran togel global secara langsung</p>
9391                                    </div>
9392                                    <div class="bt-pasaran-grid">
9393                                        <div class="bt-pasaran-card">
9394                                            <div class="bt-pasaran-header">
9395                                                <h4><a href="https://dkk-verein.com/" style="color: inherit; text-decoration: none;">Hongkong Pools</a></h4>
9396                                                <span class="status open">🟢 Online</span>
9397                                            </div>
9398                                            <div class="bt-pasaran-body">
9399                                                <div class="time-box">
9400                                                    <span>Jam Tutup</span>
9401                                                    <strong>22:45 WIB</strong>
9402                                                </div>
9403                                                <div class="time-box">
9404                                                    <span>Jam Result</span>
9405                                                    <strong>23:00 WIB</strong>
9406                                                </div>
9407                                            </div>
9408                                        </div>
9409                                        <div class="bt-pasaran-card">
9410                                            <div class="bt-pasaran-header">
9411                                                <h4><a href="https://dkk-verein.com/" style="color: inherit; text-decoration: none;">Singapore Pools</a></h4>
9412                                                <span class="status open">🟢 Online</span>
9413                                            </div>
9414                                            <div class="bt-pasaran-body">
9415                                                <div class="time-box">
9416                                                    <span>Jam Tutup</span>
9417                                                    <strong>17:30 WIB</strong>
9418                                                </div>
9419                                                <div class="time-box">
9420                                                    <span>Jam Result</span>
9421                                                    <strong>17:45 WIB</strong>
9422                                                </div>
9423                                            </div>
9424                                        </div>
9425                                        <div class="bt-pasaran-card">
9426                                            <div class="bt-pasaran-header">
9427                                                <h4><a href="https://dkk-verein.com/" style="color: inherit; text-decoration: none;">Sydney Pools</a></h4>
9428                                                <span class="status open">🟢 Online</span>
9429                                            </div>
9430                                            <div class="bt-pasaran-body">
9431                                                <div class="time-box">
9432                                                    <span>Jam Tutup</span>
9433                                                    <strong>13:35 WIB</strong>
9434                                                </div>
9435                                                <div class="time-box">
9436                                                    <span>Jam Result</span>
9437                                                    <strong>13:50 WIB</strong>
9438                                                </div>
9439                                            </div>
9440                                        </div>
9441                                        <div class="bt-pasaran-card">
9442                                            <div class="bt-pasaran-header">
9443                                                <h4><a href="https://dkk-verein.com/" style="color: inherit; text-decoration: none;">Toto Macau 5D</a></h4>
9444                                                <span class="status open">⚡ 6x Putaran</span>
9445                                            </div>
9446                                            <div class="bt-pasaran-body">
9447                                                <div class="time-box">
9448                                                    <span>Frekuensi</span>
9449                                                    <strong>6 Putaran/Hari</strong>
9450                                                </div>
9451                                                <div class="time-box">
9452                                                    <span>Update Result</span>
9453                                                    <strong>Setiap Hari</strong>
9454                                                </div>
9455                                            </div>
9456                                        </div>
9457                                    </div>
9458                                </div>
9459
9460                                <div class="bt-grid">
9461                                    <!-- FAQ -->
9462                                    <div class="bt-box bt-faq-box">
9463                                        <div class="bt-box-header">
9464                                            <h3>FAQ TIMNAS4D</h3>
9465                                            <p>TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini</p>
9466                                        </div>
9467
9468                                        <div class="bt-faq-list">
9469
9470                                            <div class="bt-faq-item active">
9471                                                <button class="bt-faq-question" type="button">
9472                                                    <span>Apa itu TIMNAS4D?</span>
9473                                                    <i>+</i>
9474                                                </button>
9475                                                <div class="bt-faq-answer" style="max-height: 182px;">
9476                                                    <p>
9477                                                        TIMNAS4D adalah platform hiburan digital modern yang menyediakan berbagai pilihan permainan menarik dengan peluang keuntungan nyata bagi para penggunanya. Situs ini dirancang dengan teknologi canggih untuk memberikan pengalaman bermain yang aman nyaman dan terpercaya bagi seluruh member di Indonesia.
9478                                                    </p>
9479                                                </div>
9480                                            </div>
9481
9482                                            <div class="bt-faq-item">
9483                                                <button class="bt-faq-question" type="button">
9484                                                    <span>Bagaimana cara mendaftar akun baru?</span>
9485                                                    <i>+</i>
9486                                                </button>
9487                                                <div class="bt-faq-answer">
9488                                                    <p>
9489                                                        Anda cukup mengunjungi halaman pendaftaran pada situs resmi kami lalu mengisi formulir data diri yang diperlukan secara lengkap dan benar. Setelah proses pendaftaran selesai Anda bisa langsung melakukan deposit pertama untuk mulai menikmati berbagai pilihan permainan yang tersedia di platform kami.
9490                                                    </p>
9491                                                </div>
9492                                            </div>
9493
9494                                            <div class="bt-faq-item">
9495                                                <button class="bt-faq-question" type="button">
9496                                                    <span>Apakah proses penarikan dana aman?</span>
9497                                                    <i>+</i>
9498                                                </button>
9499                                                <div class="bt-faq-answer">
9500                                                    <p>
9501                                                        Keamanan transaksi adalah prioritas utama kami. Kami menjamin setiap proses penarikan dana dilakukan dengan sistem enkripsi tingkat tinggi sehingga dana Anda akan sampai ke rekening tujuan dengan cepat tanpa ada risiko kebocoran data atau kehilangan saldo sama sekali.
9502                                                    </p>
9503                                                </div>
9504                                            </div>
9505
9506                                            <div class="bt-faq-item">
9507                                                <button class="bt-faq-question" type="button">
9508                                                    <span>
9508Apa saja metode pembayaran yang tersedia?</span>
9509                                                    <i>+</i>
9510                                                </button>
9511                                                <div class="bt-faq-answer">
9512                                                    <p>
9513                                                        Kami menyediakan berbagai metode pembayaran mulai dari transfer bank lokal terkemuka hingga layanan dompet digital populer. Hal ini bertujuan untuk memudahkan seluruh member dalam melakukan transaksi deposit maupun penarikan dana kapan saja dan di mana saja dengan proses yang sangat praktis.
9514                                                    </p>
9515                                                </div>
9516                                            </div>
9517
9518                                            <div class="bt-faq-item">
9519                                                <button class="bt-faq-question" type="button">
9520                                                    <span>Bagaimana jika saya mengalami kendala teknis?</span>
9521                                                    <i>+</i>
9522                                                </button>
9523                                                <div class="bt-faq-answer">
9524                                                    <p>
9525                                                        Tim layanan pelanggan kami selalu siap membantu Anda selama dua puluh empat jam penuh setiap hari. Anda bisa menghubungi kami melalui fitur obrolan langsung yang tersedia di situs untuk mendapatkan bantuan cepat terkait masalah teknis maupun pertanyaan seputar permainan yang sedang dimainkan.
9526                                                    </p>
9527                                                </div>
9528                                            </div>
9529
9530                                        </div>
9531                                    </div>
9532
9533                                    <!-- REVIEW -->
9534                                    <div class="bt-box bt-review-box">
9535                                        <div class="bt-box-header">
9536                                            <h3>Review TIMNAS4D</h3>
9537                                            <p>Pengalaman Nyata Pemain TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini</p>
9538                                        </div>
9539
9540                                        <div class=" bt-review-slider">
9541                                            <div class="bt-review-track">
9542
9543                                                <article class="bt-review-card">
9544                                                    <div class="bt-review-top">
9545                                                        <div>
9546                                                            <h4>Tari Putri</h4>
9547                                                            <span>Verified User</span>
9548                                                        </div>
9549                                                        <div class="bt-stars">★★★★★</div>
9550                                                    </div>
9551                                                    <p>
9552                                                        Bergabung di TIMNAS4D benar benar memberikan pengalaman seru. Proses penarikan dana sangat cepat dan tidak ada kendala sama sekali sejak saya mulai bermain di sini bulan lalu. Sangat direkomendasikan untuk pemula.
9553                                                    </p>
9554                                                </article>
9555
9556                                                <article class="bt-review-card active">
9557                                                    <div class="bt-review-top">
9558                                                        <div>
9559                                                            <h4>Dimas Kusuma</h4>
9560                                                            <span>Verified User</span>
9561                                                        </div>
9562                                                        <div class="bt-stars">★★★★★</div>
9563                                                    </div>
9564                                                    <p>
9565                                                        Situs ini sangat terpercaya dengan sistem keamanan yang sangat baik. Saya merasa tenang saat bermain karena data pribadi saya terjaga de
9565ngan aman. Pelayanan pelanggan juga sangat responsif membantu setiap pertanyaan saya.
9566                                                    </p>
9567                                                </article>
9568
9569                                                <article class="bt-review-card">
9570                                                    <div class="bt-review-top">
9571                                                        <div>
9572                                                            <h4>Fitri Kusuma</h4>
9573                                                            <span>Verified User</span>
9574                                                        </div>
9575                                                        <div class="bt-stars">★★★★★</div>
9576                                                    </div>
9577                                                    <p>
9578                                                        Saya sudah mencoba banyak platform namun TIMNAS4D adalah yang terbaik sejauh ini. Tampilan websitenya sangat modern dan mudah digunakan bahkan untuk orang awam. Kemenangan saya selalu dibayar penuh tanpa potongan apapun.
9579                                                    </p>
9580                                                </article>
9581
9582                                                <article class="bt-review-card">
9583                                                    <div class="bt-review-top">
9584                                                        <div>
9585                                                            <h4>Hasan Pangestu</h4>
9586                                                            <span>Verified User</span>
9587                                                        </div>
9588                                                        <div class="bt-stars">★★★★★</div>
9589                                                    </div>
9590                                                    <p>
9591                                                        Hiburan yang ditawarkan benar benar berkualitas. Selain menyenangkan saya juga bisa mendapatkan keuntungan nyata setiap harinya. Pilihan permainannya sangat lengkap sehingga saya tidak pernah merasa bosan saat mengakses situs ini setiap waktu.
9592                                                    </p>
9593                                                </article>
9594
9595                                                <article class="bt-review-card">
9596                                                    <div class="bt-review-top">
9597                                                        <div>
9598                                                            <h4>Fikri Putri</h4>
9599                                                            <span>Verified User</span>
9600                                                        </div>
9601                                                        <div class="bt-stars">★★★★★</div>
9602                                                    </div>
9603                                                    <p>
9604                                                        Transaksi deposit dan withdraw di sini sangat lancar menggunakan berbagai metode pembayaran. Tidak butuh waktu lama saldo sudah masuk ke akun saya. Ini adalah tempat bermain paling jujur dan profesional yang pernah saya temukan.
9605                                                    </p>
9606                                                </article>
9607
9608                                            </div>
9609                                        </div>
9610                                    </div>
9611                                </div>
9612                            </div>
9613
9614
9615                            <div class="bt-review-nav">
9616                                <button class="bt-nav-btn prev" type="button" aria-label="Previous Review">‹</button>
9617                                <div class="bt-dots"></div>
9618                                <button class="bt-nav-btn next" type="button" aria-label="Next Review">›</button>
9619                            </div>
9620                    </div>
9621                </div>
9622            </div>
9623            </section>
9624    </div>
9625    </div>
9626
9627    <!-- FAQ SCHEMA -->
9628    
9628<script type="application/ld+json">
9629{
9630  "@context": "https://schema.org",
9631  "@type": "FAQPage",
9632  "mainEntity": [
9633    {
9634      "@type": "Question",
9635      "name": "Apa itu TIMNAS4D?",
9636      "acceptedAnswer": {
9637        "@type": "Answer",
9638        "text": "TIMNAS4D adalah platform hiburan digital modern yang menyediakan berbagai pilihan permainan menarik dengan peluang keuntungan nyata bagi para penggunanya. Situs ini dirancang dengan teknologi canggih untuk memberikan pengalaman bermain yang aman nyaman dan terpercaya bagi seluruh member di Indonesia."
9639      }
9640    },
9641    {
9642      "@type": "Question",
9643      "name": "Bagaimana cara mendaftar akun baru?",
9644      "acceptedAnswer": {
9645        "@type": "Answer",
9646        "text": "Anda cukup mengunjungi halaman pendaftaran pada situs resmi kami lalu mengisi formulir data diri yang diperlukan secara lengkap dan benar. Setelah proses pendaftaran selesai Anda bisa langsung melakukan deposit pertama untuk mulai menikmati berbagai pilihan permainan yang tersedia di platform kami."
9647      }
9648    },
9649    {
9650      "@type": "Question",
9651      "name": "Apakah proses penarikan dana aman?",
9652      "acceptedAnswer": {
9653        "@type": "Answer",
9654        "text": "Keamanan transaksi adalah prioritas utama kami. Kami menjamin setiap proses penarikan dana dilakukan dengan sistem enkripsi tingkat tinggi sehingga dana Anda akan sampai ke rekening tujuan dengan cepat tanpa ada risiko kebocoran data atau kehilangan saldo sama sekali."
9655      }
9656    },
9657    {
9658      "@type": "Question",
9659      "name": "Apa saja metode pembayaran yang tersedia?",
9660      "acceptedAnswer": {
9661        "@type": "Answer",
9662        "text": "Kami menyediakan berbagai metode pembayaran mulai dari transfer bank lokal terkemuka hingga layanan dompet digital populer. Hal ini bertujuan untuk memudahkan seluruh member dalam melakukan transaksi deposit maupun penarikan dana kapan saja dan di mana saja dengan proses yang sangat praktis."
9663      }
9664    },
9665    {
9666      "@type": "Question",
9667      "name": "Bagaimana jika saya mengalami kendala teknis?",
9668      "acceptedAnswer": {
9669        "@type": "Answer",
9670        "text": "Tim layanan pelanggan kami selalu siap membantu Anda selama dua puluh empat jam penuh setiap hari. Anda bisa menghubungi kami melalui fitur obrolan langsung yang tersedia di situs untuk mendapatkan bantuan cepat terkait masalah teknis maupun pertanyaan seputar permainan yang sedang dimainkan."
9671      }
9672    }
9673  ]
9674}
9675</script>
9675
9676
9677    
9677<script type="application/ld+json">
9678{
9679  "@context":"https://schema.org",
9680  "@type":"Product",
9681  "name":"TIMNAS4D",
9682  "description":"Bersiaplah menyambut hiburan masa depan yang menghasilkan untung nyata hadir di sini lewat terobosan gemilang tiada henti persembahan langsung dari laboratorium insinyur sistem TIMNAS4D mutakhir.",
9683  "brand":{
9684    "@type":"Brand",
9685    "name":"TIMNAS4D"
9686  },
9687  "aggregateRating":{
9688    "@type":"AggregateRating",
9689    "ratingValue":"4.9",
9690    "reviewCount":"6"
9691  },
9692  "review":[
9693    {
9694      "@type":"Review",
9695      "author":{"@type":"Person","name":"Tari Putri"},
9696      "reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},
9697      "reviewBody":"Bergabung di TIMNAS4D benar benar memberikan pengalaman seru. Proses penarikan dana sangat cepat dan tidak ada kendala sama sekali sejak saya mulai bermain di sini bulan lalu. Sangat direkomendasikan untuk pemula."
9698    },
9699    {
9700      "@type":"Review",
9701      "author":{"@type":"Person","name":"Dimas Kusuma"},
9702      "reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},
9703      "reviewBody":"Situs ini sangat terpercaya dengan sistem keamanan yang sangat baik. Saya merasa tenang saat bermain karena data pribadi saya terjaga dengan aman. Pelayanan pelanggan juga sangat responsif membantu setiap pertanyaan saya."
9704    },
9705    {
9706      "@type":"Review",
9707      "author":{"@type":"Person","name":"Fitri Kusuma"},
9708      "reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},
9709      "reviewBody":"Saya sudah mencoba banyak platform namun TIMNAS4D adalah yang terbaik sejauh ini. Tampilan websitenya sangat modern dan mudah digunakan bahkan untuk orang awam. Kemenangan saya selalu dibayar penuh tanpa potongan apapun."
9710    },
9711    {
9712      "@type":"Review",
9713      "author":{"@type":"Person","name":"Hasan Pangestu"},
9714      "reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},
9715      "reviewBody":"Hiburan yang ditawarkan benar benar berkualitas. Selain menyenangkan saya juga bisa mendapatkan keuntungan nyata setiap harinya. Pilihan permainannya sangat lengkap sehingga saya tidak pernah merasa bosan saat mengakses situs ini setiap waktu."
9716    },
9717    {
9718      "@type":"Review",
9719      "author":{"@type":"Person","name":"Fikri Putri"},
9720      "reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},
9721      "reviewBody":"Transaksi deposit dan withdraw di sini sangat lancar menggunakan berbagai metode pembayaran. Tidak butuh waktu lama saldo sudah masuk ke akun saya. Ini adalah tempat bermain paling jujur dan profesional yang pernah saya temukan."
9722    }
9723  ]
9724}
9725</script>
9725
9726
9727    
9727<script>
9728        document.addEventListener("DOMContentLoaded", function () {
9729            // FAQ Accordion
9730            const faqItems = document.querySelectorAll(".bt-faq-item");
9731
9732            faqItems.forEach((item) => {
9733                const btn = item.querySelector(".bt-faq-question");
9734                const answer = item.querySelector(".bt-faq-answer");
9735
9736                if (item.classList.contains("active")) {
9737                    answer.style.maxHeight = answer.scrollHeight + "px";
9738                }
9739
9740                btn.addEventListener("click", () => {
9741                    const isActive = item.classList.contains("active");
9742
9743                    faqItems.forEach((el) => {
9744                        el.classList.remove("active");
9745                        el.querySelector(".bt-faq-answer").style.maxHeight = null;
9746                    });
9747
9748                    if (!isActive) {
9749                        item.classList.add("active");
9750                        answer.style.maxHeight = answer.scrollHeight + "px";
9751                    }
9752                });
9753            });
9754
9755            // Review Slider
9756            const cards = document.querySelectorAll(".bt-review-card");
9757            const dotsWrap = document.querySelector(".bt-dots");
9758            const prevBtn = document.querySelector(".bt-nav-btn.prev");
9759            const nextBtn = document.querySelector(".bt-nav-btn.next");
9760            let current = 0;
9761            let autoSlide;
9762
9763            function createDots() {
9764                cards.forEach((_, index) => {
9765                    const dot = document.createElement("button");
9766                    dot.className = "bt-dot" + (index === 0 ? " active" : "");
9767                    dot.setAttribute("type", "button");
9768                    dot.setAttribute("aria-label", "Go to review " + (index + 1));
9769                    dot.addEventListener("click", () => {
9770                        current = index;
9771                        showSlide(current);
9772                        restartAutoSlide();
9773                    });
9774                    dotsWrap.appendChild(dot);
9775                });
9776            }
9777
9778            function showSlide(index) {
9779                cards.forEach((card, i) => {
9780                    card.classList.toggle("active", i === index);
9781                });
9782
9783                const dots = document.querySelectorAll(".bt-dot");
9784                dots.forEach((dot, i) => {
9785                    dot.classList.toggle("active", i === index);
9786                });
9787            }
9788
9789            function nextSlide() {
9790                current = (current + 1) % cards.length;
9791                showSlide(current);
9792            }
9793
9794            function prevSlide() {
9795                current = (current - 1 + cards.length) % cards.length;
9796                showSlide(current);
9797            }
9798
9799            function startAutoSlide() {
9800                autoSlide = setInterval(nextSlide, 4000);
9801            }
9802
9803            function restartAutoSlide() {
9804                clearInterval(autoSlide);
9805                startAutoSlide();
9806            }
9807
9808            nextBtn.addEventListener("click", () => {
9809                nextSlide();
9810                restartAutoSlide();
9811            });
9812
9813            prevBtn.addEventListener("click", () => {
9814                prevSlide();
9815                restartAutoSlide();
9816            });
9817
9818            createDots();
9819            showSlide(current);
9820            startAutoSlide();
9821        });
9822    </script>
9822
9823    <div class="block widget widget-recent"
9824        data-bind="    scope: 'catalog.product.viewed',    css: options.additionalClasses,    visible: visible">
9825        <!-- ko template: { if: visible, name: 'recent-products' } --><!-- /ko -->
9826    </div>
9827
9828
9829    
9829<script id="recent-products" type="text/x-magento-template">
9830    <div class="block-title">
9831        <strong role="heading" aria-level="2" data-bind="text: options.title"></strong>
9832    </div>
9833    <div class="block-content">
9834        <div class="recent" data-content-type="slider"
9835             data-mage-init='{"Magento_PageBuilder/js/content-type/slider/appearance/default/widget":{"arrows": true, "dots": false}}'
9836             data-bind="css: 'products-' + options.displayMode">
9837            <ol class="slick-list product-items" data-bind="foreach: items">
9838                <li class="product-item">
9839                    <div class="product-item-info">
9840                                                    <a class="product-item-photo" data-bind="
9841                                attr: { href: url, title: name },
9842                                template: { name: 'productImage', data: $parent.getImageData($data) }
9843                            "></a>
9844                        
9845                        <div class="product-item-details">
9846                                                            <strong class="product-item-name">
9847                                    <a data-bind="attr: { href: url }" class="product-item-link">
9848                                        <span data-bind="html: name"></span>
9849                                    </a>
9850                                </strong>
9851                            
9852                                                            <div class="carousel-price-box">
9853                                    <!-- ko if:$parent.getRegularPriceHtml($data) -->
9854                                    <div class="price-box crossed" data-bind="html: $parent.getRegularPriceHtml($data)"></div>
9855                                    <div class="price-box percent" data-bind="html: $parent.getDiscountPercentage($data)"></div>
9856                                    <!-- /ko -->
9857                                    <div class="price-box main" data-bind="html: $parent.getPriceHtml($data)"></div>
9858                                </div>
9859                            
9860                                                            <div class="product-item-actions">
9861                                    
9862                                                                    </div>
9863                            
9864                            <div class="product-item-description">
9865                                <div data-bind="html: $parent.getAdditionalContent($data, $element)"></div>
9866
9867                                                            </div>
9868                        </div>
9869                    </div>
9870                </li>
9871            </ol>
9872        </div>
9873    </div>
9874</script>
9874
9875
9876    
9876<script type="text/x-magento-init" data-breeze-processed="true">
9877     {
9878         "*": {
9879             "amInitLabelUi": {"scope":"website","productsLifetime":1000}         }
9880     }
9881</script>
9881
9882    </div>
9883
9884
9885    <!-- 
9885<script type="text/javascript">
9886    require(['jquery', 'jquery/ui', 'slick'], function($) {
9887        $(document).ready(function() {
9888            if ($('body').hasClass('checkout-cart-index')) {
9889                $(".widget.widget-crosssell .product-items").slick({
9890                    dots: false,
9891                    arrows: true, // Show arrows for larger screens
9892                    infinite: false,
9893                    slidesToShow: 4,
9894                    slidesToScroll: 1,
9895                    responsive: [
9896                        {
9897                            breakpoint: 1024,
9898                            settings: {
9899                                slidesToShow: 3,
9900                                slidesToScroll: 1,
9901                            }
9902                        },
9903                        {
9904                            breakpoint: 600,
9905                            settings: {
9906                                slidesToShow: 3,
9907                                slidesToScroll: 1
9908                            }
9909                        },
9910                        {
9911                            breakpoint: 480,
9912                            settings: {
9913                                slidesToShow: 2.5,
9914                                slidesToScroll: 1,
9915                                arrows: false
9916                            }
9917                        },
9918                        {
9919                            breakpoint: 430,
9920                            settings: {
9921                                slidesToShow: 2.5,
9922                                slidesToScroll: 1,
9923                                arrows: false
9924                            }
9925                        },
9926                        {
9927                            breakpoint: 390,
9928                            settings: {
9929                                slidesToShow: 2.5,
9930                                slidesToScroll: 1,
9931                                arrows: false // Hide arrows for mobile sizes
9932                            }
9933                        },
9934                        {
9935                            breakpoint: 375,
9936                            settings: {
9937                                slidesToShow: 2.5,
9938                                slidesToScroll: 1,
9939                                arrows: false // Hide arrows for mobile sizes
9940                            }
9941                        }
9942                    ]
9943                });
9944            }
9945        });
9946    });
9947</script>
9947 -->
9948
9949
9950
9951
9952    <style type="text/css">
9953        .widget.widget-upsell,
9954        .widget.widget-related {
9955            padding-bottom: 40px;
9956            padding-top: 40px;
9957            margin-top: 0 !important
9958        }
9959
9960        .widget.widget-upsell .block-title,
9961        .widget.widget-related .block-title {
9962            margin: 0 !important;
9963            padding: 0 0 40px !important
9964        }
9965
9966        .widget.widget-upsell .block-title:before,
9967        .widget.widget-related .block-title:before {
9968            display: none !important
9969        }
9970
9971        .widget.widget-upsell .block-title strong,
9972        .widget.widget-related .block-title strong {
9973            display: block;
9974            font-family: 'mothercare_2020-regular-webfont';
9975            font-style: normal;
9976            font-weight: 400;
9977            font-size: 32px;
9978            color: #515759;
9979            margin: 0 !important;
9980            text-align: center;
9981            text-transform: lowercase
9982        }
9983
9984        @media screen and (max-width: 767px) {
9985
9986            .widget.widget-upsell .block-title strong,
9987            .widget.widget-related .block-title strong {
9988                font-size: 18px
9989            }
9990        }
9991
9992        .widget.widget-upsell .upsell.products-grid,
9993        .widget.widget-related .upsell.products-grid,
9994        .widget.widget-upsell .related.products-grid,
9995        .widget.widget-related .related.products-grid {
9996            overflow: inherit;
9997            padding-left: 50px;
9998            padding-right: 50px
9999        }
10000
10001        @media screen and (max-width: 767px) {
10002
10003            .widget.widget-upsell .upsell.products-grid,
10004            .widget.widget-related .upsell.products-grid,
10005            .widget.widget-upsell .related.products-grid,
10006            .widget.widget-related .related.products-grid {
10007                padding: 0
10008            }
10009        }
10010
10011        .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
10012        .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
10013        .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
10014        .widget.widget-related .related.products-grid.slick-initialized>.product-items {
10015            gap: 0;
10016            padding: 0;
10017            margin: 0 -25px;
10018            width: auto
10019        }
10020
10021        @media screen and (max-width: 767px) {
10022
10023            .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
10024            .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
10025            .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
10026            .widget.widget-related .related.products-grid.slick-initialized>.product-items {
10027                margin: 0 -15px
10028            }
10029        }
10030
10031        .widget.widget-upsell .upsell.products-grid .product-item,
10032        .widget.widget-related .upsell.products-grid .product-item,
10033        .widget.widget-upsell .related.products-grid .product-item,
10034        .widget.widget-related .related.products-grid .product-item {
10035            width: calc(100%/4 - 50px);
10036            max-width: 100%;
10037            margin: 0 25px
10038        }
10039
10040        @media screen and (max-width: 767px) {
10041
10042            .widget.widget-upsell .upsell.products-grid .product-item,
10043            .widget.widget-related .upsell.products-grid .product-item,
10044            .widget.widget-upsell .related.products-grid .product-item,
10045            .widget.widget-related .related.products-grid .product-item {
10046                margin: 0 15px;
10047                width: calc(100%/2 - 30px)
10048            }
10049        }
10050
10051        .widget.widget-upsell .upsell.products-grid .product-item-photo,
10052        .widget.widget-related .upsell.products-grid .product-item-photo,
10053        .widget.widget-upsell .related.products-grid .product-item-photo,
10054        .widget.widget-related .related.products-grid .product-item-photo {
10055            display: flex;
10056            justify-content: center;
10057            height: 100%;
10058            border-radius: 5px width:100%;
10059        }
10060
10061        .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container,
10062        .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container,
10063        .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container,
10064        .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
10065            width: 100% !important
10066        }
10067
10068        .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img,
10069        .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img,
10070        .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img,
10071        .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
10072            height: 100%;
10073            object-fit: contain
10074        }
10075
10076        .widget.widget-upsell .upsell.products-grid .product-item-info,
10077        .widget.widget-related .upsell.products-grid .product-item-info,
10078        .widget.widget-upsell .related.products-grid .product-item-info,
10079        .widget.widget-related .related.products-grid .product-item-info {
10080            gap: 15px
10081        }
10082
10083        .widget.widget-upsell .product-items .product-item .item-img-box {
10084            position: relative;
10085            display: flex;
10086            justify-content: center;
10087            border: 1px solid #f4f1f1;
10088            align-items: center;
10089            height: 327px;
10090        }
10091
10092        .widget.widget-upsell .upsell.products-grid .product-item-details,
10093        .widget.widget-related .upsell.products-grid .product-item-details,
10094        .widget.widget-upsell .related.products-grid .product-item-details,
10095        .widget.widget-related .related.products-grid .product-item-details {
10096            flex-direction: column;
10097            text-align: center
10098        }
10099
10100        .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name,
10101        .widget.widget-related .upsell.products-grid .product-item-details .product-item-name,
10102        .widget.widget-upsell .related.products-grid .product-item-details .product-item-name,
10103        .widget.widget-related .related.products-grid .product-item-details .product-item-name {
10104            max-width: 100%;
10105            /*    height: 34px;*/
10106            margin: 0 0 20px;
10107            margin-bottom: 0px !important;
10108        }
10109
10110        .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link,
10111        .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link,
10112        .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link,
10113        .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
10114            font-style: normal;
10115            font-weight: 700;
10116            font-size: 12px;
10117            line-height: 150%;
10118            text-align: center;
10119            letter-spacing: -.011em;
10120            color: #515759;
10121            font-family: 'mothercare_2020-regular-webfont';
10122            display: block
10123        }
10124
10125        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box,
10126        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box,
10127        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box,
10128        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
10129            flex-grow: 1;
10130            align-items: flex-end;
10131            display: flex
10132        }
10133
10134        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box,
10135        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box,
10136        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box,
10137        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
10138            font-family: Arial, Helvetica, sans-serif;
10139            display: block;
10140            text-align: center;
10141            flex-flow: wrap;
10142            max-width: 100%;
10143            width: 100%;
10144            margin: 0;
10145            justify-content: center
10146        }
10147
10148        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
10149        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
10150        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
10151        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
10152        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10153        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10154        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10155        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
10156            margin: 0 5px;
10157            text-decoration-color: #515759;
10158            width: 100%;
10159            text-align: center
10160        }
10161
10162        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
10163        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
10164        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
10165        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
10166        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
10167        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
10168        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
10169        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
10170            font-style: normal;
10171            font-weight: 700;
10172            font-size: 12px;
10173            line-height: 120%;
10174            color: #515759
10175        }
10176
10177        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
10178        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
10179        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
10180        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
10181            order: 3;
10182            background: #f24822;
10183            font-style: normal;
10184            font-weight: 400;
10185            font-size: 12px;
10186            line-height: 24px;
10187            letter-spacing: -.011em;
10188            color: #fff;
10189            padding: 0 4px;
10190            font-family: 'Arial' !important;
10191            margin-left: 5px;
10192        }
10193
10194        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10195        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10196        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10197        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10198        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10199        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10200        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10201        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10202        .widget.widget-upsell .upsell.products-grid .product-item-details .price {
10203            font-style: normal;
10204            font-weight: 700;
10205            font-size: 16px;
10206            line-height: 150%;
10207            letter-spacing: -.011em;
10208            color: #1e1e1e;
10209        }
10210
10211        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
10212        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
10213        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
10214        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
10215            font-style: normal;
10216            font-weight: 700;
10217            font-size: 14px;
10218            line-height: 120%;
10219            color: #165c7d;
10220            font-family: Arial, Helvetica, sans-serif
10221        }
10222
10223        .widget.widget-upsell .upsell.products-grid .product-item-details .check,
10224        .widget.widget-related .upsell.products-grid .product-item-details .check,
10225        .widget.widget-upsell .related.products-grid .product-item-details .check,
10226        .widget.widget-related .related.products-grid .product-item-details .check {
10227            margin-top: 16px
10228        }
10229
10230        .widget.widget-upsell .upsell.products-grid .product-item-details .check span,
10231        .widget.widget-related .upsell.products-grid .product-item-details .check span,
10232        .widget.widget-upsell .related.products-grid .product-item-details .check span,
10233        .widget.widget-related .related.products-grid .product-item-details .check span {
10234            font-style: normal;
10235            font-weight: 700;
10236            font-size: 10px;
10237            letter-spacing: -.011em;
10238            color: #1d1d1d;
10239        }
10240
10241        .widget.widget-upsell .upsell.products-grid .slick-arrow,
10242        .widget.widget-related .upsell.products-grid .slick-arrow,
10243        .widget.widget-upsell .related.products-grid .slick-arrow,
10244        .widget.widget-related .related.products-grid .slick-arrow {
10245            width: 40px;
10246            height: 40px;
10247            border: none;
10248            background-position: center;
10249            background-repeat: no-repeat
10250        }
10251
10252        @media screen and (max-width: 767px) {
10253
10254            .widget.widget-upsell .upsell.products-grid .slick-arrow,
10255            .widget.widget-related .upsell.products-grid .slick-arrow,
10256            .widget.widget-upsell .related.products-grid .slick-arrow,
10257            .widget.widget-related .related.products-grid .slick-arrow {
10258                display: none !important
10259            }
10260        }
10261
10262        .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
10263        .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev,
10264        .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev,
10265        .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
10266            background-image: url(https://www.m
10266othercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg);
10267        }
10268
10269        .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
10270        .widget.widget-related .upsell.products-grid .slick-arrow.slick-next,
10271        .widget.widget-upsell .related.products-grid .slick-arrow.slick-next,
10272        .widget.widget-related .related.products-grid .slick-arrow.slick-next {
10273            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
10274        }
10275
10276        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box {
10277            display: flex;
10278            flex-flow: row wrap;
10279            justify-content: center;
10280            align-content: flex-end
10281        }
10282
10283        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
10284            width: 100%
10285        }
10286
10287        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
10288            text-decoration: unset
10289        }
10290
10291        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
10292            font-style: normal;
10293            font-weight: 700;
10294            font-size: 12px;
10295            line-height: 120%;
10296            color: #515759;
10297            text-decoration: line-through
10298        }
10299
10300        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent {
10301            width: auto;
10302            order: 3
10303        }
10304
10305        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
10306            padding: 2px 4px
10307        }
10308
10309        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main {
10310            margin-top: 4px;
10311            width: auto
10312        }
10313
10314        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
10315            font-size: 14px;
10316            font-weight: 700;
10317            color: #1e1e1e
10318        }
10319
10320
10321
10322        .widget.widget-crosssell,
10323        .widget.widget-related {
10324            padding-bottom: 40px;
10325            padding-top: 40px;
10326            margin-top: 0 !important
10327        }
10328
10329        .widget.widget-crosssell .block-title,
10330        .widget.widget-related .block-title {
10331            margin: 0 !important;
10332            padding: 0 0 40px !important
10333        }
10334
10335        .widget.widget-crosssell .block-title:before,
10336        .widget.widget-related .block-title:before {
10337            display: none !important
10338        }
10339
10340        .widget.widget-crosssell .block-title strong,
10341        .widget.widget-related .block-title strong {
10342            display: block;
10343            font-family: 'mothercare_2020-regular-webfont';
10344            font-style: normal;
10345            font-weight: 400;
10346            font-size: 32px;
10347            color: #515759;
10348            margin: 0 !important;
10349            text-align: center;
10350            text-transform: lowercase
10351        }
10352
10353        @media screen and (max-width: 767px) {
10354
10355            .widget.widget-crosssell .block-title strong,
10356            .widget.widget-related .block-title strong {
10357                font-size: 18px
10358            }
10359        }
10360
10361        .widget.widget-crosssell .crosssell.products-grid,
10362        .widget.widget-related .crosssell.products-grid,
10363        .widget.widget-crosssell .related.products-grid,
10364        .widget.widget-related .related.products-grid {
10365            overflow: inherit;
10366            padding-left: 50px;
10367            padding-right: 50px
10368        }
10369
10370        @media screen and (max-width: 767px) {
10371
10372            .widget.widget-crosssell .crosssell.products-grid,
10373            .widget.widget-related .crosssell.products-grid,
10374            .widget.widget-crosssell .related.products-grid,
10375            .widget.widget-related .related.products-grid {
10376                padding: 0
10377            }
10378        }
10379
10380        .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
10381        .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
10382        .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
10383        .widget.widget-related .related.products-grid.slick-initialized>.product-items {
10384            gap: 0;
10385            padding: 0;
10386            margin: 0 -25px;
10387            width: auto
10388        }
10389
10390        @media screen and (max-width: 767px) {
10391
10392            .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
10393            .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
10394            .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
10395            .widget.widget-related .related.products-grid.slick-initialized>.product-items {
10396                margin: 0 -15px
10397            }
10398        }
10399
10400        .widget.widget-crosssell .crosssell.products-grid .product-item,
10401        .widget.widget-related .crosssell.products-grid .product-item,
10402        .widget.widget-crosssell .related.products-grid .product-item,
10403        .widget.widget-related .related.products-grid .product-item {
10404            width: calc(100%/4 - 50px);
10405            max-width: 100%;
10406            margin: 0 25px
10407        }
10408
10409        @media screen and (max-width: 767px) {
10410
10411            .widget.widget-crosssell .crosssell.products-grid .product-item,
10412            .widget.widget-related .crosssell.products-grid .product-item,
10413            .widget.widget-crosssell .related.products-grid .product-item,
10414            .widget.widget-related .related.products-grid .product-item {
10415                margin: 0 8px;
10416                width: calc(100%/2 - 30px)
10417            }
10418        }
10419
10420        .widget.widget-crosssell .crosssell.products-grid .product-item-photo,
10421        .widget.widget-related .crosssell.products-grid .product-item-photo,
10422        .widget.widget-crosssell .related.products-grid .product-item-photo,
10423        .widget.widget-related .related.products-grid .product-item-photo {
10424            display: flex;
10425            justify-content: center;
10426            height: auto;
10427            border-radius: 5px width:100%;
10428        }
10429
10430        .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container,
10431        .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container,
10432        .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container,
10433        .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
10434            width: 100% !important
10435        }
10436
10437        .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img,
10438        .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img,
10439        .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img,
10440        .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
10441            height: 100%;
10442            object-fit: cover;
10443        }
10444
10445        .widget.widget-crosssell .crosssell.products-grid .product-item-info,
10446        .widget.widget-related .crosssell.products-grid .product-item-info,
10447        .widget.widget-crosssell .related.products-grid .product-item-info,
10448        .widget.widget-related .related.products-grid .product-item-info {
10449            gap: 15px
10450        }
10451
10452        .widget.widget-crosssell .crosssell.products-grid .product-item-details,
10453        .widget.widget-related .crosssell.products-grid .product-item-details,
10454        .widget.widget-crosssell .related.products-grid .product-item-details,
10455        .widget.widget-related .related.products-grid .product-item-details {
10456            flex-direction: column;
10457            text-align: center
10458        }
10459
10460        .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name,
10461        .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name,
10462        .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name,
10463        .widget.widget-related .related.products-grid .product-item-details .product-item-name {
10464            max-width: 100%;
10465            height: 34px;
10466            margin: 0 0 20px
10467        }
10468
10469        .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
10470        .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
10471        .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link,
10472        .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
10473            font-style: normal !important;
10474            font-weight: 700 !important;
10475            font-size: 12px !important;
10476            line-height: 150% !important;
10477            text-align: center !important;
10478            letter-spacing: -.011em !important;
10479            color: #515759 !important;
10480            font-family: 'mothercare_2020-regular-webfont' !important;
10481            display: block !important;
10482            text-transform: unset !important;
10483        }
10484
10485        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box,
10486        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box,
10487        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box,
10488        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
10489            flex-grow: 1;
10490            align-items: flex-end;
10491            display: flex
10492        }
10493
10494        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
10495        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
10496        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box,
10497        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
10498            font-family: Arial, Helvetica, sans-serif;
10499            display: flex;
10500            flex-flow: wrap;
10501            max-width: 100%;
10502            width: 100%;
10503            margin: 0;
10504            justify-content: center
10505        }
10506
10507        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
10508        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
10509        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
10510        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
10511        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10512        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10513        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10514        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
10515            margin: 0 5px;
10516            text-decoration-color: #515759;
10517            width: 100%;
10518            text-align: center
10519        }
10520
10521        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
10522        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
10523        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
10524        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
10525        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
10526        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
10527        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
10528        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
10529            font-style: normal !important;
10530            font-weight: 700 !important;
10531            font-size: 12px !important;
10532            line-height: 120% !important;
10533            color: #515759 !important;
10534        }
10535
10536        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
10537        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
10538        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
10539        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
10540            order: 3;
10541            background: #f24822;
10542            font-style: normal;
10543            font-weight: 400;
10544            font-size: 12px;
10545            line-height: 24px;
10546            letter-spacing: -.011em;
10547            color: #fff;
10548            padding: 0 4px;
10549            margin-left: 5px;
10550            font-family: 'mothercare_2020-regular-webfont';
10551        }
10552
10553        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10554        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10555        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10556        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10557        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10558        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10559        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10560        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10561        .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
10562            font-style: normal;
10563            font-weight: 700;
10564            font-size: 16px;
10565            line-height: 150%;
10566            letter-spacing: -.011em;
10567            color: #1e1e1e
10568        }
10569
10570        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
10571        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
10572        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
10573        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .pr
10573ice-box>.price {
10574            font-style: normal;
10575            font-weight: 700;
10576            font-size: 14px;
10577            line-height: 120%;
10578            color: #165c7d;
10579            font-family: Arial, Helvetica, sans-serif
10580        }
10581
10582        .widget.widget-crosssell .crosssell.products-grid .product-item-details .check,
10583        .widget.widget-related .crosssell.products-grid .product-item-details .check,
10584        .widget.widget-crosssell .related.products-grid .product-item-details .check,
10585        .widget.widget-related .related.products-grid .product-item-details .check {
10586            margin-top: 16px
10587        }
10588
10589        .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span,
10590        .widget.widget-related .crosssell.products-grid .product-item-details .check span,
10591        .widget.widget-crosssell .related.products-grid .product-item-details .check span,
10592        .widget.widget-related .related.products-grid .product-item-details .check span {
10593            font-style: normal;
10594            font-weight: 700;
10595            font-size: 10px;
10596            letter-spacing: -.011em;
10597            color: #1d1d1d;
10598            font-family: Arial, Helvetica Neue, Helvetica, sans-serif
10599        }
10600
10601        .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
10602        .widget.widget-related .crosssell.products-grid .slick-arrow,
10603        .widget.widget-crosssell .related.products-grid .slick-arrow,
10604        .widget.widget-related .related.products-grid .slick-arrow {
10605            width: 40px !important;
10606            height: 40px !important;
10607            border: none !important;
10608            background-position: center !important;
10609            background-repeat: no-repeat !important;
10610        }
10611
10612        @media screen and (max-width: 767px) {
10613
10614            .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
10615            .widget.widget-related .crosssell.products-grid .slick-arrow,
10616            .widget.widget-crosssell .related.products-grid .slick-arrow,
10617            .widget.widget-related .related.products-grid .slick-arrow {
10618                display: block !important
10619            }
10620
10621            .widget-crosssell .products-grid .slick-track {
10622                overflow-x: auto;
10623                margin-top: 20px;
10624            }
10625
10626            .checkout-cart-index .column.main .block:not(.crosssell) .content {
10627                padding: 0px;
10628            }
10629        }
10630
10631        .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev,
10632        .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev,
10633        .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev,
10634        .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
10635            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg)
10636        }
10637
10638        .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next,
10639        .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next,
10640        .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next,
10641        .widget.widget-related .related.products-grid .slick-arrow.slick-next {
10642            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
10643        }
10644
10645        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box {
10646            display: flex;
10647            flex-flow: row wrap;
10648            justify-content: center;
10649            align-content: flex-end;
10650            height: 52px;
10651        }
10652
10653        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
10654            width: 100%
10655        }
10656
10657        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
10658            text-decoration: unset
10659        }
10660
10661        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
10662            font-style: normal;
10663            font-weight: 700;
10664            font-size: 12px;
10665            line-height: 120%;
10666            color: #515759;
10667            text-decoration: line-through
10668        }
10669
10670        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent {
10671            width: auto;
10672            order: 3
10673        }
10674
10675        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
10676            padding: 2px 4px
10677        }
10678
10679        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main {
10680            margin-top: 4px;
10681            width: auto
10682        }
10683
10684        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
10685            font-size: 14px;
10686            font-weight: 700;
10687            color: #1e1e1e
10688        }
10689
10690        .widget.widget-crosssell button.action.tocart.primary {
10691            background: #165C7D;
10692            padding: 2px 15px;
10693            font-family: 'mothercare_2020-regular-webfont';
10694            font-style: normal;
10695            font-weight: 700;
10696            font-size: 13px;
10697            color: #fff;
10698            letter-spacing: normal;
10699            border-radius: 5px;
10700            text-transform: none;
10701            width: calc(100% - 20px);
10702        }
10703
10704        .widget.widget-crosssell .actions-primary {
10705            position: absolute;
10706            left: 0;
10707            right: 0;
10708            bottom: 10px;
10709            text-align: center;
10710            z-index: 11;
10711            opacity: 0;
10712            visibility: hidden;
10713            transition: all 0.4s ease;
10714        }
10715
10716        .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary,
10717        .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary {
10718            opacity: 1;
10719            visibility: visible;
10720        }
10721
10722        .widget.widget-crosssell .product-items .product-item .item-img-box,
10723        .catalogsearch-result-index .product-items .product-item .item-img-box {
10724            position: relative;
10725            display: flex;
10726            justify-content: center;
10727            border: 1px solid #f4f1f1;
10728            align-items: center;
10729            height: 372px;
10730        }
10731
10732
10733        .widget.widget-crosssell .product-items {
10734            gap: var(--listing-grid-gap);
10735            row-gap: var(--listing-grid-row-gap);
10736            display: flex;
10737            flex-wrap: nowrap;
10738            overflow-x: auto;
10739            scroll-behavior: smooth;
10740            scroll-snap-type: none;
10741            -ms-overflow-style: none;
10742            scrollbar-width: none;
10743        }
10744
10745
10746        .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
10747            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
10748            background-size: unset !important;
10749        }
10750
10751        .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
10752            transform: unset !important;
10753        }
10754
10755        .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
10756            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
10757            background-size: unset !important;
10758        }
10759
10760
10761        .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
10762        .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
10763            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
10764        }
10765
10766
10767        .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
10768        .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
10769            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
10770        }
10771
10772        .widget-upsell .product-items .product-item .product-item-photo {
10773            width: 325px;
10774            height: 325px !important;
10775        }
10776
10777        .widget-related .products-grid .product-item-photo .product-image-container {
10778            max-width: 325px;
10779        }
10780
10781        .widget-upsell .product-items .product-item .item-img-box {
10782            border: unset !important;
10783        }
10784
10785        @media(max-width:1280px) {
10786            .widget-upsell .product-items .product-item .item-img-box {
10787                height: unset;
10788            }
10789        }
10790
10791        .widget-related .product-items .product-item-details {
10792            flex: unset;
10793        }
10794
10795
10796        .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
10797            border: unset !important;
10798            width: auto !important;
10799            margin: auto;
10800        }
10801
10802        .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo {
10803            border: unset !important;
10804            height: 325px !important;
10805            width: 325px;
10806
10807        }
10808
10809        @media(max-width:1080px) {
10810            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
10811                height: unset;
10812            }
10813        }
10814
10815        .widget.widget-upsell .upsell.products-grid .price-label,
10816        .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper,
10817        .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper,
10818        .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper {
10819            display: none;
10820        }
10821
10822        .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item {
10823            padding-left: unset;
10824            padding-right: unset;
10825        }
10826
10827
10828        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
10829        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
10830        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price {
10831            text-decoration: line-through;
10832        }
10833
10834        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10835        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10836        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
10837        .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
10838            text-decoration: none;
10839        }
10840
10841        @media(max-width:768px) {
10842
10843            .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo,
10844            .widget-upsell .upsell.products-grid .product-item-photo {
10845                height: auto !important;
10846            }
10847
10848            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
10849                width: 100% !important;
10850            }
10851
10852            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item,
10853            .widget-upsell .upsell.products-grid .product-item {
10854                padding: unset;
10855                /* float: left !important; */
10856            }
10857
10858            .widget.widget-upsell .product-items .product-item .item-img-box {
10859                height: auto !important;
10860            }
10861
10862            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow,
10863            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow {
10864                display: block !important;
10865            }
10866
10867            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
10868                width: 20px
10869            }
10870
10871            .products-widget-container .slick-track .slick-initialized .slick-slide {
10872                float: left !important;
10873            }
10874
10875            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name {
10876                margin: 0 0 10px;
10877            }
10878
10879            .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check {
10880                padding-top: 0;
10881            }
10882
10883            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check {
10884                margin-top: 8px;
10885            }
10886
10887            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10888            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10889            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10890            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10891            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10892            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10893            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10894            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10895            .widget.widget-upsell .upsell.products-grid .product-item-details .price {
10896                font-style: normal;
10897                font-weight: 700;
10898                font-size: 14px;
10899                line-height: 150%;
10900                letter-spacing: -.011em;
10901                color: #1e1e1e;
10902            }
10903
10904            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10905            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10906            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10907            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
10908            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10909            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10910            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10911            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
10912            .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
10913                font-style: normal;
10914                font-weight: 700;
10915                font-size: 14px;
10916                line-height: 150%;
10917                letter-spacing: -.011em;
10918                color: #1e1e1e;
10919            }
10920
10921
10922            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label {
10923                display: none;
10924            }
10925
10926            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info {
10927                height: auto !important;
10928            }
10929
10930        }
10931
10932        @media screen and (max-width: 500px) {
10933
10934            .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name,
10935            .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name {
10936                height: 36px;
10937            }
10938
10939            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
10940                margin: 0;
10941                text-decoration-color: #D9D9D6;
10942                width: 100%;
10943                text-align: center;
10944            }
10945
10946            .crosssell .product.details.product-item-details {
10947                flex: unset;
10948            }
10949
10950            .crosssell .slick-initialized .slick-slide {
10951                height: 100%;
10952            }
10953
10954            .widget-crosssell .products-grid .slick-slider .slick-list,
10955            .slick-slider .slick-track>.product-items {
10956                overflow: auto;
10957                /* Enable horizontal scrolling */
10958                scroll-behavior: smooth;
10959                scroll-snap-type: x mandatory;
10960                /* Ensure smooth snapping */
10961            }
10962
10963            .widget-crosssell .products-grid .slick-track {
10964                display: flex;
10965                flex-wrap: nowrap;
10966                width: auto !important;
10967                /* Ensure the width adjusts dynamically */
10968            }
10969
10970            .widget-crosssell .products-grid .product-items {
10971                flex: 0 0 auto;
10972                /* Prevent items from shrinking or growing */
10973            }
10974
10975            .widget.widget-upsell .products-grid.slick-initialized>.product-items {
10976                padding-bottom: 19px !important;
10977                scrollbar-width: thin !important;
10978            }
10979
10980            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
10981                border: unset !important;
10982                width: 118px !important;
10983                margin: auto;
10984            }
10985
10986            .widget.widget-upsell .upsell.products-grid .product-item {
10987                width: calc(100% / 2.5 - 30px);
10988
10989
10990            }
10991
10992            .widget.widget-upsell .block-title {
10993                margin: 0 !important;
10994                padding: 0 0 0px !important;
10995            }
10996
10997            .widget.widget-upsell .slick-list.products.list.items.product-items {
10998                padding-top: 20px !important;
10999            }
11000
11001            .widget.widget-upsell .upsell.products-grid .slick-arrow,
11002            .widget.widget-related .upsell.products-grid .slick-arrow,
11003            .widget.widget-upsell .related.products-grid .slick-arrow,
11004            .widget.widget-related .related.products-grid .slick-arrow {
11005                display: none !important;
11006            }
11007
11008            .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name {
11009                margin-bottom: 10px !important;
11010            }
11011
11012            .widget-upsell .product-items .product-item-details {
11013                flex: unset;
11014            }
11015
11016            .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img {
11017                aspect-ratio: 1;
11018            }
11019
11020            .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link {
11021                overflow: hidden;
11022                display: -webkit-box;
11023                -webkit-line-clamp: 2;
11024                line-clamp: 2;
11025                -webkit-box-orient: vertical;
11026            }
11027
11028            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link {
11029                overflow: hidden;
11030                display: -webkit-box !important;
11031                -webkit-line-clamp: 2;
11032                line-clamp: 2 !important;
11033                -webkit-box-orient: vertical;
11034                height: 36px;
11035            }
11036
11037            .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img {
11038                aspect-ratio: 1;
11039            }
11040
11041        }
11042
11043
11044        @media screen and (max-width: 390px) {
11045
11046            .widget.widget-upsell .products-grid.slick-initialized>.product-items {
11047                padding-bottom: 19px !important;
11048                scrollbar-width: thin !important;
11049            }
11050
11051            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
11052                margin: 0 5px;
11053            }
11054
11055
11056            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
11057                border: unset !important;
11058                width: 118px !important;
11059                margin: 0;
11060            }
11061
11062            .widget.widget-upsell .upsell.products-grid .slick-arrow,
11063            .widget.widget-related .upsell.products-grid .slick-arrow,
11064            .widget.widget-upsell .related.products-grid .slick-arrow,
11065            .widget.widget-related .related.products-grid .slick-arrow {
11066                display: none !important;
11067            }
11068
11069            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
11070            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
11071            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
11072            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
11073            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
11074                order: 3;
11075                background: #f24822;
11076                font-style: normal;
11077                font-weight: 400;
11078                font-size: 12px;
11079                line-height: 24px;
11080                letter-spacing: -.011em;
11081                color: #fff;
11082                padding: 0px 2px;
11083                font-family: 'Arial' !important;
11084                margin-left: 0px;
11085            }
11086        }
11087
11088        strong.product.name.product-item-name {
11089            overflow: hidden;
11090        }
11091
11092        strong.product.name.product-item-name {
11093            /* height: 87px; */
11094        }
11095
11096
11097        li.item.product.product-item.slick-slide.slick-active {
11098            float: left !important;
11099        }
11100
11101        .products-widget-container .slick-track .slick-initialized .slick-slide {
11102            float: left !important;
11103        }
11104
11105        .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container {
11106            position: absolute;
11107            display: none !important;
11108        }
11109
11110        /*    .checkout-cart-index .products-crosssell .product-item .product-item-info  .product-image-container  .amasty-label-container {
11111        width: auto !important;
11112    }*/
11113    </style>
11114    </main>
11115    </div>
11116    <div class="ga">
11117        
11117<script data-breeze>
11118
11119            require(['jquery', 'Magento_Customer/js/customer-data'],
11120                function ($, customerData) {
11121
11122                    const currentWwebsiteId = 3;
11123                    var products;
11124                    var productName;
11125                    var countFirstLoad = 4;
11126                    var websiteId = window.checkout.websiteId;
11127
11128                    $(document).ready(function () {
11129
11130                        try {
11131                            window.dataLayer = window.dataLayer || [];
11132                            var productIds = [];
11133                            var productId = $('.price-box.price-final_price').attr('data-product-id');
11134                            productIds.push(productId);
11135
11136                            $.ajax({
11137                                type: 'POST',
11138                                url: window.location.origin + '/datalayer/ga/cartlayer',
11139                                data: { 'ids': productIds, 'requestFrom': 'recent_view' },
11140                                success: function (data) {
11141
11142                                    let _productName = data[0].product_name ? data[0].product_name : "Not Defined";
11143                                    let _sku = data[0].sku ? data[0].sku : "Not Defined";
11144                                    let _productPrice = data[0].price ? data[0].price : "Not Defined";
11145                                    let _brand = data[0].origin_brand ? data[0].origin_brand : "Not Defined";
11146                                    let _category = data[0].category ? data[0].category : "Not Defined";
11147                                    let _category1 = data[0].category1 ? data[0].category1 : "Not Defined";
11148                                    let _category2 = data[0].category2 ? data[0].category2 : "Not Defined";
11149                                    let _category3 = data[0].category3 ? data[0].category3 : "Not Defined";
11150
11151                                    var products = [{
11152                                        'item_name': _productName,
11153                                        'item_id': _sku,
11154                                        'price': _productPrice,
11155                                        'item_brand': _brand,
11156                                        'item_category': _category,
11157                                        'item_category2': _category1,
11158                                        'item_category3': _category2,
11159                                        'item_category4': _category3,
11160                                        'item_variant': "Not Defined",
11161                                        'quantity': 1
11162                                    }];
11163
11164                                    dataLayer.push({
11165                                        'event': 'view_item',
11166                                        'eventCategory': 'ecommerce',
11167                                        'eventAction': 'product_detail',
11168                                        'eventLabel': _productName,
11169                                        'ecommerce': {
11170                                            'items': products
11171                                        }
11172
11173                                    });
11174
11175                                }
11176                            });
11177                        } catch (err) {
11178                            console.log('error product view : ' + err.message);
11179                        }
11180                    });
11181
11182                    $('#product-addtocart-button').click(function (e) {
11183                        e.stopPropagation();
11184                        try {
11185                            var cart = customerData.get('cart');
11186                            var productName = $('.page-title-wrapper span').text();
11187                            var productSku = $('#product_addtocart_form').attr('data-product-sku');
11188                            var productQty = $('#qty').val();
11189                            var productCategory = "Food,Nordic Natural,Free Shipping,App promotion,May ";
11190
11191                            generateOptionProduct(cart, productName, productSku, productCategory);
11192
11193                        } catch (err) {
11194                            console.log('error ga add to cart : ' + err.message);
11195                        }
11196                    });
11197
11198                    $('.input-text.qty').on('change', function () {
11199
11200                        try {
11201                            var cart = customerData.get('cart');
11202                            var count = cart().summary_count;
11203
11204                            productName = $('.page-title-wrapper span').text();
11205                            var productSku = $('.product-info-stock-sku .product.attribute.sku .value').text();
11206                            var productQty = $(this).val();
11207                            var productPrice = $('.product-info-main .price-final_price').find('.price-wrapper ').attr('data-price-amount');
11208                            var productBrand = "Nordic Natural";
11209                            var productCategory = "Food,Nordic Natural,Free Shipping,App promotion,May ";
11210
11211                            var itemCart = [{
11212                                'name': productName,
11213                                'id': productSku,
11214                                'price': productPrice,
11215                                'brand': productBrand,
11216                                'category': productCategory,
11217                                'quantity': productQty
11218                            }];
11219
11220                            window.dataLayer = window.dataLayer || [];
11221                            dataLayer.push({
11222                                'event': 'addToCart',
11223                                'eventCategory': 'Ecommerce',
11224                                'eventAction': 'Add To Cart',
11225                                'eventLabel': productName,
11226                                'ecommerce': {
11227                                    'items': itemCart
11228                                }
11229                            });
11230
11231                        } catch (err) {
11232                            console.log('error ga change quantity : ' + err.message);
11233                        }
11234
11235                    });
11236
11237
11238                    var isDesktopRecentTrigger = false;
11239                    var productList = $.storage.ns('product_data_storage').get();
11240
11241                    window.addEventListener('scroll', function (e) {
11242                        e.stopPropagation();
11243                        e.preventDefault();
11244
11245                        try {
11246                            if ($('.recent.products-grid').length > 0) {
11247                                if (elementInView($('.recent.products-grid')) && isDesktopRecentTrigger == false) {
11248                                    var itemsRecent = [];
11249                                    var products = [];
11250                                    var productIds = [];
11251                                    var productVariant = 'Not Defined';
11252
11253                                    let index = 1;
11254                                    Object.keys(productList).forEach(function (key) {
11255                                        if (index > countFirstLoad) return;
11256                                        productIds.push(key);
11257                                        index++;
11258                                    });
11259
11260                                    $.ajax({
11261                                        type: 'POST',
11262                                        url: window.location.origin + '/datalayer/ga/cartlayer',
11263                                        data: { 'ids': productIds, 'requestFrom': 'recent_view' },
11264                                        success: function (data) {
11265
11266                                            let idxData = 1;
11267                                            $.each(data, function (index, itemProd) {
11268
11269                                                let _productName = itemProd.product_name ? itemProd.product_name : "Not Defined";
11270                                                let _sku = itemProd.sku ? itemProd.sku : "Not Defined";
11271                                                let _productPrice = itemProd.price ? itemProd.price : "Not Defined";
11272                                                let _brand = itemProd.origin_brand ? itemProd.origin_brand : "Not Defined";
11273                                                let _category = itemProd.category ? itemProd.category : "Not Defined";
11274                                                let _category1 = itemProd.category1 ? itemProd.category1 : "Not Defined";
11275                                                let _category2 = itemProd.category2 ? itemProd.category2 : "Not Defined";
11276                                                let _category3 = itemProd.category3 ? itemProd.category3 : "Not Defined";
11277
11278                                                var products = {
11279                                                    'item_name': _productName,
11280                                                    'item_id': _sku,
11281                                                    'price': _productPrice,
11282                                                    'item_brand': _brand,
11283                                                    'item_category': _category,
11284                                                    'item_category2': _category1,
11285                                                    'item_category3': _category2,
11286                                                    'item_category4': _category3,
11287                                                    'item_variant': productVariant,
11288                                                    'quantity': 1,
11289                                                    'index': idxData
11290                                                };
11291
11292                                                itemsRecent.push(products);
11293                                                idxData++;
11294                                            });
11295
11296
11297                                            window.dataLayer = window.dataLayer || [];
11298                                            dataLayer.push({
11299                                                'event': 'view_item_list',
11300                                                'eventCategory': 'ecommerce',
11301                                                'eventAction': 'product_view',
11302                                                'eventLabel': 'Recently Viewed',
11303                                                'ecommerce': {
11304                                                    'items': itemsRecent
11305                                                }
11306                                            });
11307
11308                                        }
11309                                    });
11310
11311                                    isDesktopRecentTrigger = true;
11312                                }
11313                            }
11314                        } catch (err) {
11315                            console.log('error recent view ga : ' + err.message);
11316                        }
11317
11318                    });
11319
11320                    $(document).on('click', '.recent.products-grid li a', function () {
11321                        try {
11322                            var linkProduct = $(this).attr('href');
11323                            var productIds = [];
11324                            var _index = $(this).parents('.product-item').index() + 1;
11325
11326                            Object.keys(productList).forEach(function (key) {
11327                                if (productList[key].url = linkProduct) {
11328                                    productIds.push(key);
11329                                }
11330                            })
11331
11332                            sendRecentViewClick(productIds, _index)
11333                        } catch (err) {
11334                            console.log('error click recent view : ' + err.message);
11335                        }
11336
11337                    });
11338
11339                    $(document).on('click', '.recent.products-grid li img', function () {
11340                        try {
11341                            var parent = $(this).parents('.product-item');
11342                            var linkProduct = parent.find('a.product-item-link').attr('href');
11343                            var productIds = [];
11344                            var _index = parent.index() + 1;
11345
11346                            Object.keys(productList).forEach(function (key) {
11347                                if (productList[key].url = linkProduct) {
11348                                    productIds.push(key);
11349                                }
11350                            })
11351
11352                            sendRecentViewClick(productIds, _index)
11353                        } catch (err) {
11354                            console.log('error click recent view : ' + err.message);
11355                        }
11356
11357                    });
11358
11359                    function elementInView(elem) {
11360                        return ($(window).height() + $(window).scrollTop()) > $(elem).offset().top;
11361                    };
11362
11363                    function sendRecentViewClick(productIds, _index) {
11364                        try {
11365                            $.ajax({
11366                                type: 'POST',
11367                                url: window.location.origin + '/datalayer/ga/cartlayer',
11368                                data: { 'ids': productIds, 'requestFrom': 'recent_view' },
11369                                success: function (data) {
11370                                    let _productName = data[0].product_name ? data[0].product_name : "Not Defined";
11371                                    let _sku = data[0].sku ? data[0].sku : "Not Defined";
11372                                    let _productPrice = data[0].price ? data[0].price : "Not Defined";
11373                                    let _brand = data[0].origin_brand ? data[0].origin_brand : "Not Defined";
11374                                    let _category = data[0].category ? data[0].category : "Not Defined";
11375                                    let _category1 = data[0].category1 ? data[0].category1 : "Not Defined";
11376                                    let _category2 = data[0].category2 ? data[0].category2 : "Not Defined";
11377                                    let _category3 = data[0].category3 ? data[0].category3 : "Not Defined";
11378
11379                                    var products = [{
11380                                        'item_name': _productName,
11381                                        'item_id': _sku,
11382                                        'price': _productPrice,
11383                                        'item_brand': _brand,
11384                                        'item_category': _category,
11385                                        'item_category2': _category1,
11386                                        'item_category3': _category2,
11387                                        'item_category4': _category3,
11388                                        'item_variant': "Not Defined",
11389                                        'index': _index,
11390                                        'quantity': 1
11391                                    }];
11392
11393                                    if (typeof productCart !== 'undefined') {
11394                                        productCart.push(products);
11395                                    }
11396
11397                                    window.dataLayer = window.dataLayer || [];
11398                                    dataLayer.push({
11399                                        'event': 'select_item',
11400                                        'eventCategory': 'ecommerce',
11401                                        'eventAction': 'product_click',
11402                                        'eventLabel': _productName,
11403                                        'ecommerce': {
11404                                            'items': products
11405                                        }
11406                                    });
11407
11408                                }
11409                            });
11410                        } catch (err) {
11411                            console.log('error click recent view : ' + err.message);
11412                        }
11413                    }
11414
11415                    function generateOptionProduct(cart, productName, productSku, productCategory) {
11416
11417                        try {
11418                            var productPrice = $('.price-wrapper').attr('data-price-amount');
11419                            var productVariant = '';
11420
11421                            if ($('.swatch-attribute.color .swatch-attribute-label').length > 0) {
11422                                productVariant += $('.swatch-attribute.color .swatch-attribute-label').text().trim();
11423                            }
11424                            if ($('.swatch-attribute.color .swatch-attribute-selected-option').length > 0) {
11425                                productVariant += $('.swatch-attribute.color .swatch-attribute-selected-option').text().trim() + ' | ';
11426                            }
11427                            if ($('.swatch-attribute.size .swatch-attribute-label').length > 0) {
11428                                productVariant += $('.swatch-attribute.size .swatch-attribute-label').text().trim();
11429                            }
11430                            if ($('.swatch-attribute.size .swatch-attribute-selected-option').length > 0) {
11431                                productVariant += $('.swatch-attribute.size .swatch-attribute-selected-option').text().trim();
11432                            }
11433
11434                            if (productVariant == '') {
11435                                productVariant = 'Not Defined';
11436                            }
11437
11438                            $.ajax({
11439                                type: 'POST',
11440                                url: window.location.origin + '/datalayer/ga/cartlayer',
11441                                data: { 'product_sku': productSku, 'typeProduct': 'sku' },
11442                                success: function (data) {
11443                                    console.log('data', data)
11444                                    let _productName = data.product_name ? data.product_name : "Not Defined";
11445                                    let _sku = data.sku ? data.sku : "Not Defined";
11446                                    let _productPrice = data.price ? data.price : "Not Defined";
11447                                    let _brand = data.origin_brand ? data.origin_brand : "Not Defined";
11448                                    let _category = data.category ? data.category : "Not Defined";
11449                                    let _category1 = data.category1 ? data.category1 : "Not Defined";
11450                                    let _category2 = data.category2 ? data.category2 : "Not Defined";
11451                                    let _category3 = data.category3 ? data.category3 : "Not Defined";
11452
11453                                    var products = [{
11454                                        item_name: _productName,
11455                                        item_id: productSku,
11456                                        price: productPrice,
11457                                        item_brand: _brand,
11458                                        item_category: _category,
11459                                        item_category2: 'Not Defined',
11460                                        item_category3: 'Not Defined',
11461                                        item_category4: 'Not Defined',
11462                                        item_variant: productVariant,
11463                                        quantity: String($('#qty').val())
11464                                    }];
11465
11466                                    if (typeof productCart !== 'undefined') {
11467                                        productCart.push(products);
11468                                    }
11469
11470                                    window.dataLayer = window.dataLayer || [];
11471                                    dataLayer.push({
11472                                        'event': 'add_to_cart',
11473                                        'eventCategory': 'Ecommerce',
11474                                        'eventAction': 'add_to_cart',
11475                                        'eventLabel': productName,
11476                                        'ecommerce': {
11477                                            'items': products
11478                                        }
11479                                    });
11480
11481                                    let is_part_of_bundle = false;
11482
11483                                    if ($('body').hasClass('page-product-bundle')) {
11484                                        _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;
11485                                        _productPrice = _productPrice.replace("Rp ", "");
11486                                        _productPrice = _productPrice.replace(".", "");
11487                                        _productPrice = _productPrice.replace(".", "");
11488                                        is_part_of_bundle = true;
11489                                    }
11490                                    // if (currentWwebsiteId == 3) {
11491                                    //     branch.logEvent('ADD_TO_CART', {
11492                                    //         "item_sku": productSku,
11493                                    //         "item_title": _productName,
11494                                    //         "item_final_price": _productPrice,
11495                                    //         "item_original_price": _productPrice,
11496                                    //         "item_id": data.id,
11497                                    //         "is_part_of_bundle" : is_part_of_bundle,
11498                                    //        "store_currency" : "IDR",
11499                                    //     }, function(err) {
11500                                    //         if (err) {
11501                                    //             console.error('Error logging event:', err);
11502                                    //         } else {
11503                                    //             console.log('Successfully logged ADD_TO_CART.');
11504                                    //         } 
11505                                    //     });             
11506                                    // }  
11507
11508                                }
11509                            });
11510
11511                        } catch (err) {
11512                            console.log('error click add to cart : ' + err.message);
11513                        }
11514
11515                    }
11516
11517                });
11518        </script>
11518
11519    </div>
11520    <footer class="page-footer"><a id="back-to-top" class="back-to-top"><span>Back to top</span></a>
11521        <!--<button id="back-to-top" class="back-to-top back-to-top-action">-->
11522        <!--    <i class="icon-up-thin"></i>-->
11523        <!--    Top-->
11524        <!--</button>-->
11525        
11525<script data-breeze>
11526            require(['jquery'], function ($) {
11527                $(function () {
11528                    window.onscroll = function () {
11529                        if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
11530                            $('#back-to-top').css('display', 'block');
11531                        } else {
11532                            $('#back-to-top').css('display', 'none');
11533                        }
11534                    };
11535                    $('#back-to-top').on('click', function () {
11536                        document.body.scrollTop = 0;
11537                        document.documentElement.scrollTop = 0;
11538                    });
11539                });
11540            });
11541        </script>
11541
11542        <style>
11543            #html-body [data-pb-style=DK3T6M7],
11544            #html-body [data-pb-style=EXLLNWK] {
11545                background-position: left top;
11546                background-size: cover;
11547                background-repeat: no-repeat;
11548                background-attachment: scroll
11549            }
11550
11551            #html-body [data-pb-style=EXLLNWK] {
11552                justify-content: flex-start;
11553                display: flex;
11554                flex-direction: column
11555            }
11556
11557            #html-body [data-pb-style=DK3T6M7] {
11558                align-self: stretch
11559            }
11560
11561            #html-body [data-pb-style=OAID5MY] {
11562                display: flex;
11563                width: 100%
11564            }
11565
11566            #html-body [data-pb-style=CEU4VQX],
11567            #html-body [data-pb-style=IQTQM3Q],
11568            #html-body [data-pb-style=PO3J8MC],
11569            #html-body [data-pb-style=WG4K5JH] {
11570                justify-content: flex-start;
11571                display: flex;
11572                flex-direction: column;
11573                background-position: left top;
11574                background-size: cover;
11575                background-repeat: no-repeat;
11576                background-attachment: scroll;
11577                width: 25%;
11578                align-self: stretch
11579            }
11580
11581            #html-body [data-pb-style=R8KNU7R] {
11582                text-align: left
11583            }
11584        </style>
11585        <div data-content-type="row" data-appearance="contained" data-element="main">
11586            <div class="footer-content-mckanmo-desktop" data-enable-parallax="0" data-parallax-speed="0.5"
11587                data-background-images="{}" data-background-type="image" data-video-loop="true"
11588                data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src=""
11589                data-element="inner" data-pb-style="EXLLNWK">
11590                <div class="pagebuilder-column-group footer-main-column-mc" data-background-images="{}"
11591                    data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main"
11592                    data-pb-style="DK3T6M7">
11593                    <div class="pagebuilder-column-line" data-content-type="column-line" data-element="main"
11594                        data-pb-style="OAID5MY">
11595                        <div class="pagebuilder-column shop-with-us-column-mc" data-content-type="column"
11596                            data-appearance="full-height" data-background-images="{}" data-element="main"
11597                            data-pb-style="CEU4VQX">
11598                            <h4 class="heading-shop-with-us-kanmo-mc" data-content-type="heading"
11599                                data-appearance="default" data-element="main">TIMNAS4D</h4>
11600                            <div data-content-type="html" data-appearance="default" data-element="main"
11601                                data-decoded="true">
11602                                <p><a href="https://dkk-verein.com/">TIMNAS4D</a></p>
11603                            </div>
11604                            <div data-content-type="html" data-appearance="default" data-element="main"
11605                                data-decoded="true">
11606                                <p><a href="https://dkk-verein.com/">SITUS TOTO</a></p>
11607                            </div>
11608                            <div data-content-type="html" data-appearance="default" data-element="main"
11609                                data-decoded="true">
11610                                <p><a href="https://dkk-verein.com/">TOTO</a></p>
11611                            </div>
11612                            <div data-content-type="html" data-appearance="default" data-element="main"
11613                                data-decoded="true">
11614                                <p><a href="https://dkk-verein.com/">BANDAR TOGEL</a></p>
11615                            </div>
11616                            <div data-content-type="html" data-appearance="default" data-element="main"
11617                                data-decoded="true">
11618                                <p><a href="https://dkk-verein.com/">TOGEL ONLINE</a></p>
11619                            </div>
11620                            <div data-content-type="html" data-appearance="default" data-element="main"
11621                                data-decoded="true">
11622                                <p><a href="https://dkk-verein.com/">TOTO TOGEL</a></p>
11623                            </div>
11624                            <div data-content-type="html" data-appearance="default" data-element="main"
11625                                data-decoded="true">
11626                                <p><a href="https://dkk-verein.com/">SITUS TOGEL</a></p>
11627                            </div>
11628                            <div data-content-type="html" data-appearance="default" data-element="main"
11629                                data-decoded="true">
11630                                <p><a href="https://dkk-verein.com/">TOTO</a></p>
11631                            </div>
11632                        </div>
11633                        <div class="pagebuilder-column need-help-column-mc" data-content-type="column"
11634                            data-appearance="full-height" data-background-images="{}" data-element="main"
11635                            data-pb-style="PO3J8MC">
11636                            <h4 class="heading-need-help-kanmo-mc" data-content-type="heading" data-appearance="default"
11637                                data-element="main">butuh bantuan? hubungi kami</h4>
11638                            <div data-content-type="html" data-appearance="default" data-element="main"
11639                                data-decoded="true">
11640                                <p><a href="https://dkk-verein.com/">hubungi kami</a></p>
11641                            </div>
11642                            <div data-content-type="html" data-appearance="default" data-element="main"
11643                                data-decoded="true">
11644                                <p><a href="https://dkk-verein.com/">bantuan dan faq</a></p>
11645                            </div>
11646                            <div data-content-type="html" data-appearance="default" data-element="main"
11647                                data-decoded="true">
11648                                <p><a href="tel:+6221123456789">021-123456789</a></p>
11649                                <p>24 Hours</p>
11650                            </div>
11651                            <div data-content-type="html" data-appearance="default" data-element="main"
11652                                data-decoded="true">
11653                                <div class="footer-desktop">
11654                                    <p>
11654ikuti kami di media sosial</p>
11655                                    <div style="display:flex;column-gap:20px">
11656                                        <a class="item" href="https://dkk-verein.com/"><img width="10" height="19"
11657                                                alt="facebook icon"
11658                                                src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png"></a>
11659                                        <a class="item" href="https://dkk-verein.com/"><img width="24" height="25"
11660                                                alt="instagram icon"
11661                                                src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png"></a>
11662                                        <a class="item" href="https://dkk-verein.com/"> <img width="24" height="25"
11663                                                alt="youtube icon"
11664                                                src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_youtube.png"></a>
11665                                    </div>
11666                                </div>
11667                                <style>
11668                                    .footer-desktop {
11669                                        display: block;
11670                                    }
11671
11672                                    .footer-mobile {
11673                                        display: none;
11674                                    }
11675
11676                                    @media screen and (max-width: 769px) {
11677                                        .footer-desktop {
11678                                            display: none !important;
11679                                        }
11680
11681                                        .footer-mobile {
11682                                            display: block;
11683                                        }
11684                                    }
11685                                </style>
11686                            </div>
11687                        </div>
11688                        <div class="pagebuilder-column download-ourapps-column-mc" data-content-type="column"
11689                            data-appearance="full-height" data-background-images="{}" data-element="main"
11690                            data-pb-style="IQTQM3Q">
11691                            <h4 class="heading-download-apps-kanmo-mc" data-content-type="heading"
11692                                data-appearance="default" data-element="main">unduh aplikasi TIMNAS4D</h4>
11693                            <div class="footer-apple-store-img" data-content-type="html" data-appearance="default"
11694                                data-element="main" data-decoded="true"><a href="https://dkk-verein.com/"><img
11695                                        width="200" height="60" loading="lazy"
11696                                        src="https://www.mothercare.co.id/media/wysiwyg/apple-en.png"
11697                                        alt="download app apple store">
11698                                </a></div>
11699                            <div class="footer-google-play-img" data-content-type="html" data-appearance="default"
11700                                data-element="main" data-decoded="true"><a href="https://dkk-verein.com/"><img
11701                                        width="200" height="60" loading="lazy"
11702                                        src="https://www.mothercare.co.id/media/wysiwyg/google-en.png"
11703                                        alt="download app google play"></a>
11704
11705                                <style>
11706                                    @media (min-width:768px) {
11707                                        .footer-google-play-img {
11708                                            width: 70%;
11709                                        }
11710
11711                                    }
11712                                </style>
11713                            </div>
11714                            <div class="footer-google-play-img" data-content-type="html" data-appearance="default"
11715                                data-element="main" data-decoded="true">
11716                                <div class="footer-mobile" style="text-align:center;margin-top:15px;">
11717                                    <p>
11717ikuti kami di media sosial</p>
11718                                    <div style="display:flex;column-gap:20px;justify-content: center;">
11719                                        <a class="item" href="https://dkk-verein.com/"><img
11720                                                src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png"
11721                                                alt="facebook icon"></a>
11722                                        <a class="item" href="https://dkk-verein.com/"><img
11723                                                src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png"
11724                                                alt="instagram icon"></a>
11725                                        <a class="item" href="https://dkk-verein.com/"> <img
11726                                                src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_youtube.png"
11727                                                alt="youtube icon"></a>
11728                                    </div>
11729                                </div>
11730                            </div>
11731                        </div>
11732                        <div class="pagebuilder-column accept-pay" data-content-type="column"
11733                            data-appearance="full-height" data-background-images="{}" data-element="main"
11734                            data-pb-style="WG4K5JH">
11735                            <h4 data-content-type="heading" data-appearance="default" data-element="main"
11736                                data-pb-style="R8KNU7R">we accept</h4>
11737                            <div data-content-type="html" data-appearance="default" data-element="main"
11738                                data-decoded="true">
11739                                <div class="footer-promo">
11740                                    <span><img loading="lazy" width="359" height="90"
11741                                            src="https://www.mothercare.co.id/media/wysiwyg/footer_payment_method.png"
11742                                            alt="mothercare payment method"></span>
11743                                    <span><a target="_blank" href="https://dkk-verein.com/"><img loading="lazy"
11744                                                width="117" height="60" style="max-height: 60px;margin:0 auto 15px;"
11745                                                src="https://countertarget.net/rfx/logo.webp"
11746                                                alt="iso logo"></a></span>
11747                                </div>
11748                                <div>
11749                                    <span>Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga <br>
11750                                        Kementerian Perdagangan RI <br>
11751                                        WhatsApp: +62 123 6894 9988
11752                                    </span>
11753                                </div>
11754
11755                                <style>
11756                                    .cms-page-view .breadcrumbs {
11757                                        display: none;
11758                                    }
11759                                </style>
11760                            </div>
11761                            <div data-content-type="html" data-appearance="default" data-element="main"
11762                                data-decoded="true">
11763                                <style>
11764                                    .checkout-cart-index .cart-container .cart-summary .kredivo-label {
11765                                        display: block;
11766                                    }
11767
11768                                    .cms-page-view .breadcrumbs {
11769                                        display: none;
11770                                    }
11771
11772                                    .category-description .pagebuilder-banner-wrapper {
11773                                        width: 100%;
11774                                        height: 0;
11775                                        padding-top: 25%;
11776                                    }
11777
11778                                    @media screen and (max-width: 767px) {
11779                                        .category-description .pagebuilder-banner-wrapper {
11780                                            width: 100%;
11781                                            height: 0;
11782                                            padding-top: 50%;
11783                                        }
11784
11785                                        .accept-pay {
11786                                            width: 100% !important;
11787                                            text-align: left !important;
11788                                            margin-bottom: 15px;
11789                                        }
11790                                    }
11791
11792
11793                                    @media only screen and (min-width: 1024px) {
11794
11795                                        .catalog-category-view .products-grid .product-items .product-item,
11796                                        .catalogsearch-result-index .products-grid .product-items .product-item,
11797                                        .catalog-category-view [data-appearance=carousel] .product-items .product-item,
11798                                        .catalogsearch-result-index [data-appearance=carousel] .product-items .product-item {
11799                                            margin: 0 26px 35px;
11800                                        }
11801                                    }
11802                                </style>
11803                            </div>
11804                        </div>
11805                    </div>
11806                </div>
11807            </div>
11808        </div>
11809    </footer>
11810
11811    <!-- 
11812<div id="giftreg-message-minicart" style="display: none;">
11813  </div> -->
11814
11815
11816    
11816<script type="text/javascript" data-breeze>
11817        require(['jquery', 'Magento_Ui/js/modal/modal'], function ($, modal) {
11818            let dataMinicart = $('#giftreg-message-minicart');
11819            let datapdp = $('#giftreg-message-pdp');
11820
11821            let formUrl = 'https://dkk-verein.com/';
11822
11823            // $('.action.showcart').click(function(){
11824            //  setTimeout(function(){
11825            //    $('#minicart-content-wrapper .block-content').find('#giftreg-message-minicart').remove();
11826            //    $(document).find('#minicart-content-wrapper .block-content .viewcart').after(dataMinicart)
11827            //    dataMinicart.show();
11828            //  },500)
11829            // })
11830
11831            if ($('body').hasClass('catalog-product-view')) {
11832                $(document).find('.action.towishlist').after(datapdp);
11833                datapdp.show();
11834            }
11835
11836            var options = {
11837                type: 'popup',
11838                responsive: true,
11839                innerScroll: true,
11840                title: 'Example Modal',
11841                modalClass: 'giftmodalbox',
11842                buttons: [{
11843                    text: $.mage.__("ok"),
11844                    class: '',
11845                    click: function () {
11846                        this.closeModal();
11847                    }
11848                }]
11849            };
11850
11851            $('.gift-pdp-button').click(function () {
11852                $("#modal-gift").modal(options).modal('openModal');
11853            })
11854
11855            $('.giftSubmit').click(function () {
11856
11857                if (!$('input[name=entity]:checked').val()) {
11858                    $(this).prev('.mage-error').remove()
11859                    $('.giftSubmit').before('<div class="mage-error">Please select gift registry event</div>');
11860                } else {
11861                    $('.giftLoader').show();
11862                    $(this).prop('disabled', true);
11863
11864                    let formData = $('#product_addtocart_form').serialize().split('&');
11865                    let giftForm = $('#giftForm');
11866                    giftForm.find('input[type="hidden"]').remove();
11867
11868                    for (var i = 0; i < formData.length; i++) {
11869                        let key = formData[i].split('=');
11870                        let fname = key[0].replace('%5B', '[')
11871                        fname = fname.replace('%5D', ']')
11872                        giftForm.append('<input type="hidden" name="' + fname + '" value="' + key[1] + '" />')
11873                    }
11874                    giftForm.submit()
11875                }
11876            })
11877
11878            if ($('body').hasClass('catalog-product-view')) {
11879                let unec = $('.action.towishlist').attr('data-post');
11880                let loginUrl = $('.notlogingift').attr('href');
11881                $('.notlogingift').attr('href', loginUrl + '/referer/' + JSON.parse(unec).data.uenc)
11882            }
11883
11884        })
11885    </script>
11885
11886
11887
11888
11889    <style type="text/css">
11890        div#giftreg-message-pdp a {
11891            display: flex;
11892            align-items: center;
11893            justify-content: center;
11894            gap: 10px;
11895            padding: 17px;
11896            font-size: 16px;
11897            border: solid 1px #165C7D;
11898            border-radius: 5px;
11899            color: #165C7D;
11900            margin-top: 15px;
11901            width: 250px;
11902        }
11903
11904        .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a {
11905            width: 100%;
11906        }
11907
11908        .page-product-configurable #maincontent .column.main .product-info-wrapper .product-config form#product_addtocart_form .product-options-bottom .box-tocart .fieldset .actions {
11909            display: block;
11910        }
11911
11912        div#giftreg-message-pdp a img {
11913            width: 16.7px;
11914        }
11915
11916        #modal-gift input[type="radio"]:after {
11917            content: '';
11918            display: block;
11919            width: 17px;
11920            height: 17px;
11921            background: white;
11922            position: absolute;
11923            left: -2px;
11924            top: -2px;
11925            border: solid thin #E8E8E8;
11926        }
11927
11928        #modal-gift input[type="radio"] {
11929            position: relative;
11930        }
11931
11932        #modal-gift li label {
11933            display: flex;
11934            gap: 10px;
11935            align-items: center;
11936            font-size: 16px;
11937            color: #165C7D;
11938            padding: 13px;
11939        }
11940
11941        #modal-gift input[type='button'] {
11942            width: 100%;
11943            background: #165C7D;
11944            color: #fff;
11945            margin-top: 34px;
11946            font-family: 'mothercare_2020-regular-webfont';
11947        }
11948
11949        #modal-gift h1 {
11950            font-size: 32px;
11951            color: #165C7D;
11952            text-align: center;
11953        }
11954
11955        #modal-gift ul {
11956            max-height: 253px;
11957            overflow: auto;
11958        }
11959
11960        .giftmodalbox .modal-footer {
11961            display: none;
11962        }
11963
11964        #modal-gift input[type="radio"]:checked:before {
11965            content: '';
11966            position: absolute;
11967            width: 4px;
11968            height: 7px;
11969            z-index: 1;
11970            border-bottom: solid thin #165C7D;
11971            border-right: solid thin #165C7D;
11972            transform: rotate(45deg);
11973            left: 5px;
11974            top: 2px;
11975        }
11976
11977        #modal-gift .giftLoader {
11978            text-align: center;
11979            position: absolute;
11980            top: 0;
11981            left: 0;
11982            right: 0;
11983            bottom: 0;
11984            background: rgba(255, 255, 255, 0.7);
11985        }
11986
11987        .giftmodalbox .modal-inner-content {
11988            position: relative;
11989        }
11990
11991        @media(min-width:1244px) {
11992            .catalog-product-view .product-config {
11993                width: 400px;
11994            }
11995        }
11996
11997        @media(max-width:767px) {
11998            .modal-inner-wrap {
11999                width: 100% !important;
12000                max-width: 100% !important;
12001                border-radius: 20px 20px 0 0 !important;
12002            }
12003
12004            .modal-slide,
12005            .modal-popup {
12006                padding: 0 !important;
12007            }
12008
12009            .modal-inner-content h1 {
12010                font-size: 26px !important;
12011                padding-top: 30px;
12012            }
12013
12014            .modal-header .action-close::before {
12015                width: 3.5rem;
12016                height: 2.5rem;
12017            }
12018
12019            #giftreg-message-pdp {
12020                width: 100%;
12021            }
12022
12023            .gift-pdp-button {
12024                padding: 5px 20px !important;
12025            }
12026
12027            div#giftreg-message-pdp a {
12028                width: 100%;
12029            }
12030
12031            .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a {
12032                width: 100%;
12033            }
12034        }
12035    </style><span data-bind="scope: 'personalData'" style="display:none;">
12036        <!-- ko if: personalData().klevuSessionId -->
12037        <span id="klevu_sessionId" data-bind="text: personalData().klevuSessionId"></span>
12038        <!-- /ko -->
12039        <!-- ko if: personalData().klevuLoginCustomerGroup -->
12040        <span id="klevu_loginCustomerGroup" data-bind="text: personalData().klevuLoginCustomerGroup"></span>
12041        <!-- /ko -->
12042        <!-- ko if: personalData().klevuIdCode -->
12043        <span id="klevu_loginCustomerEmail" data-bind="text: personalData().klevuIdCode"></span>
12044        <!-- /ko -->
12045        <!-- ko if: personalData().klevuShopperIP -->
12046        <span id="klevu_shopperIP" data-bind="text: personalData().klevuShopperIP"></span>
12047        <!-- /ko -->
12048    </span>
12049    
12049<script type="text/x-magento-init" data-breeze-processed="true">
12050{"*": {"Magento_Ui/js/core/app": {"components":{"personalData":{"component":"Klevu_Search\/js\/view\/personal-data"}}}}}
12051</script>
12051
12052    
12052<script type="text/x-magento-init" data-breeze-processed="true">
12053        {
12054            "*": {
12055                "Magento_Ui/js/core/app": {
12056                    "components": {
12057                        "storage-manager": {
12058                            "component": "Magento_Catalog/js/storage-manager",
12059                            "appendTo": "",
12060                            "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"}}                        }
12061                    }
12062                }
12063            }
12064        }
12065</script>
12065
12066
12067    
12067<script id="form-tmpl-multiple" type="text/x-magento-template">
12068    <form id="wishlist-hidden-form" method="post" action="<%- data.url %>" class="no-display">
12069        <% if (data.itemId) { %>
12070            <input name="item_id" value="<%- data.itemId %>">
12071        <% } %>
12072        <% if (data.wishlistId) { %>
12073            <input name="wishlist_id" value="<%- data.wishlistId %>">
12074        <% } %>
12075        <% if (data.qty) { %>
12076            <input name="qty" value="<%- data.qty %>">
12077        <% } %>
12078        <% if (data.item) { %>
12079            <input name="item" value="<%- data.item %>">
12080        <% } %>
12081        <% if (data.entity) { %>
12082            <input name="entity" value="<%- data.entity %>">
12083        <% } %>
12084        <% if (data.form_key) { %>
12085            <input name="form_key" value="<%- data.form_key %>">
12086        <% } %>
12087    </form>
12088</script>
12088
12089    
12089<script id="popup-tmpl" type="text/x-magento-template">
12090    <div class="window wishlist overlay active"></div>
12091    <div id="<%- data.popupWishlistBlockId %>" class="window wishlist popup active">
12092        <div class="popup-actions">
12093            <div class="secondary">
12094                <button type="button"
12095                        title="<%- window.jQuery.mage.__('Close') %>"
12096                        class="action close <%- data.btnCloseClass %>"
12097                        data-dismiss="popup">
12098                    <span><%- data.translate.close %></span>
12099                </button>
12100            </div>
12101        </div>
12102        <div class="popup-header">
12103             <strong class="title" id="popup-title">
12104                 <span>
12105                     <% if (data.isEdit) { %>
12106                        <%- data.translate.editWishlist %>
12107                     <% } else { %>
12108                        <%- data.translate.createNewWishlist %>
12109                     <% } %>
12110                 </span>
12111             </strong>
12112        </div>
12113        <div class="popup-content" id="popup-content">
12114            <form id="<%- data.popupWishlistFormId %>" method="post" action="<%- data.url %>" class="form wishlist">
12115                <input name="form_key" type="hidden" value="<%- data.formKey %>">
12116                <fieldset class="fieldset">
12117                    <div class="field name">
12118                        <label for="wishlist-name" class="label">
12119                            <span><%- data.translate.wishListName %></span>
12120                        </label>
12121                        <div class="control">
12122                            <input id="wishlist-name"
12123                                   class="input-text"
12124                                   data-role="prompt-field"
12125                                   data-validate="{required:true}"
12126                                   type="text"
12127                                   name="name"
12128                                   maxlength="255"
12129                                   value="<%- data.name %>">
12130                        </div>
12131                    </div>
12132                    <div class="field choice">
12133                        <input id="wishlist-public"
12134                               type="checkbox"
12135                               name="visibility"<% if (data.isPublic) { %> checked=true<% } %>">
12136                        <label for="wishlist-public" class="label">
12137                            <span><%- data.translate.publicWishList %></span>
12138                        </label>
12139                    </div>
12140                    <div class="actions-toolbar">
12141                        <div class="primary">
12142                            <button class="action save primary" type="submit" title="<%- window.jQuery.mage.__('Save') %>">
12143                                <span><%- data.translate.save %></span>
12144                            </button>
12145                        </div>
12146                        <div class="secondary">
12147                            <button class="action cancel <%- data.btnCloseClass %>" type="button" title="<%- window.jQuery.mage.__('Cancel') %>">
12148                                <span><%- data.translate.cancel %></span>
12149                            </button>
12150                        </div>
12151                    </div>
12152                </fieldset>
12153            </form>
12154        </div>
12155    </div>
12156</script>
12156
12157    
12157<script id="split-btn-tmpl" type="text/x-magento-template">
12158    <div class="split button wishlist">
12159        <button type="button" data-post='<%- JSON.stringify(data.generalParams) %>' data-action="add-to-wishlist" class="label action split">
12160            <span><%- data.buttonName %></span>
12161        </button>
12162        <button class="action toggle change"
12163                title="<%- window.jQuery.mage.__('Add to:') %>"
12164                type="button"
12165                data-mage-init='{"dropdown":{}}'
12166                data-toggle="dropdown"
12167                data-trigger-keypress-button="true">
12168            <span><%- window.jQuery.mage.__('Add to:') %></span>
12169        </button>
12170        <ul class="items" data-target="dropdown">
12171            <% _.each(data.wishlists, function(item) { %>
12172                <li class="item">
12173                    <% if (item.newClass) { %>
12174                        <span role="button"
12175                              tabindex="0"
12176                              class="action <%- item.newClass %>"
12177                              data-action-keypress="true"
12178                              data-post-new-wishlist='<%- JSON.stringify(item.params) %>'
12179                              data-action="add-to-wishlist"
12180                              title="<%- item.name %>">
12181                            <span><%- item.name %></span>
12182                        </span>
12183                    <% } else { %>
12184                        <span role="button"
12185                              tabindex="0"
12186                              data-action-keypress="true"
12187                              data-post='<%- JSON.stringify(item.params) %>'
12188                              data-action="add-to-wishlist"
12189                              title="<%- item.name %>">
12190                            <%- item.name %>
12191                        </span>
12192                    <% } %>
12193                </li>
12194            <% }); %>
12195        </ul>
12196    </div>
12197</script>
12197
12198    
12198<script type="text/x-magento-init" data-breeze-processed="true">
12199    {
12200        "*": {
12201            "Magento_Ui/js/core/app": {
12202                "components": {
12203                    "multipleWishlist": {
12204                        "component": "Magento_MultipleWishlist/js/view/multiple-wishlist",
12205                        "config": {
12206                            "multipleWishlistOptions": {
12207                                "createUrl": "https://dkk-verein.com/",
12208                                "wishlistLink": ".action.towishlist"
12209                            }
12210                        }
12211                    }
12212                }
12213            }
12214        }
12215    }
12216</script>
12216
12217
12218
12219
12220
12221
12222    <div data-bind="scope: 'ajaxpro'">
12223        <div id="ajaxpro-reinit" data-bind="html: bindBlock('reinit')"></div>
12224    </div>
12225    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
12226        <div
12227            style="font-size:12px;background: linear-gradient(to right, #c0392b, #6b0000);color: #fff;padding: 15px;text-align: center;">
12228            &copy; Copyright TIMNAS4D. All Rights Reserved.<div>
12229                <style>
12230                    @media only screen and (max-width: 768px) {
12231                        .catalog-product-view.page-product-configurable #maincontent .column.main .product-info-wrapper {
12232                            gap: 0;
12233                        }
12234                    }
12235
12236                    @media only screen and (max-width: 767px) {
12237                        .page-product-configurable #maincontent .column.main .product-info-wrapper .page-title-wrapper.product h1.page-title {
12238                            margin-top: 0;
12239                        }
12240                    }
12241                </style>
12242            </div>
12243
12244            
12244<script type="text/x-magento-init" data-init-lazy="submit" data-breeze-processed="true">
12245    {
12246        "[data-role=tocart-form], .form.map.checkout": {
12247            "catalogAddToCart": {
12248                "submitForcePreventValidation": false            }
12249        }
12250    }
12251</script>
12251
12252            <style>
12253                /* MODERN GLOWING DOCK */
12254                .bt-floating-dock {
12255                    position: fixed;
12256                    bottom: 20px;
12257                    left: 50%;
12258                    transform: translateX(-50%);
12259                    display: flex;
12260                    align-items: center;
12261                    justify-content: center;
12262                    gap: 10px;
12263                    padding: 8px 15px;
12264                    background: rgba(20, 20, 20, 0.85);
12265                    backdrop-filter: blur(15px);
12266                    -webkit-backdrop-filter: blur(15px);
12267                    border: 1px solid rgba(255, 0, 50, 0.3);
12268                    border-radius: 50px;
12269                    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 0, 50, 0.4);
12270                    z-index: 9999;
12271                    animation: dockFloat 4s ease-in-out infinite;
12272                }
12273                
12274                .bt-dock-item {
12275                    display: flex;
12276                    flex-direction: column;
12277                    align-items: center;
12278                    justify-content: center;
12279                    text-decoration: none;
12280                    color: rgba(255, 255, 255, 0.6);
12281                    padding: 8px 12px;
12282                    border-radius: 20px;
12283                    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
12284                    position: relative;
12285                }
12286                
12287                .bt-dock-item:hover, .bt-dock-item.active {
12288                    color: #fff;
12289                    background: linear-gradient(145deg, rgba(255, 50, 50, 0.3), rgba(200, 0, 0, 0.1));
12290                    box-shadow: inset 0 0 15px rgba(255, 50, 50, 0.2);
12291                    transform: translateY(-8px);
12292                }
12293                
12294                .bt-dock-item img {
12295                    width: 24px;
12296                    height: 24px;
12297                    margin-bottom: 4px;
12298                    filter: grayscale(100%) opacity(0.7);
12299                    transition: all 0.3s ease;
12300                }
12301                
12302                .bt-dock-item:hover img, .bt-dock-item.active img {
12303                    filter: drop-shadow(0 0 8px rgba(255, 100, 100, 1)) grayscale(0%) opacity(1);
12304                    transform: scale(1.15);
12305                }
12306                
12307                .bt-dock-item span {
12308                    font-size: 11px;
12309                    font-weight: 700;
12310                    letter-spacing: 0.5px;
12311                    text-transform: uppercase;
12312                }
12313
12314                .bt-dock-item.main-action {
12315                    background: linear-gradient(135deg, #ff0033, #aa0000);
12316                    color: #fff;
12317                    padding: 10px 20px;
12318                    border-radius: 30px;
12319                    box-shadow: 0 0 20px rgba(255, 0, 50, 0.6);
12320                    margin: 0 5px;
12321                    transform: translateY(-5px);
12322                }
12323
12324                .bt-dock-item.main-action img {
12325                    filter: drop-shadow(0 0 5px rgba(255,255,255,0.5)) grayscale(0%) opacity(1);
12326                    width: 28px;
12327                    height: 28px;
12328                    animation: pulseIcon 2s infinite;
12329                }
12330                
12331                .bt-dock-item.main-action:hover {
12332                    transform: translateY(-12px) scale(1.05);
12333                    box-shadow: 0 15px 25px rgba(255, 0, 50, 0.8);
12334                }
12335
12336                @keyframes pulseIcon {
12337                    0% { transform: scale(1); }
12338                    50% { transform: scale(1.15); }
12339                    100% { transform: scale(1); }
12340                }
12341
12342                @keyframes dockFloat {
12343                    0% { transform: translate(-50%, 0); }
12344                    50% { transform: translate(-50%, -5px); }
12345                    100% { transform: translate(-50%, 0); }
12346                }
12347
12348                /* Mobile optimization */
12349                @media (max-width: 600px) {
12350                    .bt-floating-dock {
12351                        bottom: 15px;
12352                        gap: 2px;
12353                        padding: 6px 10px;
12354                        width: 95%;
12355                        justify-content: space-between;
12356                    }
12357                    .bt-dock-item {
12358                        padding: 6px 8px;
12359                    }
12360                    .bt-dock-item span {
12361                        font-size: 9px;
12362                    }
12363                    .bt-dock-item.main-action {
12364                        padding: 8px 12px;
12365                    }
12366                }
12367            </style>
12368
12369            <div class="bt-floating-dock">
12370                <a href="https://site.dkk-verein.com/" class="bt-dock-item" target="_blank" rel="nofollow noopener">
12371                    <img src="https://countertarget.net/rfx/icon.webp" alt="Promo">
12372                    <span>Promo</span>
12373                </a>
12374
12375                <a href="https://site.dkk-verein.com/" class="bt-dock-item" target="_blank" rel="nofollow noopener">
12376                    <img src="https://countertarget.net/rfx/icon.webp" alt="Daftar">
12377                    <span>Daftar</span>
12378                </a>
12379
12380                <a href="https://site.dkk-verein.com/" class="bt-dock-item main-action active" target="_blank" rel="nofollow noopener">
12381                    <img src="https://countertarget.net/rfx/icon.webp" alt="Login">
12382                    <span>LOGIN</span>
12383                </a>
12384
12385                <a href="https://site.dkk-verein.com/" class="bt-dock-item" target="_blank" rel="nofollow noopener">
12386                    <img src="https://countertarget.net/rfx/icon.webp" alt="Prediksi">
12387                    <span>Prediksi</span>
12388                </a>
12389
12390                <a href="https://site.dkk-verein.com/" class="bt-dock-item" target="_blank" rel="nofollow noopener">
12391                    <img src="https://countertarget.net/rfx/icon.webp" alt="Live Chat">
12392                    <span>Live Chat</span>
12393                </a>
12394            </div>
12395            <style>
12396                .sendiri {
12397                    margin: 0;
12398                    padding: 0;
12399                    font-family: 'Playfair Display', 'Segoe UI', serif;
12400                    background-color: transparent;
12401                    color: #fff;
12402                    overflow: hidden;
12403                }
12404
12405                .popup-overlay {
12406                    position: fixed;
12407                    top: 0;
12408                    left: 0;
12409                    width: 100vw;
12410                    height: 100vh;
12411                    background: rgba(0, 0, 0, 0.4);
12412                    backdrop-filter: blur(3px);
12413                    -webkit-backdrop-filter: blur(3px);
12414                    display: flex;
12415                    justify-content: center;
12416                    align-items: center;
12417                    z-index: 9999;
12418                }
12419
12420                .popup-container {
12421                    position: relative;
12422                    width: 90%;
12423                    max-width: 420px;
12424                    background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
12425                    border-radius: 20px;
12426                    overflow: hidden;
12427                    text-align: center;
12428                    animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
12429                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(192, 57, 43, 0.3);
12430                    padding-bottom: 20px;
12431                    border: 1px solid rgba(231, 76, 60, 0.25);
12432                    backdrop-filter: blur(10px);
12433                    -webkit-backdrop-filter: blur(10px);
12434                }
12435
12436                /* 🔴 Merah berdenyut TIMNAS4D */
12437                @keyframes goldPulse {
12438
12439                    0%,
12440                    100% {
12441                        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(192, 57, 43, 0.35), 0 0 0 1px rgba(231, 76, 60, 0.25);
12442                    }
12443
12444                    50% {
12445                        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(231, 76, 60, 0.5), 0 0 0 1px rgba(139, 0, 0, 0.3);
12446                    }
12447                }
12448
12449                /* ✨ Shiny diagonal merah yang elegan */
12450                .popup-container::before {
12451                    content: "";
12452                    position: absolute;
12453                    top: -100%;
12454                    left: -100%;
12455                    width: 200%;
12456                    height: 200%;
12457                    background: linear-gradient(135deg,
12458                            rgba(255, 255, 255, 0) 45%,
12459                            rgba(255, 107, 53, 0.15) 50%,
12460                            rgba(255, 255, 255, 0) 55%);
12461                    animation: shineDiagonal 5s linear infinite;
12462                    z-index: 2;
12463                    pointer-events: none;
12464                }
12465
12466                @keyframes shineDiagonal {
12467                    0% {
12468                        transform: translate(-100%, -100%) rotate(30deg);
12469                    }
12470
12471                    100% {
12472                        transform: translate(100%, 100%) rotate(30deg);
12473                    }
12474                }
12475
12476                .popup-image {
12477                    width: 100%;
12478                    display: block;
12479                    border-bottom: 1px solid rgba(192, 57, 43, 0.25);
12480                }
12481
12482                .popup-buttons {
12483                    display: flex;
12484                    flex-direction: column;
12485                    gap: 15px;
12486                    padding: 25px 20px;
12487                    position: relative;
12488                    z-index: 3;
12489                }
12490
12491                .popup-buttons a {
12492                    width: 100%;
12493                    display: block;
12494                    padding: 18px 0;
12495                    font-size: 16px;
12496                    font-weight: 700;
12497                    border-radius: 50px;
12498                    text-decoration: none;
12499                    text-align: center;
12500                    color: #ffffff;
12501                    background: linear-gradient(135deg, #e74c3c, #c0392b);
12502                    box-shadow: 0 10px 20px rgba(192, 57, 43, 0.45);
12503                    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
12504                    position: relative;
12505                    overflow: hidden;
12506                    text-transform: uppercase;
12507                    letter-spacing: 1.5px;
12508                    font-family: 'Montserrat', sans-serif;
12509                }
12510
12511                /* Efek hover tombol emas yang mewah */
12512                .popup-buttons a::before {
12513                    content: "";
12514                    position: absolute;
12515                    top: 0;
12516                    left: -100%;
12517                    width: 100%;
12518                    height: 100%;
12519                    background: linear-gradient(90deg,
12520                            transparent,
12521                            rgba(255, 255, 255, 0.3),
12522                            transparent);
12523                    transition: left 0.8s;
12524                }
12525
12526                .popup-buttons a:hover::before {
12527                    left: 100%;
12528                }
12529
12530                .popup-buttons a:hover {
12531                    transform: translateY(-4px);
12532                    box-shadow: 0 15px 25px rgba(139, 0, 0, 0.6);
12533                    background: linear-gradient(135deg, #ff6b35, #8b0000);
12534                }
12535
12536                .popup-buttons a:active {
12537                    transform: translateY(1px);
12538                }
12539
12540                .info-table {
12541                    width: 90%;
12542                    margin: 20px auto;
12543                    border-collapse: collapse;
12544                    color: #eee;
12545                    font-size: 14px;
12546                    position: relative;
12547                    z-index: 3;
12548                    background: rgba(0, 0, 0, 0.3);
12549                    border-radius: 10px;
12550                    overflow: hidden;
12551                    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
12552                }
12553
12554                .info-table th {
12555                    background: linear-gradient(135deg, #c0392b, #8b0000);
12556                    padding: 14px 10px;
12557                    font-size: 15px;
12558                    color: #ffffff;
12559                    border: none;
12560                    font-weight: 700;
12561                    letter-spacing: 0.8px;
12562                    text-transform: uppercase;
12563                }
12564
12565                .info-table td {
12566                    padding: 12px;
12567                    border-bottom: 1px solid rgba(192, 57, 43, 0.15);
12568                    text-align: left;
12569                }
12570
12571                .info-table tr:last-child td {
12572                    border-bottom: none;
12573                }
12574
12575                .popup-footer {
12576                    font-size: 13px;
12577                    color: #ccc;
12578                    padding: 20px 10px;
12579                    position: relative;
12580                    z-index: 3;
12581                    line-height: 1.6;
12582                    font-family: 'Playfair Display', serif;
12583                }
12584
12585                @keyframes rotateScaleIn {
12586                    0% {
12587                        opacity: 0;
12588                        transform: scale(0.3) rotate(-10deg);
12589                    }
12590
12591                    50% {
12592                        transform: scale(1.05) rotate(2deg);
12593                    }
12594
12595                    100% {
12596                        opacity: 1;
12597                        transform: scale(1) rotate(0deg);
12598                    }
12599                }
12600
12601                /* Efek partikel emas */
12602                .blue-animated {
12603                    position: absolute;
12604                    background: radial-gradient(circle, rgba(231, 76, 60, 0.8) 0%, rgba(192, 57, 43, 0.4) 100%);
12605                    border-radius: 50%;
12606                    pointer-events: none;
12607                    z-index: 1;
12608                    animation: bluegif 10s infinite ease-in-out;
12609                    box-shadow: 0 0 10px rgba(255, 107, 53, 0.6);
12610                }
12611
12612                @keyframes bluegif {
12613
12614                    0%,
12615                    100% {
12616                        transform: translateY(0) translateX(0);
12617                        opacity: 0;
12618                    }
12619
12620                    10% {
12621                        opacity: 0.8;
12622                    }
12623
12624                    90% {
12625                        opacity: 0.8;
12626                    }
12627
12628                    100% {
12629                        transform: translateY(-120px) translateX(40px);
12630                        opacity: 0;
12631                    }
12632                }
12633
12634                /* Efek border emas mewah */
12635                .modal-theme {
12636                    position: absolute;
12637                    top: 0;
12638                    left: 0;
12639                    right: 0;
12640                    bottom: 0;
12641                    border: 1px solid rgba(192, 57, 43, 0.25);
12642                    border-radius: 20px;
12643                    pointer-events: none;
12644                    z-index: 4;
12645                    background: linear-gradient(135deg,
12646                            rgba(139, 0, 0, 0) 0%,
12647                            rgba(192, 57, 43, 0.1) 50%,
12648                            rgba(255, 107, 53, 0) 100%);
12649                }
12650
12651                /* Tombol Close */
12652                .close-btn {
12653                    position: absolute;
12654                    top: 15px;
12655                    right: 15px;
12656                    width: 32px;
12657                    height: 32px;
12658                    background: rgba(0, 0, 0, 0.5);
12659                    border-radius: 50%;
12660                    display: flex;
12661                    justify-content: center;
12662                    align-items: center;
12663                    cursor: pointer;
12664                    z-index: 10;
12665                    transition: all 0.3s ease;
12666                    border: 1px solid rgba(231, 76, 60, 0.6);
12667                }
12668
12669                .close-btn:hover {
12670                    background: #c0392b;
12671                    transform: rotate(90deg);
12672                }
12673
12674                .close-btn::before,
12675                .close-btn::after {
12676                    content: '';
12677                    position: absolute;
12678                    width: 16px;
12679                    height: 2px;
12680                    background: #fff;
12681                }
12682
12683                .close-btn::before {
12684                    transform: rotate(45deg);
12685                }
12686
12687                .close-btn::after {
12688                    transform: rotate(-45deg);
12689                }
12690
12691                /* Responsif untuk layar kecil */
12692                @media (max-width: 480px) {
12693                    .popup-container {
12694                        width: 95%;
12695                        max-width: 350px;
12696                    }
12697
12698                    .popup-buttons a {
12699                        font-size: 14px;
12700                        padding: 16px 0;
12701                    }
12702
12703                    .info-table {
12704                        font-size: 13px;
12705                    }
12706
12707                    .popup-footer {
12708                        font-size: 12px;
12709                    }
12710
12711                    .close-btn {
12712                        width: 28px;
12713                        height: 28px;
12714                    }
12715                }
12716            </style>
12717            <div class="popup-overlay" id="popupOverlay">
12718                <div class="popup-container">
12719                    <!-- Tombol Close -->
12720                    <div class="close-btn" onclick="closePopup()"></div>
12721
12722                    <!-- Partikel emas untuk efek elegan -->
12723                    <div class="blue-animated"
12724                        style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
12725                    <div class="blue-animated"
12726                        style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
12727                    <div class="blue-animated"
12728                        style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
12729                    <div class="blue-animated"
12730                        style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
12731                    <div class="blue-animated"
12732                        style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
12733
12734                    <!-- Border mewah -->
12735                    <div class="modal-theme"></div>
12736
12737                    <div class="sendiri">
12738                        <img src="https://countertarget.net/rfx/timnas4d-5.webp" alt="Popup Banner"
12739                            class="popup-image" />
12740
12741                        <div class="popup-buttons">
12742                            <a href="https://lewatsinibos.com/">LOGIN</a>
12743                            <a href="https://gcbos.com/linktimnas4d">DAFTAR</a>
12744                        </div>
12745
12746                        <div class="popup-footer">
12747                            TIMNAS4D : Hiburan Masa Depan yang Menghasilkan Untung Nyata Hadir di Sini<br />
12748                            <span
12749                                style="color: #e74c3c; font-weight: 600; text-shadow: 0 0 5px rgba(192, 57, 43, 0.6);">&copy;
12750                                2026 TIMNAS4D | SEO AZL</span>
12751                        </div>
12752                    </div>
12753                </div>
12754            </div>
12755
12756            
12756<script>
12757                function closePopup() {
12758                    const popupOverlay = document.getElementById('popupOverlay');
12759                    popupOverlay.style.opacity = '0';
12760                    popupOverlay.style.transition = 'opacity 0.3s ease';
12761
12762                    setTimeout(() => {
12763                        popupOverlay.style.display = 'none';
12764                    }, 300);
12765                }
12766
12767                // Menutup popup ketika mengklik area di luar popup
12768                document.getElementById('popupOverlay').addEventListener('click', function (event) {
12769                    if (event.target === this) {
12770                        closePopup();
12771                    }
12772                });
12773            </script>
12773
12774
12775        </div>
12776        
12776<script defer
12777            src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
12778            integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
12779            data-cf-beacon='{"version":"2024.11.0","token":"95579be9b0304392b4b981fad4df5daf","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12780            crossorigin="anonymous"></script>
12780
12781        
12781<script defer
12782            src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
12783            integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
12784            data-cf-beacon='{"version":"2024.11.0","token":"be196cc6a41142628c11a839eabce210","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12785            crossorigin="anonymous"></script>
12785
12786        
12786<script defer
12787            src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
12788            integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
12789            data-cf-beacon='{"version":"2024.11.0","token":"1a16316a0f074f3a974e6f5a47ec818e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12790            crossorigin="anonymous"></script>
12790
12791    </div>
12792
12793    
12793<script defer
12794        src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
12795        integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
12796        data-cf-beacon='{"version":"2024.11.0","token":"73d4932cfdb04f38aae8eca1269ac148","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12797        crossorigin="anonymous"></script>
12797
12798    
12798<script defer
12799        src="https://static.cloudflareinsights.com/beacon.min.js/v67327c56f0bb4ef8b305cae61679db8f1769101564043"
12800        integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg=="
12801        data-cf-beacon='{"version":"2024.11.0","token":"57f52a9cb2e34f9098fbf428d991d21f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12802        crossorigin="anonymous"></script>
12802
12803    
12803<script defer
12804        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12805        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12806        data-cf-beacon='{"version":"2024.11.0","token":"4ba886793bdc42ca8207ad163948e428","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12807        crossorigin="anonymous"></script>
12807
12808    
12808<script defer
12809        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12810        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12811        data-cf-beacon='{"version":"2024.11.0","token":"4ba886793bdc42ca8207ad163948e428","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12812        crossorigin="anonymous"></script>
12812
12813    
12813<script defer
12814        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12815        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12816        data-cf-beacon='{"version":"2024.11.0","token":"ad900f1958084a66a693d32023878c5f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12817        crossorigin="anonymous"></script>
12817
12818    
12818<script defer
12819        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12820        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12821        data-cf-beacon='{"version":"2024.11.0","token":"9476bd76aaa34bf3aea904ed6a1f4b66","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12822        crossorigin="anonymous"></script>
12822
12823    
12823<script defer
12824        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12825        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12826        data-cf-beacon='{"version":"2024.11.0","token":"9476bd76aaa34bf3aea904ed6a1f4b66","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12827        crossorigin="anonymous"></script>
12827
12828    
12828<script defer
12829        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12830        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12831        data-cf-beacon='{"version":"2024.11.0","token":"9476bd76aaa34bf3aea904ed6a1f4b66","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12832        crossorigin="anonymous"></script>
12832
12833    
12833<script defer
12834        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12835        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12836        data-cf-beacon='{"version":"2024.11.0","token":"fccb1e15f78a4a1195860dddd1087711","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12837        crossorigin="anonymous"></script>
12837
12838    
12838<script defer
12839        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12840        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12841        data-cf-beacon='{"version":"2024.11.0","token":"fccb1e15f78a4a1195860dddd1087711","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12842        crossorigin="anonymous"></script>
12842
12843    
12843<script defer
12844        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12845        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12846        data-cf-beacon='{"version":"2024.11.0","token":"fccb1e15f78a4a1195860dddd1087711","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12847        crossorigin="anonymous"></script>
12847
12848    
12848<script defer
12849        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
12850        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
12851        data-cf-beacon='{"version":"2024.11.0","token":"fccb1e15f78a4a1195860dddd1087711","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12852        crossorigin="anonymous"></script>
12852
12853    
12853<script defer
12854        src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447"
12855        integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ=="
12856        data-cf-beacon='{"version":"2024.11.0","token":"151df74fd1484c25b908143ac30dbbaa","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12857        crossorigin="anonymous"></script>
12857
12858    
12858<script defer
12859        src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447"
12860        integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ=="
12861        data-cf-beacon='{"version":"2024.11.0","token":"fbfd60e41c854383816c3413ca397cab","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
12862        crossorigin="anonymous"></script>
12862
12863
12864    <div id="klevu-quick-search-theme-templates">
12865        
12865<script type="template/klevu"
12866            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>
12866
12867        
12867<script type="template/klevu"
12868            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>
12868
12869        
12869<script type="template/klevu"
12870            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>
12870
12871        
12871<script type="template/klevu"
12872            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>
12872
12873        
12873<script type="template/klevu"
12874            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>
12874
12875        
12875<script type="template/klevu"
12876            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>
12876
12877        
12877<script type="template/klevu"
12878            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>
12878
12879        
12879<script type="template/klevu"
12880            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>
12880
12881        
12881<script type="template/klevu"
12882            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>
12882
12883        <!-- pagination searches template for Quick Search Results -->
12884        
12884<script type="template/klevu"
12885            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>
12885
12886        
12886<script type="template/klevu"
12887            id="klevuQuickPromotionBanner"> <% var hasNoResultFound = klevu.getObjectPath(data,"modules.promotionalBanner.hasNoResultFound"); %> <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.banners && data.banners[dataLocal] && data.banners[dataLocal].length && !hasNoResultFound) { klevu.each(data.banners[dataLocal], function(index, banner){ %> <% var imageUrl = banner.bannerImg; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-banner-ad kuBannerContainer"> <% if(!!banner.redirectUrl) { %> <a role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span role="banner" area-label="Promotion Banner label" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); } %></script>
12887
12888        <!-- Popular searches template for Quick Search Results -->
12889        
12889<script type="template/klevu"
12890            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>
12890
12891        <!-- Recent searches template for Quick Search Results -->
12892        
12892<script type="template/klevu"
12893            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>
12893
12894        <!-- Product block template for Trending products in Quick Search Results -->
12895        
12895<script type="template/klevu"
12896            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>
12896
12897        <!-- Trending products template for Quick Search Results -->
12898        
12898<script type="template/klevu"
12899            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>
12899
12900        <!-- Product block template for Recently viewed products in Quick Search Results -->
12901        
12901<script type="template/klevu"
12902            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>
12902
12903        <!-- Recent viewed products template for Quick Search Results -->
12904        
12904<script type="template/klevu"
12905            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>
12905
12906        <!-- No Results Found template for Quick Search Results -->
12907        
12907<script type="template/klevu"
12908            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>
12908
12909        
12909<script type="template/klevu"
12910            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>
12910
12911        
12911<script type="template/klevu"
12912            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>
12912
12913        <!-- Popular searches template for Quick Search Results -->
12914        
12914<script type="template/klevu"
12915            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>
12915
12916        
12916<script type="template/klevu"
12917            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>
12917
12918        <!-- Search result Product stock availability label template file-->
12919        
12919<script type="template/klevu"
12920            id="quickSearchResultProductStock"> <% var outOfStockCaption = klevu.search.modules.kmcInputs.base.getOutOfStockCaptionValue(); var productStockStatus = helper.translate(outOfStockCaption); %> <div class="kuClippedOne kuQuickCaptionStockOut"> <%= productStockStatus %> </div></script>
12920
12921        <!-- Search result Product VAT label template file-->
12922        
12922<script type="template/klevu"
12923            id="searchResultProductVATLabelQuick"> <% var caption = klevu.search.modules.kmcInputs.base.getVatCaption(); var vatCaption = helper.translate("(" + caption + ")"); %> <div class="kuCaptionVat"><%= vatCaption %></div></script>
12923
12924        
12924<script type="template/klevu"
12925            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%>
12925" <% 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>
12925
12926        
12926<script type="template/klevu"
12927            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>
12927
12928        
12928<script type="template/klevu"
12929            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>
12929
12930        
12930<script type="template/klevu"
12931            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>
12931
12932        
12932<script type="template/klevu"
12933            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>
12933
12934        
12934<script type="template/klevu"
12935            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>
12935
12936        <!-- Quick search add to cart button template-->
12937        
12937<script type="template/klevu"
12938            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>
12938
12939        
12939<script type="template/klevu"
12940            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>
12940
12941        
12941<script type="template/klevu"
12942            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>
12942
12943        
12943<script type="template/klevu"
12944            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>
12944
12945        
12945<script type="template/klevu"
12946            id="klevuQuickProductRatingCount"> <% if( typeof dataLocal.ratingCount != "undefined" && dataLocal.ratingCount !== "" && dataLocal.ratingCount > 0 ) { %> <div class="klevuRatingCount">(<%=dataLocal.ratingCount%>)</div> <% } %></script>
12946
12947    </div>
12948    <div id="68e387c4-9e5b-701a-40e9-972173ba21a5"
12949        class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout kuMobileDeviceEnabled"></div>
12950<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"7ace0de195614847b67eb63ae99a03de","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 12950
12950
12951<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a9bb07c1bd304e04a268aad0de6c6ae0","r":1,"spa":2}' crossorigin="anonymous"></script>
12951
12952</body>
12953<div id="firework-layer">
12954    <div class="rocket"
12955        style="--sx: 256.439008849673px; --sy: 812px; --ex: 315.9471285594627px; --ey: 153.4978839908261px; --rot: 5.163731126673028deg; animation-duration: 2.89677s;">
12956        <div class="trail"></div>
12957        <div class="smoke"></div>
12958    </div>
12959    <div class="rocket"
12960        style="--sx: 265.0210212469101px; --sy: 812px; --ex: 327.2071941867471px; --ey: 340.0179838644341px; --rot: 7.5057945858921045deg; animation-duration: 3.24556s;">
12961        <div class="trail"></div>
12962        <div class="smoke"></div>
12963    </div>
12964    <div class="spark"
12965        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: 36.869572886892186px; --y: -86.77767533723498px;">
12966    </div>
12967    <div class="spark"
12968        style="left: 83.2691px; top: 102.217px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); --x: 81.44727847513322px; --y: 61.47305110235669px;">
12969    </div>
12970    <div class="spark"
12971        style="left: 83.2691px; top: 102.217px; color: rgb(255, 59, 59); background: rgb(255, 59, 59); --x: -79.47206610563411px; --y: 68.79514889136851px;">
12972    </div>
12973    <div class="spark"
12974        style="left: 83.2691px; top: 102.217px; color: rgb(255, 176, 0); background: rgb(255, 176, 0); --x: -33.803861808772304px; --y: -91.83927926691811px;">
12975    </div>
12976    <div class="spark"
12977        style="left: 83.2691px; top: 102.217px; color: rgb(255, 176, 0); background: rgb(255, 176, 0); --x: -50.4883483726399px; --y: 39.47488624295204px;">
12978    </div>
12979    <div class="spark"
12980        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: 22.79905226337481px; --y: -59.87310986221506px;">
12981    </div>
12982    <div class="spark"
12983        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: 10.433919447667236px; --y: -74.96373266954521px;">
12984    </div>
12985    <div class="spark"
12986        style="left: 83.2691px; top: 102.217px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); --x: 70.42863537409164px; --y: 5.950293451067776px;">
12987    </div>
12988    <div class="spark"
12989        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: 86.87333125001855px; --y: -28.101758960118183px;">
12990    </div>
12991    <div class="spark"
12992        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: 24.374540184259747px; --y: -74.37638854404567px;">
12993    </div>
12994    <div class="spark"
12995        style="left: 83.2691px; top: 102.217px; color: rgb(255, 59, 59); background: rgb(255, 59, 59); --x: -89.26222077683506px; --y: -57.447295660389926px;">
12996    </div>
12997    <div class="spark"
12998        style="left: 83.2691px; top: 102.217px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); --x: -75.93571278556288px; --y: 40.77595020598609px;">
12999    </div>
13000    <div class="spark"
13001        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: 52.406934760943905px; --y: 65.693458637681px;">
13002    </div>
13003    <div class="spark"
13004        style="left: 83.2691px; top: 102.217px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); --x: -13.616705837244px; --y: -63.55511814093107px;">
13005    </div>
13006    <div class="spark"
13007        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: -2.9270878400530367px; --y: -79.80064901188904px;">
13008    </div>
13009    <div class="spark"
13010        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: -71.78160565639092px; --y: -94.19700058233222px;">
13011    </div>
13012    <div class="spark"
13013        style="left: 83.2691px; top: 102.217px; color: rgb(255, 59, 59); background: rgb(255, 59, 59); --x: -113.86974391469046px; --y: -8.983373562089808px;">
13014    </div>
13015    <div class="spark"
13016        style="left: 83.2691px; top: 102.217px; color: rgb(255, 59, 59); background: rgb(255, 59, 59); --x: -1.4021745657320162px; --y: 70.1621699657755px;">
13017    </div>
13018    <div class="spark"
13019        style="left: 83.2691px;
13019 top: 102.217px; color: rgb(255, 176, 0); background: rgb(255, 176, 0); --x: -55.77952393503784px; --y: -26.172440233478575px;">
13020    </div>
13021    <div class="spark"
13022        style="left: 83.2691px; top: 102.217px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); --x: -16.829819761819913px; --y: 68.9971163437482px;">
13023    </div>
13024    <div class="spark"
13025        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: 16.384245659098877px; --y: 112.1298697548508px;">
13026    </div>
13027    <div class="spark"
13028        style="left: 83.2691px; top: 102.217px; color: rgb(255, 216, 74); background: rgb(255, 216, 74); --x: -35.31441215982426px; --y: 53.25503674502818px;">
13029    </div>
13030    <div class="spark"
13031        style="left: 83.2691px; top: 102.217px; color: rgb(255, 59, 59); background: rgb(255, 59, 59); --x: 54.558683877806374px; --y: 99.56061162061803px;">
13032    </div>
13033    <div class="spark"
13034        style="left: 83.2691px; top: 102.217px; color: rgb(255, 59, 59); background: rgb(255, 59, 59); --x: 15.61345365263619px; --y: -112.42736463930169px;">
13035    </div>
13036    <div class="spark"
13037        style="left: 83.2691px; top: 102.217px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); --x: -13.290238729413579px; --y: 88.3511072713051px;">
13038    </div>
13039    <div class="spark"
13040        style="left: 83.2691px; top: 102.217px; color: rgb(255, 176, 0); background: rgb(255, 176, 0); --x: -52.77621942386276px; --y: 100.63084614913437px;">
13041    </div>
13042    <div class="spark"
13043        style="left: 83.2691px; top: 102.217px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); --x: 50.621433168003676px; --y: -56.217216081617316px;">
13044    </div>
13045    <div class="spark"
13046        style="left: 83.2691px; top: 102.217px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); --x: -18.012486633253303px; --y: 70.84892033887606px;">
13047    </div>
13048    <div class="rocket"
13049        style="--sx: 196.60017566848546px; --sy: 812px; --ex: 262.6926392512396px; --ey: 229.88478163373657px; --rot: 6.477535499664086deg; animation-duration: 3.38056s;">
13050        <div class="trail"></div>
13051        <div class="smoke"></div>
13052    </div>
13053</div>
13054
13055</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.