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='stylesheet'" 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='all'" 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&bg-color=255,255,255&fit=bounds&height=270&width=270&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="{"loaderAjax": {}, "loader": { "icon": "https://countertarget.net/rfx/icon.webp"}}" 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="{"dropdownDialog":{ "appendTo":"#switcher-language > .options", "triggerTarget":"#switcher-language-trigger", "closeOnMouseLeave": false, "triggerClass":"active", "parentClass":"active", "buttons":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="{"dropdownDialog":{ "appendTo":"#switcher-language > .options", "triggerTarget":"#switcher-language-trigger", "closeOnMouseLeave": false, "triggerClass":"active", "parentClass":"active", "buttons":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="{"menu":{"responsive":false, "expanded":false, "position":{"my":"left top","at":"left bottom"}}}" 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&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 & 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 & 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&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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & mangkuk</a></p> 6055 <p><a 6056 href="/feeding-safety/tableware/spoons-forks.html">sendok 6057 & 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 & 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 & 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 & 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 & 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 & 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, 'appStore')"> 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, 'appStore')"> 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="{ "quickSearch": { "formSelector": "#search_mini_form", "url": "", "destinationSelector": "#search_autocomplete", "minSearchLength": "3" } }" 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="{"dropdown":{"dialog":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: 'customer-name'"> 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 && !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="{"dropdownDialog":{ "appendTo":"[data-block=minicart]", "triggerTarget":".showcart", "timeout": "2000", "closeOnMouseLeave": false, "closeOnEscape": true, "triggerClass":"active", "parentClass":"active", "buttons":[]}}" 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'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&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's "minimum advertised price." 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's "minimum advertised price." 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's "minimum advertised price." 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 © 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);">© 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"><<</a> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"><</a> <% } %> <% 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> <% } %> <a href="javascript:void(0);" class="kuCurrent"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%></a> <% 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> <% } %> <% 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)%>">></a> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(Math.floor(productListTotal/productListLimit)*productListLimit)%>">>></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.