PageSourceSearch

https://batux.design/

html batux.design collected 2026-09-25 21:07:18 UTC 539,546 bytes, 7,767 lines download raw bytes

1<!DOCTYPE html>
2<html lang="id"><head prefix="og: https://batux.design/ fb: https://batux.design/ product: https://batux.design/">
3        
3<script async="" src="https://cdn.branch.io/branch-latest.min.js"></script>
3<script data-breeze="1">
4    var LOCALE = 'id\u002DID';
5    var BASE_URL = 'https\u003A\u002F\u002Fwww.mothercare.co.id\u002F';
6    var VIEW_URL = 'https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID';
7    var required = [];
8    var require = (deps, callback) => required.push([deps, callback]);
9</script>
9        
9<script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"NRJS-3796f39e9070f5da519",applicationID:"662568768"};;/*! For license information please see nr-loader-rum-1.284.1.min.js.LICENSE.txt */
10(()=>{var e,t,r={122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},555:(e,t,r)=>{"use strict";r.d(t,{Vp:()=>c,fn:()=>s,x1:()=>u});var n=r(384),i=r(122);const o={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){try{const t=c(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}function c(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function u(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.info=a[e])}},217:(e,t,r)=>{"use strict";r.d(t,{D0:()=>m,gD:()=>v,xN:()=>h});r(860).K7.genericEvents;const n="experimental.marks",i="experimental.measures",o="experimental.resources",a=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var s=r(614),c=r(944),u=r(384),l=r(122);const d="[data-nr-mask]",f=()=>{const e={feature_flags:[],experimental:{marks:!1,measures:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{get capture_marks(){return e.feature_flags.includes(n)||e.experimental.marks},set capture_marks(t){e.experimental.marks=t},get capture_measures(){return e.feature_flags.includes(i)||e.experimental.measures},set capture_measures(t){e.experimental.measures=t},capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(o)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:s.wk,inactiveMs:s.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){a(t)?e.mask_selector="".concat(t,",").concat(d):""===t||null===t?e.mask_selector=d:(0,c.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){a(t)?e.block_selector+=",".concat(t):""!==t&&(0,c.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,c.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},spa:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}},g={},p="All configuration objects require an agent identifier!";function m(e){if(!e)throw new Error(p);if(!g[e])throw new Error("Configuration for ".concat(e," was never set"));return g[e]}function h(e,t){if(!e)throw new Error(p);g[e]=(0,l.a)(t,f());const r=(0,u.nY)(e);r&&(r.init=g[e])}function v(e,t){if(!e)throw new Error(p);var r=m(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}},371:(e,t,r)=>{"use strict";r.d(t,{V:()=>f,f:()=>d});var n=r(122),i=r(384),o=r(154),a=r(324);let s=0;const c={buildEnv:a.F3,distMethod:a.Xs,version:a.xv,originTime:o.WN},u={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,timeKeeper:void 0,obfuscator:void 0,harvester:void 0},l={};function d(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!l[e])throw new Error("Runtime for ".concat(e," was never set"));return l[e]}function f(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");l[e]={...(0,n.a)(t,u),...c},Object.hasOwnProperty.call(l[e],"harvestCount")||Object.defineProperty(l[e],"harvestCount",{get:()=>++s});const r=(0,i.nY)(e);r&&(r.runtime=l[e])}},324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>o,xv:()=>n});const n="1.284.1",i="PROD",o="CDN"},154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>c,RI:()=>i,WN:()=>l,bv:()=>o,gm:()=>a,mw:()=>s,sb:()=>u});var n=r(863);const i=""!=typeof window&&!!window.document,o=""!=typeof WorkerGlobalScope&&(""!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||""!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:""!=typeof WorkerGlobalScope&&(""!=typeof self&&self instanceof WorkerGlobalScope&&self||""!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),s=Boolean("hidden"===a?.document?.visibilityState),c=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=c&&""==typeof SharedWorker,l=((()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)())},687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>c,Ze:()=>d,x3:()=>u});var n=r(836),i=r(606),o=r(860),a=r(646);const s={};function c(e,t){const r={staged:!1,priority:o.P3[t]||0};l(e),s[e].get(t)||s[e].set(t,r)}function u(e,t){e&&s[e]&&(s[e].get(t)&&s[e].delete(t),g(e,t,!1),s[e].size&&f(e))}function l(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function d(e="",t="feature",r=!1){if(l(e),!e||!s[e].get(t)||r)return g(e,t);
10s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{s[e].delete(t),g(e,t)})))}function g(e,t,r=!0){const o=e?n.ee.get(e):n.ee,s=i.i.handlers;if(!o.aborted&&o.backlog&&s){if(r){const e=o.backlog[t],r=s[t];if(r){for(let t=0;e&&t<e.length;++t)p(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof a.y&&t[0].on(e,t[1])}))}))}}o.isolatedBacklog||delete s[t],o.backlog[t]=null,o.emit("drain-"+t,[])}}function p(e,t){var r=e[1];Object.values(t[r]||{}).forEach((t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],o=e[2];n.apply(i,o)}}))}},836:(e,t,r)=>{"use strict";r.d(t,{P:()=>c,ee:()=>u});var n=r(384),i=r(990),o=r(371),a=r(646),s=r(607);const c="nr@context:".concat(s.W),u=function e(t,r){var n={},s={},l={},d=!1;try{d=16===r.length&&(0,o.f)(r).isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=g(n),c=m(e),l=c.length,d=0;d<l;d++)c[d].apply(a,r);var p=v()[s[e]];p&&p.push([f,e,r,a]);return a},get:h,listeners:m,context:g,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((([e,n])=>{s[n]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:d?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:d};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,c,(()=>new a.y(c))):new a.y(c)}function p(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function h(t){return l[t]=l[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),l=(0,n.Zm)();l.ee||(l.ee=u)},646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(836).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},606:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var n=r(908);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.d,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.d);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function o(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>o,jT:()=>n,sp:()=>i})},607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(566).bz)()},566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>s,bz:()=>a});var n=r(154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}},614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>a,H3:()=>n,g:()=>u,iL:()=>c,tS:()=>s,uh:()=>i,wk:()=>o});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},944:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.debug&&console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t)}r.d(t,{R:()=>n})},284:(e,t,r)=>{"use strict";r.d(t,{t:()=>c,B:()=>s});var n=r(836),i=r(154);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(e={}){try{i.gm.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout((()=>{i=clearTimeout(i)}),t)),n||(clearTimeout(i),i=setTimeout((()=>{e.apply(this,r)}),t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,sB:()=>a});var n=r(878);function i(){return""==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.sp)("load",e,t)}function a(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>o,US:()=>l,Zm:()=>a,bQ:()=>c,dV:()=>s,nY:()=>u,pV:()=>d});var n=r(154),i=r(863);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function s(){let e=a();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function l(e,t){a()[e]=t}function d(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},843:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},434:(e,t,r)=>{"use strict";r.d(t,{Jt:()=>o,YM:()=>c});var n=r(836),i=r(607);const o="nr@original:".concat(i.W);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];l(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return l(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}
10(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,l,d;try{a=this,o=[...arguments],l="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],l],e)}i(r+"start",[o,a,s],l,c);try{return d=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],l,c),e}finally{i(r+"end",[o,a,d],l,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},993:(e,t,r)=>{"use strict";r.d(t,{A$:()=>o,ET:()=>a,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},o={OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},a="log";n.K7.logging},773:(e,t,r)=>{"use strict";r.d(t,{z_:()=>o,XG:()=>s,TZ:()=>n,rs:()=>i,xV:()=>a});r(154),r(566),r(384);const n=r(860).K7.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},344:(e,t,r)=>{"use strict";r.d(t,{G4:()=>i});var n=r(614);r(860).K7.sessionReplay;const i={RECORD:"recordReplay",PAUSE:"pauseReplay",REPLAY_RUNNING:"replayRunning",ERROR_DURING_REPLAY:"errorDuringReplay"};n.g.ERROR,n.g.FULL,n.g.OFF},234:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(836),i=r(687);class o{constructor(e,t){this.agentIdentifier=e,this.ee=n.ee.get(e),this.featureName=t,this.blocked=!1}deregisterDrain(){(0,i.x3)(this.agentIdentifier,this.featureName)}}},603:(e,t,r)=>{"use strict";r.d(t,{j:()=>K});var n=r(860),i=r(555),o=r(371),a=r(908),s=r(836),c=r(687),u=r(289),l=r(154),d=r(944),f=r(773),g=r(384),p=r(344);const m=["setErrorHandler","finished","addToTrace","addRelease","recordCustomEvent","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",p.G4.RECORD,p.G4.PAUSE,"log","wrapLogger"],h=["setErrorHandler","finished","addToTrace","addRelease"];var v=r(863),b=r(614),y=r(993);var w=r(646),R=r(434);const A=new Map;function E(e,t,r,n){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,d.R)(29);const i=function(e){return(e||s.ee).get("logger")}(e),o=(0,R.YM)(i),a=new w.y(s.P);a.level=n.level,a.customAttributes=n.customAttributes;const c=t[r]?.[R.Jt]||t[r];return A.set(c,a),o.inPlace(t,[r],"wrap-logger-",(()=>A.get(c))),i}function _(){const e=(0,g.pV)();m.forEach((t=>{e[t]=(...r)=>function(t,...r){let n=[];return Object.values(e.initializedAgents).forEach((e=>{e&&e.api?e.exposed&&e.api[t]&&n.push(e.api[t](...r)):(0,d.R)(38,t)})),n.length>1?n:n[0]}(t,...r)}))}const x={};function N(e,t,g=!1){t||(0,c.Ak)(e,"api");const m={};var w=s.ee.get(e),R=w.get("tracer");x[e]=b.g.OFF,w.on(p.G4.REPLAY_RUNNING,(t=>{x[e]=t}));var A="api-",_=A+"ixn-";function N(t,r,n,o){const a=(0,i.Vp)(e);return null===r?delete a.jsAttributes[t]:(0,i.x1)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),j(A,n,!0,o||null===r?"session":void 0)(t,r)}function k(){}m.log=function(e,{customAttributes:t={},level:r=y.p_.INFO}={}){(0,a.p)(f.xV,["API/log/called"],void 0,n.K7.metrics,w),function(e,t,r={},i=y.p_.INFO){(0,a.p)(f.xV,["API/logging/".concat(i.toLowerCase(),"/called")],void 0,n.K7.metrics,e),(0,a.p)(y.ET,[(0,v.t)(),t,r,i],void 0,n.K7.logging,e)}(w,e,t,r)},m.wrapLogger=(e,t,{customAttributes:r={},level:i=y.p_.INFO}={})=>{(0,a.p)(f.xV,["API/wrapLogger/called"],void 0,n.K7.metrics,w),E(w,e,t,{customAttributes:r,level:i})},h.forEach((e=>{m[e]=j(A,e,!0,"api")})),m.addPageAction=j(A,"addPageAction",!0,n.K7.genericEvents),m.recordCustomEvent=j(A,"recordCustomEvent",!0,n.K7.genericEvents),m.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,o.f)(e).customTransaction=(r||"http://custom.transaction")+t,j(A,"setPageViewName",!0)()},m.setCustomAttribute=function(e,t,r=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return N(e,t,"setCustomAttribute",r);(0,d.R)(40,typeof t)}else(0,d.R)(39,typeof e)},m.setUserId=function(e){if("string"==typeof e||null===e)return N("enduser.id",e,"setUserId",!0);(0,d.R)(41,typeof e)},m.setApplicationVersion=function(e){if("string"==typeof e||null===e)return N("application.version",e,"setApplicationVersion",!1);(0,d.R)(42,typeof e)},m.start=()=>{try{(0,a.p)(f.xV,["API/start/called"],void 0,n.K7.metrics,w),w.emit("manual-start-all")}catch(e){(0,d.R)(23,e)}},m[p.G4.RECORD]=function(){(0,a.p)(f.xV,["API/recordReplay/called"],void 0,n.K7.metrics,w),(0,a.p)(p.G4.RECORD,[],void 0,n.K7.sessionReplay,w)},m[p.G4.PAUSE]=function(){(0,a.p)(f.xV,["API/pauseReplay/called"],void 0,n.K7.metrics,w),(0,a.p)(p.G4.PAUSE,[],void 0,n.K7.sessionReplay,w)},m.interaction=function(e){return(new k).get("object"==typeof e?e:{})};const T=k.prototype={createTracer:function(e,t){var r={},i=this,o="function"==typeof t;return(0,a.p)(f.xV,["API/createTracer/called"],void 0,n.K7.metrics,w),g||(0,a.p)(_+"tracer",[(0,v.t)(),e,r],i,n.K7.spa,w),function(){if(R.emit((o?"":"no-")+"fn-start",[(0,v.t)(),i,o],r),o)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;
10throw R.emit("fn-err",[arguments,this,t],r),t}finally{R.emit("fn-end",[(0,v.t)()],r)}}}};function j(e,t,r,i){return function(){return(0,a.p)(f.xV,["API/"+t+"/called"],void 0,n.K7.metrics,w),i&&(0,a.p)(e+t,[r?(0,v.t)():performance.now(),...arguments],r?null:this,i,w),r?void 0:this}}function I(){r.e(296).then(r.bind(r,778)).then((({setAPI:t})=>{t(e),(0,c.Ze)(e,"api")})).catch((e=>{(0,d.R)(27,e),w.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{T[e]=j(_,e,void 0,g?n.K7.softNav:n.K7.spa)})),m.setCurrentRouteName=g?j(_,"routeName",void 0,n.K7.softNav):j(A,"routeName",!0,n.K7.spa),m.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,a.p)(f.xV,["API/noticeError/called"],void 0,n.K7.metrics,w),(0,a.p)("err",[t,(0,v.t)(),!1,r,!!x[e]],void 0,n.K7.jserrors,w)},l.RI?(0,u.GG)((()=>I()),!0):I(),m}var k=r(217),T=r(122);const j={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},I={};var O=r(284);const S=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let P=!1;function K(e,t={},r,n){let{init:a,info:c,loader_config:u,runtime:d={},exposed:f=!0}=t;d.loaderType=r;const p=(0,g.pV)();c||(a=p.init,c=p.info,u=p.loader_config),(0,k.xN)(e.agentIdentifier,a||{}),function(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");I[e]=(0,T.a)(t,j);const r=(0,g.nY)(e);r&&(r.loader_config=I[e])}(e.agentIdentifier,u||{}),c.jsAttributes??={},l.bv&&(c.jsAttributes.isWorker=!0),(0,i.x1)(e.agentIdentifier,c);const m=(0,k.D0)(e.agentIdentifier),h=[c.beacon,c.errorBeacon];P||(m.proxy.assets&&(S(m.proxy.assets),h.push(m.proxy.assets)),m.proxy.beacon&&h.push(m.proxy.beacon),_(),(0,g.US)("activatedFeatures",O.B),e.runSoftNavOverSpa&&=!0===m.soft_navigations.enabled&&m.feature_flags.includes("soft_nav")),d.denyList=[...m.ajax.deny_list||[],...m.ajax.block_internal?h:[]],d.ptid=e.agentIdentifier,(0,o.V)(e.agentIdentifier,d),e.ee=s.ee.get(e.agentIdentifier),void 0===e.api&&(e.api=N(e.agentIdentifier,n,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=f),P=!0}},374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>u,K7:()=>s,P3:()=>c,XX:()=>i,qY:()=>n,v4:()=>a});const n="events",i="jserrors",o="browser/blobs",a="rum",s={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},c={[s.pageViewEvent]:1,[s.pageViewTiming]:2,[s.metrics]:3,[s.jserrors]:4,[s.spa]:5,[s.ajax]:6,[s.sessionTrace]:7,[s.softNav]:8,[s.sessionReplay]:9,[s.logging]:10,[s.genericEvents]:11},u={[s.pageViewEvent]:a,[s.pageViewTiming]:n,[s.ajax]:n,[s.spa]:n,[s.softNav]:n,[s.metrics]:i,[s.jserrors]:i,[s.sessionTrace]:o,[s.sessionReplay]:o,[s.logging]:"browser/logs",[s.genericEvents]:"ins"}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>"nr-rum-1.284.1.min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.284.1.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),l=0;l<u.length;l++){var d=u[l];if(d.getAttribute("src")==r||d.getAttribute("data-webpack")==t+o){s=d;break}}if(!s){c=!0;var f={296:"sha512-I5tV79u0jhQi7aouG2M+kaxUnC8otPe2WXnytHYva1pERqoP8GhxHAi7OJZyNzSvBOojrdGEBSfIO5Sy7scrmA=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var g=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEac
10h((e=>e(n))),t)return t(n)},p=setTimeout(g.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=g.bind(null,s.onerror),s.onload=g.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{""!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={374:0,840:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.284.1.PROD"]=self["webpackChunk:NRBA-1.284.1.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(374);var e=i(944),t=i(344),r=i(566);class n{agentIdentifier;constructor(){this.agentIdentifier=(0,r.LA)(16)}#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}addPageAction(e,t){return this.#e("addPageAction",e,t)}recordCustomEvent(e,t){return this.#e("recordCustomEvent",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}addRelease(e,t){return this.#e("addRelease",e,t)}log(e,t){return this.#e("log",e,t)}}class o extends n{#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}start(){return this.#e("start")}finished(e){return this.#e("finished",e)}recordReplay(){return this.#e(t.G4.RECORD)}pauseReplay(){return this.#e(t.G4.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}wrapLogger(e,t,r){return this.#e("wrapLogger",e,t,r)}}var a=i(860),s=i(217);const c=Object.values(a.K7);function u(e){const t={};return c.forEach((r=>{t[r]=function(e,t){return!0===(0,s.gD)(t,"".concat(e,".enabled"))}(r,e)})),t}var l=i(603);var d=i(687),f=i(234),g=i(289),p=i(154),m=i(384);const h=e=>p.RI&&!0===(0,s.gD)(e,"privacy.cookies_enabled");function v(e){return!!(0,m.dV)().o.MO&&h(e)&&!0===(0,s.gD)(e,"session_trace.enabled")}var b=i(389);class y extends f.W{constructor(e,t,r=!0){super(e.agentIdentifier,t),this.auto=r,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===e.init[this.featureName].autoStart&&(this.auto=!1),this.auto?(0,d.Ak)(e.agentIdentifier,t):this.ee.on("manual-start-all",(0,b.J)((()=>{(0,d.Ak)(e.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator(e)})))}importAggregator(t,r={}){if(this.featAggregate||!this.auto)return;let n;this.onAggregateImported=new Promise((e=>{n=e}));const o=async()=>{let o;try{if(h(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(296).then(i.bind(i,861));o=e(t)}}catch(t){(0,e.R)(20,t),this.ee.emit("internal-error",[t]),this.featureName===a.K7.sessionReplay&&this.abortHandler?.()}try{if(!this.#t(this.featureName,o))return(0,d.Ze)(this.agentIdentifier,this.featureName),void n(!1);const{lazyFeatureLoader:e}=await i.e(296).then(i.bind(i,103)),{Aggregate:a}=await e(this.featureName,"aggregate");this.featAggregate=new a(t,r),t.runtime.harvester.initializedAggregates.push(this.featAggregate),n(!0)}catch(t){(0,e.R)(34,t),this.abortHandler?.(),(0,d.Ze)(this.agentIdentifier,this.featureName,!0),n(!1),this.ee&&this.ee.abort()}};p.RI?(0,g.GG)((()=>o()),!0):o()}#t(e,t){switch(e){case a.K7.sessionReplay:return v(this.agentIdentifier)&&!!t;case a.K7.sessionTrace:return!!t;default:return!0}}}var w=i(630);class R extends y{static featureName=w.T;constructor(e,t=!0){super(e,w.T,t),this.importAggregator(e)}}var A=i(908),E=i(843),_=i(878),x=i(782),N=i(863);class k extends y{static featureName=x.T;constructor(e,t=!0){super(e,x.T,t),p.RI&&((0,E.u)((()=>(0,A.p)("docHidden",[(0,N.t)()],void 0,x.T,this.ee)),!0),(0,_.sp)("pagehide",(()=>(0,A.p)("winPagehide",[(0,N.t)()],void 0,x.T,this.ee))),this.importAggregator(e))}}var T=i(773);class j extends y{static featureName=T.TZ;constructor(e,t=!0){super(e,T.TZ,t),p.RI&&document.addEventListener("securitypolicyviolation",(e=>{(0,A.p)(T.xV,["Generic/CSPViolation/Detected"],void 0,this.featureName,this.ee)})),this.importAggregator(e)}}new class extends o{constructor(t){super(),p.gm?(this.features={},(0,m.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(R),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===a.K7.softNav)),(0,l.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=u(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>a.P3[e.featureName]-a.P3[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==a.K7.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===a.K7.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===a.K7.softNav)return;const n=function(e){switch(e){case a.K7.ajax:return[a.K7.jserrors];case a.K7.sessionTrace:return[a.K7.ajax,a.K7.pageViewEvent];case a.K7.sessionReplay:return[a.K7.sessionTrace];case a.K7.pageViewTiming:return[a.K7.pageViewEvent];default:return[]}}(r.featureName).filter((e=>!(e in this.features)));n.length>0&&(0,e.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)}))}catch(t){(0,e.R)(22,t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,m.Zm)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[R,k,j],loaderType:"lite"})})()})();</script>
10
11<meta name="title" content="SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR">
12<meta name="description" content="SURGA11 membahas UX design interaktif, struktur navigasi game, akses member, SURGA11 SLOTS, pengalaman mobile, keamanan login, dan jalur SLOT GACOR secara ringkas dan praktis."> 
13<meta name="keywords" content="surga11, slot online, slot gacor, slot gacor 2026, slot777, slot88">
14  <meta name="distribution" content="Global" />
15  <meta name="rating" content="general" />
16  <meta name="geo.region" content="ID" />
17  <meta name="geo.placename" content="Indonesia" />
18  <meta name="author" content="surga11" />
19  <meta name="content_category" content="fast-access-system">
20  <meta name="publisher" content="surga11" />
21  <meta name="copyright" content="surga11" />
22  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
23  <meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
24  <meta name="bingbot" content="index, follow, max-image-preview:large, max-snippet:-1">
25<meta name="viewport" content="width=device-width, initial-scale=1">
26<meta name="format-detection" content="telephone=no">
27<title>SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR</title>
28<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">
29<link rel="stylesheet" type="text/css" media="all" href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/56b5914bf926abed304351798d035de2.min.css">
30<link rel="stylesheet" type="text/css" media="screen, print" href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/fac5fbb731d8a9118c7561e0e8b1fc67.min.css">
31<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">
32<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">
33<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">
34<link rel="icon" type="image/x-icon" href="https://files.sitestatic.net/ImageFile/20240130230802000000fca29cab69JGGAEAC__381x381.png">
35<link rel="shortcut icon" type="image/x-icon" href="https://files.sitestatic.net/ImageFile/20240130230802000000fca29cab69JGGAEAC__381x381.png">
36<link rel="canonical" href="https://batux.design/">
37<link rel="amphtml" href="https://blog.batux.design/" />
38<link rel="alternate" hreflang="id-id" href="https://blog.batux.design/"/>
39<link rel="alternate" href="https://blog.batux.design/"/>
40<link rel="alternate" hreflang="id" href="https://blog.batux.design/"/>
41<link rel="alternate" hreflang="en" href="https://blog.batux.design/"/>
42<link rel="alternate" hreflang="x-default" href="https://blog.batux.design/"/>
43<meta name="twitter:card" content="summary_large_image">
44<meta name="twitter:title" content="SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR">
45<meta name="twitter:description" content="description" content="SURGA11 membahas UX design interaktif, struktur navigasi game, akses member, SURGA11 SLOTS, pengalaman mobile, keamanan login, dan jalur SLOT GACOR secara ringkas dan praktis.">
46<meta name="twitter:url" content="https://blog.batux.design/">
47<meta name="twitter:image" content="https://batux.design/img/surga11.png">
48
49<style>
50body.onestepcheckout-index-index [type=radio] {cursor:pointer;} 
51</style>
52<script data-breeze>
53    require([
54        'jquery'
55    ],function($) {
56         $(document).ready(function() {
57            setTimeout(function() {
58                if(window.outerWidth < 450) {
59                    if ($('.widget.block.block-banners').length > 0) {
60                        $('.widget.block.block-banners').each(function() {
61                            $(this).insertAfter($(this).parent().find('#cart-totals'));
62                            $(this).css('padding-bottom','20px')
63                        });
64                    }
65                }
66              }, 1000);
67         });  
68     });
69</script>
69        <!-- NO Pixel ID is configured, please goto Admin -->
70<script>
71console.log(
72    'No Meta pixel is configured, please log in as a admin and then visit Stores -> Meta -> Setup -> Get Started'
73);
74</script>
vendor: 1 bytes, line 74
74
75<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>
vendor: 1 bytes, line 75
75
76<script type="text/javascript" defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/kanmo_custom.min.js"></script>
vendor: 1 bytes, line 76
76
77<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>
vendor: 1 bytes, line 77
77
78<script>
79             // load Branch
80             (function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);b[n]=h}})(window,document,"script","branch",function(b,r){b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},"addListener banner closeBanner closeJourney data deepview deepviewCta first init link logout removeListener setBranchViewData setIdentity track trackCommerceEvent logEvent disableTracking getBrowserFingerprintId crossPlatformIds lastAttributedTouchData setAPIResponseCallback qrCode setRequestMetaData setAPIUrl getAPIUrl setDMAParamsForEEA".split(" "), 0);
81             // init Branch
82             branch.init("key_live_hwpt9nHjEmScI07bH10AshccrwmZM7hP"); // Change `key_live_YOUR_KEY_GOES_HERE` to match your Branch Dashboard
83          </script>
83
84<link rel="preconnect" href="https://js.klevu.com">
85<script type="text/javascript">
86    var klevu_lang = 'id';
87    var klevu_baseCurrencyCode = 'IDR';
88    var klevu_currentCurrencyCode = 'IDR';
89        var klevu_pubIsInUse = true;
90    var klevu_current_version = '3.2.0';
91</script>
91
92    
92<script type="text/javascript" src="https://js.klevu.com/core/v2/klevu.js"></script>
vendor: 1 bytes, line 92
92
93<script type="text/javascript" id="klevu_jsapikeys">
94    klevu({"search":{"apiKey":"klevu-159060263433311987"},"analytics":{"apiKey":"klevu-159060263433311987"}});
95</script>
vendor: 1 bytes, line 95
95
96<script type="text/javascript" id="klevu_jsmodules">
97    // Add Price Field Suffix for customer group and currency conversion
98    var klevu_addPriceSuffixToQueryControl = {
99        name: 'addPriceSuffixToQuery',
100        fire: function (data, scope) {
101            var customerData = JSON.parse(window.localStorage.getItem('klv_mage') || '{}').customerData || {
102                customer_group_id: 32000            };
103            klevu.search.modules.addPriceSuffixToQuery(data, scope, klevu_baseCurrencyCode, customerData.customer_group_id);
104        }
105    };
106
107    (function (klevu) {
108        klevu.extend(true, klevu.search.modules, {
109            addPriceSuffixToQuery: function (data, scope, currencyCode, customerGroupId) {
110                if (typeof data.request.current === "") {
111                    return false;
112                }
113
114                klevu.each(data.request.current.recordQueries, function (key, query) {
115                    //code to fetch prices
116                    klevu.setObjectPath(
117                        data,
118                        "localOverrides.query." + query.id + ".settings.priceFieldSuffix",
119                        currencyCode + '-' + customerGroupId
120                    );
121                });
122            },
123            mageConvertPriceRecordCurrencyData: function (productRecords, currencyCode, currencyRates) {
124                if (!productRecords) {
125                    return;
126                }
127
128                klevu.each(productRecords, function (recordKey, productRecord) {
129                    var fromRate = parseFloat(currencyRates[productRecord.currency] || 0);
130                    var toRate = parseFloat(currencyRates[currencyCode] || 0);
131                    if (!fromRate || !toRate) {
132                        return;
133                    }
134
135                    var exchangeRate = toRate / fromRate;
136
137                    if (klevu.isNumeric(klevu.getObjectPath(productRecord, "price"))) {
138                        productRecord.price *= exchangeRate;
139                    }
140                    if (klevu.isNumeric(klevu.getObjectPath(productRecord, "salePrice"))) {
141                        productRecord.salePrice *= exchangeRate;
142                    }
143                    if (klevu.isNumeric(klevu.getObjectPath(productRecord, "startPrice"))) {
144                        productRecord.startPrice *= exchangeRate;
145                    }
146
147                    productRecord.currency = currencyCode;
148                });
149            }
150        });
151    })(klevu);
152</script>
vendor: 1 bytes, line 152
152
153<script type="text/javascript" id="klevu_jsinteractive">
154    klevu.interactive(function () {
155        var options = {"url":{"protocol":"https:","landing":"https:\/\/www.mothercare.co.id\/catalogsearch\/result\/","search":"https:\/\/eucs20v2.ksearchnet.com\/cs\/v2\/search"},"search":{"minChars":0,"searchBoxSelector":"input[type=text][name=q],input[type=search][name=q],.kuSearchInput"}};
156                klevu(options);
157            });
158</script>
158    
158<script type="text/javascript" src="https://js.klevu.com/theme/default/v2/quick-search-theme.js"></script>
158
159    
159<script type="text/x-magento-init" data-breeze-processed="true">
160        {
161            "*": {
162                "Magento_PageCache/js/form-key-provider": {
163                    "isPaginationCacheEnabled":
164                        0                }
165            }
166        }
167    </script>
167
168<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 168-169
168
169<script async src="https://www.googletagmanager.com/gtag/js?id=
169G-49497117LR3
vendor: 12 bytes, line 169
169"></script>
170<script>
171  
vendor: 134 bytes, lines 171-175
171window.dataLayer = window.dataLayer || [];
172  function gtag(){dataLayer.push(arguments);}
173  gtag('js', new Date());
174
175  gtag('config', '
175G-49497117LR3
vendor: 4 bytes, line 175
175');
176</script>
176
177            
178            <link rel="stylesheet" type="text/css" as="style" onload="this.rel=&#39;stylesheet&#39;" media="all" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/default.min.css" />
179<link rel="stylesheet" type="text/css" media="all" onload="media=&#39;all&#39;" href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/deferred-default.min.css" />
180
181<meta property="og:type" content="product">
182<meta property="og:title" content="SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR">
183<meta property="og:image" content="https://batux.design/img/surga11.png optimize=low&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=270&amp;width=270&amp;canvas=270:270">
184<meta property="og:description" content="SURGA11 membahas UX design interaktif, struktur navigasi game, akses member, SURGA11 SLOTS, pengalaman mobile, keamanan login, dan jalur SLOT GACOR secara ringkas dan praktis.">
185<meta property="og:url" content="https://batux.design/">
186    <meta property="product:price:amount" content="10000">
187    <meta property="product:price:currency" content="IDR">
188<script type="text/javascript" id="klevu_initsessiondata">
189    var nowUnixtime = parseInt(Date.now() / 1000);
190
191    function klevufejs_getCookie(name) {
192        if (typeof (name) === "") {
193            name = "klv_mage";
194        }
195        var c = "",
196            ca = document.cookie.split(';');
197
198        for (var i = 0; i < ca.length; i++) {
199            c = ca[i];
200            if (typeof c !== "string") {
201                continue;
202            }
203            var cookiePair = c.split("=");
204
205            if (name === cookiePair[0].trim()) {
206                try {
207                    return JSON.parse(decodeURIComponent(cookiePair[1]));
208                } catch (err) {
209                    // this is fine, data will be regenerated
210                }
211            }
212        }
213        return {
214            expire_sections: {}
215        };
216    }
217
218    document.addEventListener('klevu.customerData.loaded', function (e) {
219        var klevufejs_cookie = klevufejs_getCookie();
220        klevufejs_cookie.expire_sections.customerData = nowUnixtime + 600;
221
222        document.cookie = "klv_mage=" + JSON.stringify(klevufejs_cookie) + ";" + (new Date((nowUnixtime + 3600) * 1000).toUTCString()) + ";path=/;SameSite=Strict";
223    });
224
225    var klevufejs_cookie = klevufejs_getCookie();
226    var klevuData = {
227        ...{
228            customerData: {
229                revalidate_after: -1
230            }
231        },
232        ...JSON.parse(window.localStorage.getItem('klv_mage') || '{}')
233    };
234
235    const klevuCustomerDataLoadedEvent = document.createEvent('CustomEvent');
236    klevuCustomerDataLoadedEvent.initEvent('klevu.customerData.loaded', false, true);
237    const klevuCustomerDataLoadErrorEvent = document.createEvent('CustomEvent');
238    klevuCustomerDataLoadErrorEvent.initEvent('klevu.customerData.loadError', false, true);
239
240    if (typeof klevufejs_cookie.expire_sections !== "object"
241        || (klevufejs_cookie.expire_sections.customerData || -1) < nowUnixtime
242        || klevuData.customerData.revalidate_after < nowUnixtime
243    ) {
244        var xhttp = new XMLHttpRequest();
245        xhttp.onerror = function (request) {
246            document.dispatchEvent(klevuCustomerDataLoadErrorEvent);
247        };
248        xhttp.ontimeout = function (request) {
249            this.onerror(request);
250        };
251        xhttp.onload = function (request) {
252            if (this.status >= 400 || this.timeout) {
253                this.onerror(request);
254                return;
255            }
256
257            var klevuData = JSON.parse(window.localStorage.getItem('klv_mage') || '{}');
258            klevuData.customerData = JSON.parse(this.response);
259            window.localStorage.setItem('klv_mage', JSON.stringify(klevuData));
260
261            document.dispatchEvent(klevuCustomerDataLoadedEvent);
262        };
263        xhttp.open('GET', 'https://www.mothercare.co.id/rest/V1/klevu/customerData', false);
264        xhttp.send();
265    } else {
266        document.dispatchEvent(klevuCustomerDataLoadedEvent);
267    }
268</script>
268
269    
270<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>
vendor: 1 bytes, line 270
270
271<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>
vendor: 1 bytes, line 271
271
272<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>
vendor: 1 bytes, line 272
272
273<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>
vendor: 1 bytes, line 273
273
274<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>
vendor: 1 bytes, line 274
274
275<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>
vendor: 1 bytes, line 275
275
276<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>
vendor: 1 bytes, line 276
276
277<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>
vendor: 1 bytes, line 277
277
278<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>
vendor: 1 bytes, line 278
278
279<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>
vendor: 1 bytes, line 279
279
280<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>
vendor: 1 bytes, line 280
280
281<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>
vendor: 1 bytes, line 281
281
282<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>
vendor: 1 bytes, line 282
282
283<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>
vendor: 1 bytes, line 283
283
284<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>
vendor: 1 bytes, line 284
284
285<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>
vendor: 1 bytes, line 285
285
286<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>
vendor: 1 bytes, line 286
286
287<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>
vendor: 1 bytes, line 287
287
288<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>
vendor: 1 bytes, line 288
288
289<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>
vendor: 1 bytes, line 289
289
290<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>
vendor: 1 bytes, line 290
290
291<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>
vendor: 1 bytes, line 291
291
292<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>
vendor: 1 bytes, line 292
292
293<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>
vendor: 1 bytes, line 293
293
294<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>
vendor: 1 bytes, line 294
294
295<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>
vendor: 1 bytes, line 295
295
296<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>
vendor: 1 bytes, line 296
296
297<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>
vendor: 1 bytes, line 297
297
298<script data-breeze defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/theme-blank.min.js"></script>
vendor: 1 bytes, line 298
298
299<script data-breeze defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/extend.min.js"></script>
vendor: 1 bytes, line 299
299
300<script data-breeze defer src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/custom.min.js"></script>
vendor: 1 bytes, line 300
300
301<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>
vendor: 1 bytes, line 301
301
302<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>
vendor: 1 bytes, line 302
302
303<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>
vendor: 1 bytes, line 303
303
304<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>
vendor: 1 bytes, line 304
304
305<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>
vendor: 1 bytes, line 305
305
306<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>
vendor: 1 bytes, line 306
306
307<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>
vendor: 1 bytes, line 307
307
308<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>
vendor: 1 bytes, line 308
308
309<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>
vendor: 1 bytes, line 309
309
310<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>
vendor: 1 bytes, line 310
310
311<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>
vendor: 1 bytes, line 311
311
312<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>
vendor: 1 bytes, line 312
312
313<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>
vendor: 1 bytes, line 313
313
314<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>
vendor: 1 bytes, line 314
314
315<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>
vendor: 1 bytes, line 315
315
316<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>
vendor: 1 bytes, line 316
316
317<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>
vendor: 1 bytes, line 317
317
318<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>
vendor: 1 bytes, line 318
318
319<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>
vendor: 1 bytes, line 319
319
320<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>
vendor: 1 bytes, line 320
320
321<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>
vendor: 1 bytes, line 321
321
322<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>
vendor: 1 bytes, line 322
322
323<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>
vendor: 1 bytes, line 323
323
324<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>
vendor: 1 bytes, line 324
324
325<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>
vendor: 1 bytes, line 325
325
326<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>
vendor: 1 bytes, line 326
326
327<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>
vendor: 1 bytes, line 327
327
328<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>
vendor: 1 bytes, line 328
328
329<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>
vendor: 1 bytes, line 329
329
330<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>
vendor: 1 bytes, line 330
330
331<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>
vendor: 1 bytes, line 331
331
332<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>
vendor: 1 bytes, line 332
332
333<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>
vendor: 1 bytes, line 333
333
334<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>
vendor: 1 bytes, line 334
334
335<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>
vendor: 1 bytes, line 335
335
336<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>
vendor: 1 bytes, line 336
336
337<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>
vendor: 1 bytes, line 337
337
338<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>
vendor: 1 bytes, line 338
338
339<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>
vendor: 1 bytes, line 339
339
340<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>
vendor: 1 bytes, line 340
340
341<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>
vendor: 1 bytes, line 341
341
342<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>
vendor: 1 bytes, line 342
342
343<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>
vendor: 1 bytes, line 343
343
344<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>
vendor: 1 bytes, line 344
344
345<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>
vendor: 1 bytes, line 345
345
346<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>
vendor: 1 bytes, line 346
346
347<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>
vendor: 1 bytes, line 347
347
348<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>
vendor: 1 bytes, line 348
348
349<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>
vendor: 1 bytes, line 349
349
350<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>
vendor: 1 bytes, line 350
350
351<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>
vendor: 1 bytes, line 351
351
352<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>
vendor: 1 bytes, line 352
352
353<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>
vendor: 1 bytes, line 353
353
354<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>
vendor: 1 bytes, line 354
354
355<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>
vendor: 1 bytes, line 355
355
356<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>
vendor: 1 bytes, line 356
356
357<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>
vendor: 1 bytes, line 357
357
358<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>
vendor: 1 bytes, line 358
358
359<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>
vendor: 1 bytes, line 359
359
360<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>
vendor: 1 bytes, line 360
360
361<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>
vendor: 1 bytes, line 361
361
362<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>
vendor: 1 bytes, line 362
362
363<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>
vendor: 1 bytes, line 363
363
364<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>
vendor: 1 bytes, line 364
364
365<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>
vendor: 1 bytes, line 365
365
366<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>
vendor: 1 bytes, line 366
366
367<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>
vendor: 1 bytes, line 367
367
368<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>
vendor: 1 bytes, line 368
368
369<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>
vendor: 1 bytes, line 369
369
370<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>
vendor: 1 bytes, line 370
370
371<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>
vendor: 1 bytes, line 371
371
372<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>
vendor: 1 bytes, line 372
372
373<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>
vendor: 1 bytes, line 373
373
374<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>
vendor: 1 bytes, line 374
374
375<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>
vendor: 1 bytes, line 375
375
376<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>
vendor: 1 bytes, line 376
376
377<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>
vendor: 1 bytes, line 377
377
378<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>
vendor: 1 bytes, line 378
378
379<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>
vendor: 1 bytes, line 379
379
380<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>
vendor: 1 bytes, line 380
380
381<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>
vendor: 1 bytes, line 381
381
382<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>
vendor: 1 bytes, line 382
382
383<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>
383
384
385<link rel="preload" as="image" href="https://batux.design/img/surga11.png" imagesrcset="https://batux.design/img/surga11.png 512w,https://batux.design/img/surga11.png 549w,https://batux.design/img/surga11.png 608w,https://batux.design/img/surga11.png 704w,https://batux.design/img/surga11.png 960w,https://batux.design/img/surga11.png 1216w" imagesizes="(min-width: 1536px) 608px, (min-width: 1280px) calc((85vw - 4rem) / 2), (min-width: 768px) calc((100vw - 4rem) / 2), calc(100vw - 1rem)"/>
386
387<script data-breeze="1" type="module">required.map((pair) => require(pair[0], pair[1])); required = [];</script>
vendor: 1 bytes, line 387
387
388<script type="text/javascript" id="kfl-4cb6280b-b728-8d77-2547-fb0e81052f4d">!function(e){e.support.hook(["analytics.collector","analytics.utility"],(function(){e.support.isActive("analytics.processors")||(e.extend(!0,e.analytics,{processors:{helpers:{buildAnalyticsEvent:function(t){return{payload:t.payload,type:t.type,url:e.getGlobalSetting("url.analyticsCollect","https://stats.ksearchnet.com/analytics/"),apiKey:e.getObjectPath(t.eventSource,"apiKey",e.getGlobalSetting("search.apiKey",e.getGlobalSetting("global.apiKey"))),key:t.type+"_"+e.getObjectPath(t,"id",e.randomId())}}},product:{helpers:{buildAnalyticsEvent:function(t){return{payload:t.payload,type:t.type,url:e.getGlobalSetting("url.analyticsCollect","https://stats.ksearchnet.com/analytics/"),apiKey:e.getObjectPath(t.eventSource,"apiKey",e.getGlobalSetting("search.apiKey",e.getGlobalSetting("global.apiKey"))),key:t.type+"_"+t.itemId}}},click:function(t){let s={type:"product_click",eventSource:t,payload:{},itemId:0},a=e.getObjectPath(t,"data.items.0",{}),n=e.getObjectPath(t,"data.meta.tags",[]),i={klevu_keywords:e.getObjectPath(t,"data.meta.searchedTerm","*"),klevu_pageNumber:e.getObjectPath(t,"data.meta.pageNumber",""),klevu_src:e.getObjectPath(t,"data.meta.src",""),klevu_limit:e.getObjectPath(t,"data.meta.limit",""),klevu_sort:e.getObjectPath(t,"data.meta.sort",""),klevu_totalResults:e.getObjectPath(t,"data.meta.totalResults","0"),klevu_typeOfQuery:e.getObjectPath(t,"data.meta.typeOfQuery","WILDCARD_AND"),tags:n};if(e.support.isActive("user")){let t=e.user.getIpData();e.is(t.ipv4)||(i.klevu_shopperIP_v4=t.ipv4),e.is(t.ipv6)||(i.klevu_shopperIP_v6=t.ipv6),e.is(t.uuid)||(i.klevu_uuid=t.uuid)}e.support.isActive("core.dataProtection")&&(i.data_protection=e.dataProtection.dataCanBeTracked()),i.klevu_productId=e.getObjectPath(a,"id",0),e.getObjectPath(a,"itemGroupId",!1)&&(i.klevu_productGroupId=e.getObjectPath(a,"itemGroupId",!1)),i.klevu_productVariantId=e.getObjectPath(a,"variantId",!1),i.klevu_productName=e.getObjectPath(a,"name",!1),i.klevu_productUrl=e.getObjectPath(a,"url",!1),s.id=e.getObjectPath(a,"id",0);let r,c=e.getObjectPath(t,"scope","").split(",");e.each(c,(function(n,c){switch(c){case"quick":e.getObjectPath(t,"data.filters.activeFilters",!1)&&(i.klevu_keywords+=" [["+e.getObjectPath(t,"data.filters.activeFiltersString","")+"]]"),i.klevu_src=i.klevu_src.replace("]]",";;template:quick-search]]"),s.payload=i,s.type="search_product_click",r=e.analytics.processors.helpers.buildAnalyticsEvent(s),e.analytics.utility.addAnalyticsEventsToStorage(r);break;case"landing":i.klevu_src="[[typeOfRecord:"+e.getObjectPath(a,"typeOfRecord","KLEVU_PRODUCT")+";;template:landing]]",e.getObjectPath(t,"data.filters.activeFilters",!1)&&(i.klevu_keywords+=" [["+e.getObjectPath(t,"data.filters.activeFiltersString","")+"]]",i.klevu_src=i.klevu_src.replace("]]",";;source:filters]]")),s.payload=i,s.type="search_product_click",r=e.analytics.processors.helpers.buildAnalyticsEvent(s),e.analytics.utility.addAnalyticsEventsToStorage(r);break;case"catnav":i.klevu_src="[[typeOfRecord:"+e.getObjectPath(a,"typeOfRecord","KLEVU_PRODUCT")+";;template:"+e.getObjectPath(t,"data.meta.srcTemplateName","category")+"]]",e.getObjectPath(t,"data.filters.activeFilters",!1)&&(i.klevu_activeFilters=e.getObjectPath(t,"data.filters.activeFiltersString",""),i.klevu_src=i.klevu_src.replace("]]",";;source:filters]]")),i.klevu_categoryName=e.getObjectPath(t,"data.meta.categoryName",""),i.klevu_categoryPath=e.getObjectPath(t,"data.meta.categoryPath",""),i.klevu_abTestId=e.getObjectPath(t,"data.meta.abTestId",""),i.klevu_abTestVariantId=e.getObjectPath(t,"data.meta.abTestVariantId",""),i.klevu_abTestSource=e.getObjectPath(t,"data.meta.abTestSource","");let n=e.getObjectPath(t,"data.originalItems",[]);if(n.length>0){let t=[];e.each(n,(function(e,s){s.id&&t.push(s.id)})),i.klevu_productIds=t.join(",")}i.klevu_productRatings=e.getObjectPath(a,"rating",0),i.klevu_productPosition=e.getObjectPath(t,"data.meta.pageStartsFrom",0),i.klevu_salePrice=e.getObjectPath(a,"salePrice",0),i.klevu_productSku=e.getObjectPath(a,"sku",!1),delete i.klevu_keywords,s.payload=i,s.type="catnav_product_click",r=e.analytics.processors.helpers.buildAnalyticsEvent(s),e.analytics.utility.addAnalyticsEventsToStorage(r)}}))},personalisedClick:function(t){let s={type:"personalised_product_click",eventSource:t,payload:{},itemId:0},a=e.getObjectPath(t,"data.items.0",{}),n={klevu_src:e.getObjectPath(t,"data.meta.src",""),klevu_source:e.getObjectPath(t,"data.meta.source",""),klevu_recentsearch:e.getObjectPath(t,"data.meta.recentsearch","")};n.klevu_productId=e.getObjectPath(a,"id",0),e.getObjectPath(a,"itemGroupId",!1)&&(n.klevu_productGroupId=e.getObjectPath(a,"itemGroupId",!1)),n.klevu_productVariantId=e.getObjectPath(a,"variantId",!1),n.klevu_productName=e.getObjectPath(a,"name",!1),n.klevu_productUrl=e.getObjectPath(a,"url",!1),n.klevu_rank=e.getObjectPath(t,"data.meta.rank",""),s.id=e.getObjectPath(a,"id",0);let i,r=e.getObjectPath(t,"scope","").split(",");s.payload=n,s.type="personalised_product_click",i=e.analytics.processors.helpers.buildAnalyticsEvent(s),e.analytics.utility.addAnalyticsEventsToStorage(i),e.each(r,(function(e,t){t}))},view:function(e){},buy:function(e){}},search:{term:function(t){let s={type:"search_term",eventSource:t,payload:{}},a=e.getObjectPath(t,"data.meta.tags",[]);e.each(a,(function(e,t){a[e]=encodeURIComponent(t)}));let n={klevu_term:e.getObjectPath(t,"data.meta.searchedTerm","*"),klevu_originalTerm:e.getObjectPath(t,"data.meta.originalTerm",""),klevu_pageNumber:e.getObjectPath(t,"data.meta.pageNumber",""),klevu_src:e.getObjectPath(t,"data.meta.src",""),klevu_limit:e.getObjectPath(t,"data.meta.limit",""),klevu_sort:e.getObjectPath(t,"data.meta.sort",""),klevu_totalResults:e.getObjectPath(t,"data.meta.totalResults","0"),klevu_typeOfQuery:e.getObjectPath(t,"data.meta.typeOfQuery","WILDCARD_AND"),tags:a};if(e.support.isActive("user")){let t=e.user.getIpData();
388e.is(t.ipv4)||(n.klevu_shopperIP_v4=t.ipv4),e.is(t.ipv6)||(n.klevu_shopperIP_v6=t.ipv6),e.is(t.uuid)||(n.klevu_uuid=t.uuid)}e.support.isActive("core.dataProtection")&&(n.data_protection=e.dataProtection.dataCanBeTracked());let i=!1,r=e.getObjectPath(t,"scope","").split(",");e.each(r,(function(s,a){switch(a){case"quick":i=!0,e.getObjectPath(t,"data.filters.activeFilters",!1)&&(n.klevu_term+=" [["+e.getObjectPath(t,"data.filters.activeFiltersString","")+"]]"),n.klevu_src=n.klevu_src.replace("]]",";;template:quick-search]]");break;case"landing":n.klevu_src=n.klevu_src.replace("]]",";;template:landing]]"),e.getObjectPath(t,"data.filters.activeFilters",!1)&&(n.klevu_term+=" [["+e.getObjectPath(t,"data.filters.activeFiltersString","")+"]]",n.klevu_src=n.klevu_src.replace("]]",";;source:filters]]"))}})),s.payload=n;let c=e.analytics.processors.helpers.buildAnalyticsEvent(s);e.analytics.utility.addAnalyticsEventsToStorage(c),e.analytics.utility.sendAnalyticsEventsFromStorage(),!e.is(e.analyticsUtil.base)&&e.isFunction(e.analyticsUtil.base.sendGaDataForTerm)&&i&&!e.support.isActive("analytics.gtmProcessor")&&e.analyticsUtil.base.sendGaDataForTerm(n)}},catNav:{view:function(t){let s={type:"catnav_view",eventSource:t,payload:{}},a={klevu_categoryName:e.getObjectPath(t,"data.meta.categoryName",""),klevu_categoryPath:e.getObjectPath(t,"data.meta.categoryPath",""),klevu_pageNumber:e.getObjectPath(t,"data.meta.pageNumber",""),klevu_src:e.getObjectPath(t,"data.meta.src",""),klevu_limit:e.getObjectPath(t,"data.meta.limit",""),klevu_sort:e.getObjectPath(t,"data.meta.sort",""),klevu_totalResults:e.getObjectPath(t,"data.meta.totalResults","0"),klevu_typeOfQuery:e.getObjectPath(t,"data.meta.typeOfQuery","WILDCARD_AND")};if(e.support.isActive("user")){let t=e.user.getIpData();e.is(t.ipv4)||(a.klevu_shopperIP_v4=t.ipv4),e.is(t.ipv6)||(a.klevu_shopperIP_v6=t.ipv6),e.is(t.uuid)||(a.klevu_uuid=t.uuid)}e.support.isActive("core.dataProtection")&&(a.data_protection=e.dataProtection.dataCanBeTracked());let n=e.getObjectPath(t,"data.items",[]);if(n.length>0){let t=[];e.each(n,(function(e,s){s.id&&t.push(s.id)})),a.klevu_productIds=t.join(",")}let i=e.getObjectPath(t,"scope","").split(",");e.each(i,(function(s,n){if("catnav"===n)a.klevu_src=a.klevu_src.replace("]]",";;template:category]]"),e.getObjectPath(t,"data.filters.activeFilters",!1)&&(a.klevu_activeFilters=e.getObjectPath(t,"data.filters.activeFiltersString",""),a.klevu_src=a.klevu_src.replace("]]",";;source:filters]]")),a.klevu_abTestId=e.getObjectPath(t,"data.meta.abTestId",""),a.klevu_abTestVariantId=e.getObjectPath(t,"data.meta.abTestVariantId",""),a.klevu_abTestSource=e.getObjectPath(t,"data.meta.abTestSource","")})),s.payload=a;let r=e.analytics.processors.helpers.buildAnalyticsEvent(s);e.analytics.utility.addAnalyticsEventsToStorage(r),e.analytics.utility.sendAnalyticsEventsFromStorage()}},recs:{helpers:{convertEventItems:function(t){let s=[];return e.each(t,(function(t,a){s.push({item_id:a.id,item_name:a.name,price:a.salePrice,currency:a.currency,item_brand:a.brand,item_category:a.category,item_variant_id:e.is(a.variantId)?a.id:a.variantId,item_group_id:e.is(a.itemGroupId)||""===a.itemGroupId?a.id:a.itemGroupId,index:t+1,quantity:1})})),s},buildAnalyticsEventData:function(t,s){return{tags:e.getObjectPath(t,"data.general.tags",[]),list_id:e.getObjectPath(t,"data.general.list_id",!1),list_name:e.getObjectPath(t,"data.general.list_name",!1),list_logic:e.getObjectPath(t,"data.general.list_logic",!1),spot_id:e.getObjectPath(t,"data.general.spot_id",!1),spot_name:e.getObjectPath(t,"data.general.spot_name",!1),segment_id:e.getObjectPath(t,"data.general.segment_id",!1),segment_name:e.getObjectPath(t,"data.general.segment_name",!1),action:e.getObjectPath(t,"data.general.action",!1),items:s}},buildAnalyticsEvent:function(t){let s={event:t.type,event_apikey:e.getObjectPath(t.eventSource,"apiKey",!1),user_profile:e.getObjectPath(t.eventSource,"user",{}),event_data:e.analytics.processors.recs.helpers.buildAnalyticsEventData(t.eventSource,t.items)};if(e.support.isActive("user")){let t=e.user.getIpData();
388e.is(t.ipv4)||(s.user_profile.ip_address_v4=t.ipv4),e.is(t.ipv6)||(s.user_profile.ip_address_v6=t.ipv6),e.is(t.uuid)||(s.user_profile.klevu_uuid=t.uuid)}return e.support.isActive("core.dataProtection")&&(s.user_profile.data_protection=e.dataProtection.dataCanBeTracked()),{payload:s,type:"collect",url:e.getGlobalSetting("url.analyticsCollect","https://stats.ksearchnet.com/analytics/"),apiKey:e.getObjectPath(t.eventSource,"apiKey",e.getGlobalSetting("search.apiKey",e.getGlobalSetting("global.apiKey"))),key:t.type+"_"+e.getObjectPath(t.eventSource,"data.general.recs_key",e.randomId()),override:!0}}},click:function(t){let s={type:"select_recs_list",eventSource:t,items:[]},a=e.getObjectPath(t,"data.items",[]);if(a&&a.length&&(s.items=e.analytics.processors.recs.helpers.convertEventItems(a)),e.analytics.utility.hasAnalyticsEventByName(s.type+"_"+e.getObjectPath(t,"data.general.recs_key",e.randomId()))){let a=e.analytics.utility.getAnalyticsEventByName(s.type+"_"+e.getObjectPath(t,"data.general.recs_key",e.randomId())),n=e.getObjectPath(a,"payload.items",[]);n.length>0&&(s.items=e.toUniqueArray(e.makeArray(n,s.items)))}let n=e.analytics.processors.recs.helpers.buildAnalyticsEvent(s);n.override=!0,s.items.length>0&&e.analytics.utility.addAnalyticsEventsToStorage(n)},view:function(t){let s={type:"view_recs_list",eventSource:t,items:[]},a=e.getObjectPath(t,"data.items",[]);a&&a.length&&(s.items=e.analytics.processors.recs.helpers.convertEventItems(a));let n=e.analytics.processors.recs.helpers.buildAnalyticsEvent(s);s.items.length>0&&e.analytics.utility.addAnalyticsEventsToStorage(n),s.items.length>0&&e.analytics.utility.sendAnalyticsEventsFromStorage()},staticView:function(t){let s={type:"view_recs_list",eventSource:t,static_content:[]},a=e.analytics.processors.recs.helpers.buildAnalyticsEvent(s),n=e.getObjectPath(t,"data.activeStaticContent",[]);a.payload.event_data.static_content=n,a.payload.event_data.static_content.length&&(e.analytics.utility.addAnalyticsEventsToStorage(a),e.analytics.utility.sendAnalyticsEventsFromStorage())},staticClick:function(t){let s={type:"select_recs_list",eventSource:t,static_content:[]},a=e.analytics.processors.recs.helpers.buildAnalyticsEvent(s);a.payload.event_data.static_content=e.getObjectPath(s,"eventSource.data.staticContent",[]),e.analytics.utility.addAnalyticsEventsToStorage(a)}},general:{bannerClick:function(e){}}}}),e.analytics.collector.registerObserver({name:"analytics",processOld:!0,eventTypes:["recommendation_view"],processor:e.analytics.processors.recs.view}),e.analytics.collector.registerObserver({name:"analytics",processOld:!0,eventTypes:["recommendation_click"],processor:e.analytics.processors.recs.click}),e.analytics.collector.registerObserver({name:"analytics",processOld:!0,eventTypes:["search_term"],processor:e.analytics.processors.search.term}),e.analytics.collector.registerObserver({name:"analytics",processOld:!0,eventTypes:["search_catview"],processor:e.analytics.processors.catNav.view}),e.analytics.collector.registerObserver({name:"analytics",processOld:!0,eventTypes:["search_product_click"],processor:e.analytics.processors.product.click}),e.analytics.collector.registerObserver({name:"analytics",processOld:!0,eventTypes:["personalised_product_click"],processor:e.analytics.processors.product.personalisedClick}),e.analytics.collector.registerObserver({name:"analytics",processOld:!0,eventTypes:["recommendation_view_static"],processor:e.analytics.processors.recs.staticView}),e.analytics.collector.registerObserver({name:"analytics",processOld:!0,eventTypes:["recommendation_click_static"],processor:e.analytics.processors.recs.staticClick}),e.support.register({name:"analytics.processors",loaded:!0,active:!0,dependency:["analytics.base","analytics.collector","analytics.extractor"]}))}))}(klevu),function(e){e.support.hook(["core.constructors"],(function(){e.constructors.isLoaded("user")||(e.constructors.add({name:"user",create:function(){let t={settings:{dictionary:{user:e.dictionary("user")},request:{},response:{},user:{apiKey:!1,ipv4:!1,ipv6:!1,sessionId:!1,sessionInfo:{connectorInfo:[]},segmentInfo:{segments:[]},ipv4:!1,ipv6:!1,uuid:!1},general:{scope:document.createElement("div"),apiKey:!1,lastSend:!1,ipDataLastSend:!1,connectorInfo:{},flags:{canSend:!0,forceSend:!1,isInit:!1,isInitForce:!1,isInSend:!1}}},webhookSettings:{run:!0,object:"user",scope:"all"},saveToDictionary:function(){this.settings.user.sessionId&&this.settings.dictionary.user.addElement("sessionId",this.settings.user.sessionId);let t=e.extend(!0,{},this.settings.user.sessionInfo);delete t.connectorInfo,this.settings.dictionary.user.addElement("sessionInfo",JSON.stringify(t)),this.settings.dictionary.user.addElement("connectorInfo",JSON.stringify(this.settings.general.connectorInfo)),this.settings.dictionary.user.addElement("segmentInfo",JSON.stringify(this.settings.user.segmentInfo)),this.settings.dictionary.user.addElement("segments",JSON.stringify(this.settings.user.segmentInfo.segments)),this.settings.dictionary.user.addElement("lastSend",JSON.stringify(this.settings.general.lastSend)),this.settings.dictionary.user.addElement("ipv4",JSON.stringify(this.settings.user.ipv4)),this.settings.dictionary.user.addElement("ipv6",JSON.stringify(this.settings.user.ipv6)),this.settings.dictionary.user.addElement("uuid",JSON.stringify(this.settings.user.uuid)),this.settings.dictionary.user.addElement("lastSendIp",this.settings.general.ipDataLastSend),this.settings.dictionary.user.mergeToGlobal()},getAllSettings:function(){return this.settings},getScope:function(){return this},hasData:function(t){return!!e.getObjectPath(this.settings,t,!1)},getData:function(t,s){return e.is(s)&&(s=!1),e.getObjectPath(this.settings,t,s)},setData:function(t,s){return e.setObjectPath(this.settings,t,s),this.saveToDictionary(),this},setApiKey:function(t){e.setObjectPath(this.settings,"user.apiKey",t),e.setObjectPath(this.settings,"general.apiKey",t);let s=this.chains.init;return e.is(s)||0===s.list().length||(s.setScope(this),s.setData(this.settings),s.fire()),this},getApiKey:function(){return this.settings.general.apiKey},initIpData:function(){return this.isIpDataExpired()&&this.refreshIpData(),this},refreshIpData:function(s){e.is(s)&&(s="ipv4");let a=t,n=t.settings,i=e.extend(!0,{},{klevu_uuid:a.getIpDataUser()}),r={context:{type:s}};return n.general.scope.userObject=a,r.scope=n.general.scope,r.context.requestObject={url:e.getGlobalSetting("url."+s,"https://"+s+"check.ksearchnet.com/"),type:"FETCH",method:"POST",mimeType:"application/json; charset=UTF-8",contentType:"application/json; charset=utf-8",dataType:"json",crossDomain:!0,data:JSON.stringify(e.clean(i)),success:function(){let t,s,a,n;1===arguments.length?(t=arguments[0].responseObj.data,s=arguments[0].requestDetails,a=arguments[0].status,n=arguments[0].isSuccess):(t=arguments[0],s=arguments[1],a=arguments[2],n=arguments[3]),n&&(e.is(t.ip_address)||s.scope.userObject.setData("user."+s.context.type,t.ip_address),e.is(t.klevu_uuid)||s.scope.userObject.setData("user.uuid",t.klevu_uuid)),s.scope.userObject.setData("general.ipDataLastSend",e.time.timestamp()),"ipv4"===s.context.type&&s.scope.userObject.refreshIpData("ipv6")},error:function(){let t,s,a;1===arguments.length?(t=arguments[0].requestDetails,s=arguments[0].status,a=arguments[0].isSuccess):(t=arguments[0],s=arguments[1],a=arguments[2]),t.scope.userObject.setData("general.ipDataLastSend",e.time.timestamp()),"ipv4"===t.context.type&&t.scope.userObject.refreshIpData("ipv6")}},r.context.requestDetails=e.extend(!0,{},r),e.request(r.context.requestObject,r.context.requestDetails),this},getIpData:function(){return{ipv4:this.settings.user.ipv4,ipv6:this.settings.user.ipv6,uuid:this.getIpDataUser()}},getIpDataUser:function(){return this.settings.user.uuid},isIpDataExpired:function(){let t=e.time.timestamp();return!this.settings.general.ipDataLastSend||t-parseInt(this.settings.general.ipDataLastSend)>e.getGlobalSetting("user.ipDataRefresh",3600)},setWebhookSettings:function(t){return e.event.webhook.helpers.setWebhookSettingsForScope(t,this),this},getWebhookSettings:function(){return e.event.webhook.helpers.getWebhookSettingsForScope(this)},addConnector:function(s,a){let n=t.getData("general.connectorInfo."+s,!1),i=!1;n?e.each(a,(function(t,s){(e.is(n[t])||n[t]!=s)&&(i=!0)})):i=!0,t.setData("general.connectorInfo."+s,a),i&&e.user.fetchSessionForce()},getSegments:function(){let e=t.getData("user.segmentInfo.segments",[]);return 0!==e.length&&e},getSessionId:function(){return t.getData("user.sessionId",!1)}
388,fetchSession:function(){if(!t.getApiKey())return void e.support.hook(["core.logger"],(function(){e.logger.log("user.core","warn","Request can not be made as apiKey is not set")}));if(!t.getData("general.canSend",!1))return void e.support.hook(["core.logger"],(function(){e.logger.log("user.core","warn","Request can not be made as request is stopped")}));e.event.webhook.helpers.fireEventForScope({webhookSettings:t.webhookSettings,name:"fetchSession",action:"before",data:t.getAllSettings(),scope:t});let s=t.chains.request;e.is(s)||0===s.list().length||(s.setScope(t),s.setData(t.settings),s.fire())},fetchSessionForce:function(){return t.setData("general.flags.forceSend",!0),t.fetchSession()},chains:e.constructors.get("user").chains};e.event.webhook.helpers.fireEventForScope({webhookSettings:t.webhookSettings,name:"mainObject",action:"beforeBuild",data:t.getAllSettings(),scope:t});let s=t.chains.build;return e.is(s)||0===s.list().length||(s.setScope(t),s.setData(t.settings),s.fire()),e.event.webhook.helpers.fireEventForScope({webhookSettings:t.webhookSettings,name:"mainObject",action:"afterBuild",data:t.getAllSettings(),scope:t}),t},chains:{build:e.chain({stopOnFalse:!0,webhook:{name:"chains.build"}}),init:e.chain({stopOnFalse:!0,webhook:{name:"chains.init"}}),request:e.chain({stopOnFalse:!0,webhook:{name:"chains.request"}}),response:e.chain({stopOnFalse:!0,webhook:{name:"chains.receive"}})}}),e.constructors.get("user").chains.init.add({name:"validateReInit",fire:function(e,t){if(!e.general.flags.isInitForce&&e.general.flags.isInit)return!1}}),e.constructors.get("user").chains.init.add({name:"initDictionary",fire:function(t,s){t.dictionary.user=e.dictionary("user_"+t.general.apiKey),t.dictionary.user.setDataProtection(!0),t.dictionary.user.setStorage("local"),t.dictionary.user.mergeFromGlobal()}}),e.constructors.get("user").chains.init.add({name:"loadDictionaryData",fire:function(e,t){e.user.sessionId="sessionId"!==e.dictionary.user.getElement("sessionId")&&e.dictionary.user.getElement("sessionId"),e.user.sessionInfo="sessionInfo"!==e.dictionary.user.getElement("sessionInfo")?JSON.parse(e.dictionary.user.getElement("sessionInfo")):{connectorInfo:[]},e.general.connectorInfo="connectorInfo"!==e.dictionary.user.getElement("connectorInfo")?JSON.parse(e.dictionary.user.getElement("connectorInfo")):{},e.user.segmentInfo.segments="segments"!==e.dictionary.user.getElement("segments")?JSON.parse(e.dictionary.user.getElement("segments")):[],e.user.segmentInfo="segmentInfo"!==e.dictionary.user.getElement("segmentInfo")?JSON.parse(e.dictionary.user.getElement("segmentInfo")):{segments:e.user.segmentInfo.segments},e.general.lastSend="lastSend"!==e.dictionary.user.getElement("lastSend")?parseInt(e.dictionary.user.getElement("lastSend")):0,e.user.ipv4="ipv4"!==e.dictionary.user.getElement("ipv4")&&JSON.parse(e.dictionary.user.getElement("ipv4")),e.user.ipv6="ipv6"!==e.dictionary.user.getElement("ipv6")&&JSON.parse(e.dictionary.user.getElement("ipv6")),e.user.uuid="uuid"!==e.dictionary.user.getElement("uuid")&&JSON.parse(e.dictionary.user.getElement("uuid")),e.general.ipDataLastSend="lastSendIp"!==e.dictionary.user.getElement("lastSendIp")?parseInt(e.dictionary.user.getElement("lastSendIp")):0}}),e.constructors.get("user").chains.init.add({name:"checkDataProtection",fire:function(t,s){e.dataProtection.dataCanBeTracked()?s.setData("general.canSend",!0):(e.support.hook(["core.logger"],(function(){e.logger.log("user.core","warn","Data protection enforced , can not read data, setting the request to be stopped")})),s.setData("general.canSend",!1))}}),e.constructors.get("user").chains.init.add({name:"setInitState",fire:function(e,t){e.general.flags.isInit=!0}}),e.constructors.get("user").chains.init.add({name:"fetchSession",fire:function(e,t){t.fetchSession()}}),e.constructors.get("user").chains.init.add({name:"fetchIpData",fire:function(e,t){t.initIpData()}}),e.constructors.get("user").chains.request.add({name:"checkIfOutOfTimeout",fire:function(t,s){if(e.time.timestamp()-parseInt(t.general.lastSend)<e.getGlobalSetting("user.sessionRefresh",300)&&!t.general.flags.forceSend)return e.supp
388ort.hook(["core.logger"],(function(){e.logger.log("user.core","info","Request is still valid")})),!1}}),e.constructors.get("user").chains.request.add({name:"validateIfOnlyOneSend",fire:function(t,s){if(t.general.flags.isInSend)return setTimeout(e.user.fetchSession,1e3),!1;t.general.flags.isInSend=!0}}),e.constructors.get("user").chains.request.add({name:"moveConnectorInfo",fire:function(t,s){t.user.sessionInfo.connectorInfo=[],e.each(t.general.connectorInfo,(function(e,s){t.user.sessionInfo.connectorInfo.push(s)}))}}),e.constructors.get("user").chains.request.add({name:"resetData",fire:function(e,t){e.request={context:{forceSend:t.settings.general.flags.forceSend}},window.fetch?e.request.method="FETCH":e.request.method="AJAX",e.general.scope.userObject=t,e.request.scope=e.general.scope}}),e.constructors.get("user").chains.request.add({name:"buildPayload",fire:function(t,s){let a=e.extend(!0,{},t.user);e.setObjectPath(a,"segmentInfo",{}),t.request.context.requestObject={url:e.getGlobalSetting("url.userSession","https://visitor.service.ksearchnet.com/public/1.0/")+t.general.apiKey+"/session",type:t.request.method,method:"POST",mimeType:"application/json; charset=UTF-8",contentType:"application/json; charset=utf-8",dataType:"json",crossDomain:!0,data:JSON.stringify(e.clean(a)),success:function(){let t,s,a,n;1===arguments.length?(t=arguments[0].responseObj.data,s=arguments[0].requestDetails,a=arguments[0].status,n=arguments[0].isSuccess):(t=arguments[0],s=arguments[1],a=arguments[2],n=arguments[3]);var i=e.getObjectPath(s.scope.userObject,"chains.response");e.is(i)||0===i.list().length||(i.setScope(s.scope.userObject),e.setObjectPath(s,"response.data",t),e.setObjectPath(s,"context.status",a),e.setObjectPath(s,"context.isSuccess",n),i.setData(s),i.fire())},error:function(){let t,s,a;1===arguments.length?(t=arguments[0].requestDetails,s=arguments[0].status,a=arguments[0].isSuccess):(t=arguments[0],s=arguments[1],a=arguments[2]);var n=e.getObjectPath(t.scope.userObject,"chains.response");e.is(n)||0===n.list().length||(n.setScope(t.scope.userObject),e.setObjectPath(t,"response.data",{}),e.setObjectPath(t,"context.status",s),e.setObjectPath(t,"context.isSuccess",a),n.setData(t),n.fire())}},t.request.context.requestDetails=e.extend(!0,{},t.request)}}),e.constructors.get("user").chains.request.add({name:"makeRequest",fire:function(t,s){e.request(t.request.context.requestObject,t.request.context.requestDetails)}}),e.constructors.get("user").chains.response.add({name:"checkResponseCode",fire:function(e,t){if(!e.context.
388isSuccess)return t.settings.general.flags.isInSend=!1,!1}}),e.constructors.get("user").chains.response.add({name:"saveReturnData",fire:function(t,s){e.is(t.response.data.sessionId)||(s.setData("user.sessionId",t.response.data.sessionId),e.is(t.response.data.segmentInfo)||s.setData("user.segmentInfo",t.response.data.segmentInfo),e.is(t.response.data.segmentInfo)||e.is(t.response.data.segmentInfo.ttl)?s.setData("general.lastSend",e.time.timestamp()):s.setData("general.lastSend",e.time.timestamp()-e.getGlobalSetting("user.sessionRefresh",300)+parseInt(t.response.data.segmentInfo.ttl)))}}),e.constructors.get("user").chains.response.add({name:"saveToDictionary",fire:function(e,t){t.saveToDictionary()}}),e.constructors.get("user").chains.response.add({name:"markAsComplete",fire:function(e,t){t.settings.general.flags.isInSend=!1,e.context.forceSend&&(t.settings.general.flags.forceSend=!1)}}),e.constructors.get("user").chains.response.add({name:"sendWebhookAfterSessionCall",fire:function(t,s){e.event.webhook.helpers.fireEventForScope({webhookSettings:s.webhookSettings,name:"fetchSession",action:"after",data:s.getAllSettings(),scope:s})}}))})),e.support.hook(["user"],(function(){e.settings.chains.initChain.add({name:"userSession",fire:function(t,s){var a=e.getGlobalSetting("search.apiKey",e.getGlobalSetting("recs.apiKey",e.getGlobalSetting("global.apiKey"))),n=e.dataProtection.dataCanBeTracked();if(!e.is(a)&&n){var i=e.getGlobalSetting("powerUp.userSession");if(!e.is(i)&&!1===i)return;if(e.getObjectPath(t,"flags.userSession.build",!1))return;e.setObjectPath(t,"flags.userSession.build",!0),e.user.setApiKey(a)}}})})),e.support.isActive("user")||(e.extend({user:e.constructors.construct("user")}),e.support.register({name:"user",loaded:!0,active:!0,dependency:["core.lib"]}))}(klevu);</script>
388<style>lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}lite-youtube::before{content:"";display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:none}lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}</style><style type="text/css" id="klevu-quick-search-theme-styles">[ku-container] a,[ku-container] p,[ku-container] div,[ku-container] ul li{font-family:inherit;font-size:13px;line-height:130%;text-decoration:none;font-weight:normal}[ku-container] *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-font-smoothing:antialiased;vertical-align:top}.kuBase{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container],[ku-block]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container][data-container-role="main"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%;width:1200px;margin:0 auto}[ku-container][data-container-role="header"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container][data-container-role="header"] [ku-block][data-container-role="banner"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}.kuResultContent{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}.kuResultContent [ku-container]:empty{display:none!important;width:0!important;padding:0;margin:0;overflow:hidden}[ku-container][data-container-role="content"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%;display:table;width:100%}[ku-container][data-container-role="content"] [ku-block]:empty{display:none!important;width:0!important;padding:0;margin:0;overflow:hidden}[ku-block][ku-empty],[ku-container][ku-empty]{display:none!important;width:0!important;padding:0!important;height:0!important;margin:0!important;overflow:hidden!important}
388[ku-container][data-container-role="left"]{display:table-cell;width:22%;height:auto;max-width:275px}[ku-container][data-container-role="right"]{display:table-cell;width:22%;height:auto;max-width:275px}[ku-container][data-container-role="content"] [ku-container][data-container-role="results"]{display:table-cell;width:auto;height:auto}[ku-container][data-container-role="content"]:after{content:'';display:block;clear:both}[ku-block]:empty{display:none!important;width:0!important;height:0!important;min-height:0!important;padding:0;margin:0;overflow:hidden}@media only screen and (max-width:1100px){.kuResults ul li{width:33%;padding:5px}.kuFilterBox .kuFilterNames ul li a span.kufacet-text{max-width:60%;width:60%}}@media only screen and (max-width:991px){[ku-container][data-container-role="left"],[ku-container][data-container-role="right"]{width:32%}}@media only screen and (max-width:767px){[ku-container][data-container-role="content"],[ku-container][data-container-role="content"] [ku-container][data-container-role="results"],[ku-container][data-container-role="left"],[ku-container][data-container-role="right"]{display:block;width:100%;height:auto}.kuContainer .kuTabs a{display:inline-block}.kuContainer .kuTabs a:hover{border-bottom:0 solid #ddd;text-decoration:none;background:#f5f5f5}.kuContainer a.kuTabSelected{border-bottom:0 solid #ddd;background:#f5f5f5}.kuLandingNoResultsMessage{font-size:15px;line-height:1.2em;padding:10px 5%;text-align:center}.kuFilterBox{margin-bottom:5px;padding-bottom:10px;width:100%}}.klevu-stars-small-l2{height:13px;display:inline-block;vertical-align:bottom;background:transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;width:65px;margin-top:5px}.klevu-stars-small-l2 .klevu-rating-l2{background:transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;height:13px;display:inline-block}.klevuRatingCount{display:inline-block;margin-top:3px;margin-left:1px}.kuQuickSearchFacetedLayout>div,.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div{width:100%!important;max-width:550px!important}.kuQuickSearchFacetedLayout [ku-container][data-container-role="left"],.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"]{width:33%;padding-right:2%}.kuQuickSearchFacetedLayout [ku-container][data-container-role="right"],.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"]{width:Calc(65%)}.kuQuickSearchFacetedLayout [ku-container][data-container-role="left"]{width:33%;padding-right:0}.kuQuickSearchFacetedLayout [ku-container][data-container-role="right"]{width:33%}.kuQuickSearchFacetedLayout .kuQuickResultsListContainer{position:relative;height:360px;overflow:auto}.kuQuickSearchFacetedLayout .kuPagination{padding:10px 20px;text-align:right}.kuQuickSearchFacetedLayout .kuPagination a{margin:0;position:relative;display:inline-block;padding-left:0;padding-right:10px;color:#333;cursor:pointer;text-decoration:none;border-right:1px solid #ddd;font-size:14px}.kuQuickSearchFacetedLayout .kuPagination a:hover{color:#333}.kuQuickSearchFacetedLayout .kuPagination a:last-child{border-right:0}.kuQuickSearchFacetedLayout .kuPagination a.kuCurrent{background:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-weight:bold}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct{width:32%!important;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;display:inline-block;float:left;min-height:200px}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct .klevu-desc-l2{display:none}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover{background-color:#f8f8f8}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart{opacity:1;visibility:visible}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(1){border-top:0;border-top:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2){border-top:0;border-top:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3){border-top:0;border-top:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1){border-bottom:1px solid #e2e2e2}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(2){border-bottom:1px solid #e2e2e2}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(3){border-bottom:1px solid #e2e2e2}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3n+3){border-right:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop{width:100%;float:none}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom{width:100%;float:none}.kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart{margin:0 auto;position:absolute;display:inline-block;bottom:auto;width:auto;top:25%;left:0;width:100%;text-align:center;opacity:0;visibility:hidden}.kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemBottom{width:100%;float:none}.kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemTop{width:100%;float:none}.kuQuickSearchFacetedLayoutRightSideFilters .kuPagination{text-align:left}.klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div{min-width:54%}@media only screen and (min-width:768px) and (max-width:991px){.klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div{min-width:66%;max-width:100%}.kuQuickSearchFacetedLayout [ku-container][data-container-role="left"]{width:38%}.kuQuickSearchFacetedLayout [ku-container][data-container-role="right"]{width:38%}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct{width:49%!important;border-top:0;min-height:230px}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3){border-top:1px solid #e2e2e2}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1){border-top:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2){border-right:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd){border-right:1px solid #e2e2e2;border-top:0}.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"]{width:38%;padding-right:2%}}@media only screen and (max-width:767px){.kuQuickSearchFacetedLayout [ku-container][data-container-role="left"]{width:100%;padding-right:0;max-width:100%}.kuQuickSearchFacetedLayout [ku-container][data-container-role="right"]{width:100%;padding-right:0;max-width:100%}.kuQuickSearchFacetedLayout .kuFilterBox .kuFilterHead{font-weight:bold}
388.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct{width:49%!important;border-top:0;min-height:230px}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3){border-top:1px solid #e2e2e2}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1){border-top:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2){border-right:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd){border-right:1px solid #e2e2e2;border-top:0}.kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart{opacity:1;visibility:visible}.kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart{position:relative;display:inline-block;bottom:15px;width:auto;top:auto;left:0;width:100%;text-align:center;opacity:1;visibility:visible;margin-top:10px}.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"]{width:100%;padding-right:0;max-width:100%}.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"]{width:100%;padding-right:0;max-width:100%}}.kuCarousel{box-sizing:border-box;position:relative;width:100%;height:210px}.kuCarousel *:before{box-sizing:border-box}.kuCarousel *:after{box-sizing:border-box}.kuCarousel .kuCarousel-content{position:relative;overflow:hidden;transition:width .4s;height:100%}.kuCarousel .kuSlide{height:100%;position:absolute;z-index:1;transition:left .4s cubic-bezier(0.47,0.13,0.15,0.89)}.kuCarousel .nav{position:absolute;top:50%;margin-top:-8%;background-color:#FFF;width:24px;height:24px;z-index:2;cursor:pointer;border-radius:50%;border:0;outline:0;color:white;-webkit-user-select:none;background-position:center;background-repeat:no-repeat;background-size:100%;display:block}.kuCarousel .nav-left{left:-5px;background-image:url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-prev.png)}.kuCarousel .nav-right{right:-5px;background-image:url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-next.png)}.kuCarousel .kuCarousel-arrow-icon-left{margin-left:5px;margin-top:2px}.kuCarousel .kuCarousel-arrow-icon-right{margin-left:7px;margin-top:2px}.kuFilterNames{height:118px;overflow:hidden}.kuFilterNames ul{margin:0;padding:0}.kuFilterNames ul li{list-style:none;text-align:left;width:100%;display:inline-block;margin:0;padding:0}.kuFilterNames ul li a{display:block;position:relative;overflow:hidden;padding:0;text-decoration:none;cursor:pointer;font-style:normal;color:#333;background:0;margin:2px;margin-left:5px}.kuFilterNames ul li a span{display:inline-block;vertical-align:middle}.kuFilterNames ul li a span.kufacet-text{max-width:74%;width:74%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left}.kuFilterNames ul li a span.kuFilterIcon{float:left;margin:0;padding:0;font-weight:normal}.kuFilterNames ul li a:hover{cursor:pointer}.kuFilterNames ul li a:hover span.kuFilterIcon:before{background:#fff}.kuFilterNames ul li a:hover span.kuFilterIcon:after{content:'';position:absolute;width:8px;height:8px;background:#333;top:5px;left:5px;border:0;margin-top:0;margin-left:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50%}.kuFilterNames ul li a span.kuFilterTotal{float:right;text-align:right;margin:0;padding:0}.kuFilterNames ul li a span.kuFilterCancel{float:right;text-align:right;margin:0;padding:0}.kuFilterNames ul li .klevuFacetStars{height:14px;display:inline-block;vertical-align:bottom;background:transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;width:65px}.kuFilterNames ul li .klevuFacetStars .klevuFacetRating{background:transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;height:14px;display:inline-block}.kuFilterNames ul li.kuSelected a{color:#333}.kuFilterNames ul li.kuSelected span.kuFilterIcon:before{background:#fff}.kuFilterNames ul li.kuSelected span.kuFilterIcon:after{content:'';position:absolute;width:8px;height:8px;background:#333;top:5px;left:5px;border:0;margin-top:0;margin-left:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50%;border-color:#333}.kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:#333}.kuFilterNames.kuFilterShowAll{height:auto;overflow:unset}.kuFilterHead{font-family:inherit;font-size:13px;font-weight:bold;padding:5px;color:#333;display:block;line-height:1.8;text-transform:uppercase;border-bottom:1px solid #eee;background:0;margin-bottom:15px;margin-top:0;position:relative;cursor:pointer;transition:all .3s ease}.kuShowOpt{padding:0 5px;cursor:pointer;position:absolute;bottom:-5px}.kuShowOpt a{color:#333;text-decoration:none}.kuHideOpt a{color:#333;text-decoration:none}.kuFilterDot{height:5px;width:5px;background-color:#333;border-radius:50%;display:inline-block;margin:2px}.kuFilterIcon:before{content:'';border:2px solid #ddd;border-radius:50%;margin:0;margin-right:6px;height:18px;width:18px;display:inline-block;color:#ddd;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;transition:background 200ms;-webkit-transition:background 200ms;-moz-transition:background 200ms;-webkit-transition:border-color 200ms;-moz-transition:border-color 200ms;transition:border-color 200ms}.kuMulticheck .kuFilterIcon:before{content:'';border:1px solid #ddd;border-radius:0;margin:0;margin-right:8px;height:18px;width:18px;display:inline-block;color:#ddd;position:relative}.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before{background:#fff;border:1px solid #333}.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after{content:'';position:absolute;width:10px;height:5px;background:transparent;top:5px;left:4px;border:2px solid #333;border-top:0;border-right:0;border-radius:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before{background:#fff;border:1px solid #333}.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after{content:'';position:absolute;width:10px;height:5px;background:transparent;top:4px;left:4px;border:2px solid #ddd;border-top:0;border-right:0;border-radius:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:#333}.kuQuickSearchFacetedLayout .kuFilters,.kuSearchResultsPageContainer .kuFilters{padding:10px}.kuQuickSearchFacetedLayout .kuFilterBox .kuFilterNames ul li a span.kufacet-text,.kuSearchResultsPageContainer .kuFilterBox .kuFilterNames ul li a span.kufacet-text{max-width:70%;width:70%}.kuQuickSearchFacetedLayout [data-block-id="ku_quick_left_facets"]{background-color:#fff;overflow:auto;max-height:400px;text-align:left}.kuQuickSearchFacetedLayout [data-block-id="ku_quick_right_facets"]{background-color:#fff;overflow:auto;max-height:400px;text-align:left}.kuFilterBox{margin-bottom:12px;background:0;padding-bottom:12px;position:relative}.kuFilterBox .kuFilterHead{padding:5px 0;color:#333;display:block;text-transform:uppercase;border-bottom:1px solid #ddd;background:0;margin-bottom:0}.kuFilterBox .kuFilterNames{height:125px;overflow:hidden}.kuFilterBox .kuFilterNames ul{margin:0;padding:0}.kuFilterBox .kuFilterNames ul li{list-style:none;text-align:left;width:100%;display:inline-block;margin:0;padding:0}.kuFilterBox .kuFilterNames ul li a{display:block;position:relative;overflow:hidden;padding:0;text-decoration:none;cursor:pointer;color:#333;background:0;margin:2px 5px 2px 0}
388.kuFilterBox .kuFilterNames ul li a span{display:inline-block;vertical-align:middle}.kuFilterBox .kuFilterNames ul li a span.kufacet-text{max-width:75%;width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left}.kuFilterBox .kuFilterNames ul li a span.kuFilterIcon{float:left;margin:0;padding:0;font-weight:normal}.kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:before{background:#fff}.kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:after{content:"";position:absolute;width:8px;height:8px;top:5px;left:5px;border:0;margin-top:0;margin-left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50%;background:#ddd}.kuFilterBox .kuFilterNames ul li.kuSelected a{color:#333}.kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:before{background:#fff}.kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:after{content:"";position:absolute;width:8px;height:8px;top:5px;left:5px;border:0;margin-top:0;margin-left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50%;background:#ddd;border-color:#333!important}.kuFilterBox .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:#333}.kuFilterBox .kuFilterNames.sliderFilterNames{height:90px}.kuFilterBox .kuFilterIcon:before{content:"";border:2px solid #ccc;border-radius:50%;margin:0;margin-right:8px;height:18px;width:18px;display:inline-block;color:#ccc;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;transition:background 200ms;-webkit-transition:background 200ms;-moz-transition:background 200ms;-webkit-transition:border-color 200ms;-moz-transition:border-color 200ms;transition:border-color 200ms}.kuFilterBox .kuFilterNames.kuFilterCollapse{height:0;overflow:hidden}.kuFilterBox .kuFilterNames.kuFilterCollapse .kuShowOpt{display:none}.kuFilterBox .kuFilterNames.kuFilterShowAll{height:auto;overflow:unset}.kuFilterBox .kuShowOpt{padding:0;cursor:pointer;position:absolute;bottom:-12px}.kuFilterBox .kuShowOpt a{color:#4d7abf;text-decoration:none}.kuFilterBox .kuShowOpt .kuFilterDot{height:5px;width:5px;background-color:#888;border-radius:50%;display:inline-block;margin:2px}.kuFilterBox .kuExpand{position:relative!important;transition:all .3s ease}.kuFilterBox .kuCollapse{position:relative!important;transition:all .3s ease}.kuFilterBox .kuFilterHead.kuCollapse{margin-bottom:10px}.kuFilterBox .kuFilterHead.kuCollapse::after{border-color:#333;border-image:none;border-style:solid;border-width:0 1px 1px 0;content:"";display:inline-block;padding:4px;position:absolute;right:12px;top:14px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);transition:all .3s ease}.kuFilterBox .kuFilterHead.kuExpand::after{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#333;border-image:none;border-style:solid;border-width:0 1px 1px 0;content:"";display:inline-block;padding:4px;position:absolute;right:12px;top:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s ease 0s}.kuFilterBox.kuMulticheck .kuFilterIcon:before{content:"";border:1px solid #ccc;border-radius:0}.kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after{width:10px;height:5px;background:transparent;top:4px;left:4px;border:2px solid #ddd;border-top:0;border-right:0;border-radius:0}.kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before{background:#fff;border:1px solid #333}.kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after{width:10px;height:5px;background:transparent;top:4px;left:4px;border:2px solid #ddd;border-top:0;border-right:0;border-radius:0}.kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before{background:#fff;border:1px solid #333}.kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after{border-color:#333}/*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}
388.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:12px}.noUi-horizontal .noUi-handle{width:24px;height:24px;left:-17px;top:-7px;border-radius:100%}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#fafafa;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#333;box-shadow:inset 0 0 3px rgba(51,51,51,0.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,0.45),0 3px 6px -5px #bbb}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #d9d9d9;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;cursor:pointer}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e4e1e1;left:8px;top:4px}.noUi-handle:after{left:12px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;padding:5px;text-align:center;width:max-content}.noUi-horizontal .noUi-handle-lower .noUi-tooltip{bottom:-32px}.noUi-horizontal .noUi-handle-upper .noUi-tooltip{bottom:-32px;right:0}.noUi-vertical .noUi-handle-lower .noUi-tooltip{left:120%}.noUi-vertical .noUi-handle-upper .noUi-tooltip{right:120%}.klevu-fluid,.klevu-fluid *,.klevuTarget,.klevuTarget *,.kuContainer *{font-family:inherit}[ku-container] a,[ku-container] p,[ku-container] div,[ku-container] ul li{font-family:inherit;font-size:13px;line-height:130%;text-decoration:none;font-weight:normal}[ku-container] *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-font-smoothing:antialiased;vertical-align:top}.kuClearLeft{clear:left}.kuClearRight{clear:right}.kuClearBoth,.kuClearBoth:after{clear:both}.kuGreen{color:#009b46!important}.kuBlack{color:#333!important}.kuClipped{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.kuClippedOne{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.kuClippedTwo{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.klevuTarget *{box-sizing:border-box}.kuBtn{display:inline-block;padding:5px 10px;cursor:pointer;font-size:11px!important;text-transform:uppercase;text-decoration:none;margin:5px 5px 5px 0;border-radius:3px;border:2px solid transparent;text-align:center}.kuBtnDark{background:#333;color:#fff;border-color:#333}.kuBtnLight{background:#ddd;color:#333;border-color:#dedede}.kuBtnDarkOutline{background:transparent;color:#333;border:2px solid #333}.kuBtnLightOutline{background:transparent;color:#ddd;border:2px solid #ddd}.kuBtnDark:hover,.kuBtnLight:hover,.kuBtnDarkOutline:hover,.kuBtnLightOutline:hover{background:#757575;color:#fff;border-color:#757575}.klevuTarget.klevu-fluid>div{position:absolute;z-index:20000000000;width:35%;max-width:450px;font-family:inherit;font-size:13px;background-color:#fff;border-radius:3px;color:#333}.kuBase{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container],[ku-block]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container][data-container-role="main"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%;width:1200px;margin:0 auto}[ku-container][data-container-role="header"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container][data-container-role="header"] [ku-block][data-container-role="banner"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}[ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}.kuResultContent{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%}.kuResultContent [ku-container]:empty{display:none!important;width:0!important;padding:0;margin:0;overflow:hidden}[ku-container][data-container-role="content"]{margin:0;padding:0;border:0;box-sizing:border-box;box-shadow:none;position:relative;max-width:100%;display:table;width:100%}[ku-container][data-container-role="content"] [ku-block]:empty{display:none!important;width:0!important;padding:0;margin:0;overflow:hidden}[ku-block][ku-empty],[ku-container][ku-empty]{display:none!important;width:0!important;padding:0!important;height:0!important;margin:0!important;overflow:hidden!important}.klevuQuickSearchingArea{width:100%;max-width:100%;border-radius:2px;-webkit-box-shadow:0 1px 5px rgba(50,50,50,0.4);-moz-box-shadow:0 1px 5px rgba(50,50,50,0.4);box-shadow:0 1px 5px rgba(50,50,50,0.4)}.klevuQuickSearchingArea .klevuLoader img{display:inline-block;width:22px!important}.klevuQuickSearchingArea span.klevuLoader img{margin-right:10px}.klevuQuickSearchingArea .kuFacetedLayoutMinCharText{padding:10px;line-height:35px}.klevuSuggestionsBlock{position:relative}.klevuSuggestionsBlock .klevuLoader{position:absolute;top:0;right:0;display:inline-block;padding:6px 10px}.klevuSuggestionHeading{text-transform:uppercase;padding:10px 5px}.klevuHeadingText{color:#333;display:inline-block}.klevuHeadingText a{float:right;margin-right:10px;color:#333;font-weight:normal;text-decoration:none}.klevuHeadingText a:hover{text-decoration:underline}.klevuAutoSuggestionsWrap{border-bottom:1px solid #ddd;padding:5px 10px}.klevuAutoSuggestionsWrap ul{margin:0;padding:0;text-align:left}.klevuAutoSuggestionsWrap ul li{display:block;list-style:none;margin:0;cursor:default;text-align:left}.klevuAutoSuggestionsWrap ul li a{display:block;padding:5px;line-height:14px;color:#333;text-decoration:none;font-size:13px}.klevuAutoSuggestionsWrap ul li:hover{background-color:#f5f5f5}.klevuAutoSuggestionsWrap ul li:focus{background-color:#f5f5f5}.klevuAutoSuggestionsWrap ul li ul li a{padding-left:35px}.klevuAutoSuggestionsWrap ul li strong{color:#333}.klevuAutoSuggestionsWrap ul li.klevu-hovered{background-color:#f5f5f5}.klevuResultsBlock .klevuSuggestionHeading{padding:12px 15px}.klevuResultsBlock .klevuProductsViewAll{display:inline-block;position:absolute;top:12px;right:12px}.klevuResultsBlock .klevuProductsViewAll a{color:#333;font-weight:normal;text-decoration:none;text-transform:uppercase;font-size:10px;cursor:pointer;border-bottom:2px solid #ccc;padding:2px 0}.klevuResultsBlock .klevuQuickSearchResults{position:relative;margin:0;padding:0;box-sizing:border-box}.klevuResultsBlock .klevuQuickSearchResults ul{margin:0;padding-left:0;text-align:left}.klevuResultsBlock .klevuQuickSearchResults ul li{display:block;width:100%;height:auto;text-align:left;position:relative;border-bottom:1px solid #ddd;margin-bottom:auto}.klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock{text-decoration:none;color:#333;outline:0;display:block;padding:8px;height:auto;line-height:20px}.klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock{float:left;width:100%;margin-left:8px}.klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName{font-weight:bold;color:#333;word-wrap:break-word}.klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickPriceGreyText{font-weight:normal!important;color:#393939!important;font-size:11px!important}.klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDesc{color:#333}.klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice{font-weight:bold;margin-bottom:5px;color:#333}.klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice{margin-right:5px;text-decoration:line-through;color:#333}.klevuResultsBlock .klevuQuickSearchResults ul li:hover{background-color:#f5f5f5}.klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickSearchResults ul li div{color:#fff!important}.klevuResultsBlock .klevuQuickSearchResults ul li:focus{background-color:#f5f5f5}.klevuResultsBlock .klevuQuickSearchResults ul li:focus .klevuQuickSearchResults ul li div{color:#fff!important}.klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop{margin:0;box-sizing:border-box;float:left;padding:5px;position:relative;width:20%}.klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom{margin:0;box-sizing:border-box;padding:5px;position:relative;min-height:60px;float:left;width:80%}.klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2{color:#8a8a8a;font-size:13px}.klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap{float:none;overflow:hidden;width:100%!important;height:70px!important;text-align:center}.klevuResultsBlock .klevuQuickSearchResults img{max-width:100%!important;max-height:100%!important;width:auto;height:auto;border:0;outline:0;display:inline-block;margin:0 auto;opacity:1}.klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge{background:#ffcc01;padding:0 5px;color:#333;font-size:9px;position:absolute;top:6px;left:4px}.klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge strong{color:#333}.klevuResultsBlock .klevuQuickNoResults{text-align:center;font-size:13px;padding:0}.klevuResultsBlock .klevuQuickNoResults .klevuQuickNoResultsInner{padding:15px;margin:0}.klevuResultsBlock .klevuQuickNoResultsMessage{background:transparent;font-size:13px;padding:20px;text-align:center;border:0}@media only screen and (max-width:1024px){.klevuTarget.klevu-fluid>div{width:50%}.klevuQuickSearchResults .klevuQuickImgWrap{height:55px!important}}@media only screen and (max-width:767px){.klevuTarget.klevu-fluid>div{max-width:400px;width:70%}}@media only screen and (max-width:480px){.klevuTarget.klevu-fluid>div{width:98%;left:1%!important}.klevu-fluid .klevuQuickSearchResults ul li .klevuQuickProductDesc{display:none}}@media only screen and (max-width:420px){.klevuTarget.klevu-fluid>div{max-width:100%}}.searchRequestLoading .klevuQuickSearchingArea{opacity:.6;pointer-events:none}.searchRequestLoading .klevuQuickSearchingArea::after{content:url("https://js.klevu.com/klevu-js-v1/img/klevu-loader.GIF");position:absolute;margin-left:45%;
388top:12px}.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer [ku-container][data-container-role="left"]{width:100%;max-width:100%}.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuPopularSearchesBlock{margin-bottom:8px}.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuRecentSearchesBlock{margin-bottom:8px}.kuRecommendationSlider{display:none}.kuRecommendationSlider .klevuProductItemTop .klevuQuickImgWrap{float:none;overflow:hidden;width:100%!important;height:155px!important;text-align:center;margin:0 auto;position:relative;box-sizing:border-box;padding:0;border:1px solid #eee;max-height:155px!important}.kuEmptySearchBox.kuPersonalizedSearchRecsEnabled .kuRecommendationSlider{display:block}.kuSearchPersonalizationsContainer{height:40px}.kuSearchPersonalizationsContainer *{visibility:hidden}.kuEmptySearchBox .kuSearchPersonalizationsContainer{height:auto}.kuEmptySearchBox .kuSearchPersonalizationsContainer *{visibility:unset}.kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuQuickSearchingArea{padding:6px 9px}.kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemTop{width:100%;display:block;float:none}.kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemBottom{width:100%;display:block;float:none}.kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuSuggestionHeading{padding:10px 3px}.kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuProductItemBottom{font-size:12px;color:#666}.kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuRecentSearchTerms{border:0}.kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuPopularSearchTerms{border:0}@media only screen and (max-width:767px){.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"]{width:100%;padding-right:0}.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"]{width:100%;padding-right:0}.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div{max-width:85%}}.klevuTarget.klevu-fluid.kuEmptySearchBox>div{min-width:38%!important}.kuDropdown.kuQuickFacetedLayoutSort{display:inline-block;float:right;min-width:75px;padding-top:10px;text-align:center}.klevuResultsBlock .klevuQuickSearchResults ul:before{content:'';width:100%;display:block;height:0;background:0}.kuQuickSearchResultsContainer .kuResultsHeadingTitleContainer{padding:8px 10px;border-bottom:1px solid #eee}.klevu-banner-ad{clear:both;text-align:center;width:100%;padding:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.klevu-banner-ad img{display:inline-block;width:auto;max-width:100%;max-height:100%}.kuPopularSearchTerms ul{margin:0;padding:0;text-align:left}.kuPopularSearchTerms li{display:block;list-style:none;margin:0;text-transform:capitalize;cursor:default;text-align:left}.kuPopularSearchTerms li a{display:block;padding:5px;line-height:14px;color:#333;text-decoration:none;font-size:13px}.kuPopularSearchTerms li:hover{background-color:#f5f5f5}.kuRecentSearchTerms ul{margin:0;padding:0;text-align:left}.kuRecentSearchTerms li{display:block;list-style:none;margin:0;text-transform:capitalize;cursor:default;text-align:left}.kuRecentSearchTerms li a{display:block;padding:5px;line-height:14px;color:#333;text-decoration:none;font-size:13px}.kuRecentSearchTerms li:hover{background-color:#f5f5f5}.kuQuickSearchNoRecordFound{text-align:center;margin-top:4%;margin-bottom:4%;color:#333;font-size:13px;background:#FFF;display:block}.kuQuickSearchNoRecordFound .klevuQuickPriceGreyText{font-weight:normal!important;color:#393939!important;font-size:11px!important}.kuQuickSearchNoRecordFound .kuQuickNoResults{max-width:90%;margin:auto;text-align:justify}.kuQuickSearchNoRecordFound .kuQuickNoResultsMessage{display:block;text-align:center;line-height:14px;color:#333;text-decoration:none;font-size:13px}.kuQuickSearchNoRecordFound .kuDividerLine{margin:10px 0;border-bottom:#ccc 1px solid;width:100%}.kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick{clear:both;text-align:center;width:100%;padding:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick img{display:inline-block;width:auto;max-width:100%;max-height:100%}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll{display:inline-block;position:absolute;top:12px;right:12px}.kuQuickSearchNoRecordFound .kuNoResultsPopularSearchHeading{text-transform:uppercase;padding-bottom:10px;text-align:left}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll a{color:#333;font-weight:normal;text-decoration:none;text-transform:uppercase;font-size:10px;cursor:pointer;border-bottom:2px solid #CCC;padding:2px 0}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular{position:relative;margin:0;padding:0;box-sizing:border-box}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul{margin:0;padding-left:0;text-align:left}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li{display:block;width:100%;height:auto;text-align:left;position:relative;border-bottom:1px solid #ddd}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li a.klevuQuickPopularProductInnerBlock{text-decoration:none;color:#333;outline:0;display:block;padding:8px;height:auto;line-height:20px}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickPopularProductDescBlock{float:left;width:100%;margin-left:8px}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductName{font-weight:bold;color:#333;word-wrap:break-word}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc{color:#333}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickSalePrice{font-weight:bold;margin-bottom:5px;color:#333}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickOrigPrice{margin-left:5px;text-decoration:line-through;color:#333}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover{background-color:#f5f5f5}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover .klevuQuickSearchNoResultsPopular ul li div{color:#fff!important}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemTop{margin:0;box-sizing:border-box;float:left;padding:5px;position:relative;width:20%}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom{margin:0;box-sizing:border-box;padding:5px;position:relative;min-height:60px;float:left;width:80%}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom .klevu-desc-l2{color:#8a8a8a;font-size:13px}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap{float:none;overflow:hidden;width:100%!important;height:70px!important;text-align:center}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular img{max-width:100%!important;max-height:100%!important;width:auto;height:auto;border:0;outline:0;display:inline-block;margin:0 auto;opacity:1}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge{background:#ffcc01;padding:0 5px;color:#333;font-size:9px;position:absolute;top:6px;left:4px}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge strong{color:#333}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults{text-align:center;font-size:13px;padding:0}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults .klevuQuickNoResultsInner{padding:15px;margin:0}.kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResultsMessage{background:transparent;font-size:13px;padding:20px;text-align:center;border:0}.kuQuickSearchNoRecordFound .searchRequestLoading .klevuQuickSearchingArea{opacity:.6;pointer-events:none}.kuQuickSearchNoRecordFound .klevuPopularProductsHeading{text-align:left;padding:8px 15px;text-transform:uppercase}.kuQuickSearchNoRecordFound .kuNoResultsContainer{max-width:100%}.kuQuickSearchNoRecordFound .kuNoResultsPopularSearchesBlock{padding:10px}.kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms ul{margin:0;padding:0 3px;text-align:left}.kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li{display:block;list-style:none;margin:0;text-transform:capitalize;cursor:pointer;text-align:left}.kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li:hover{background-color:#f5f5f5}.kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li a{display:block;padding:5px;line-height:14px;color:#333;text-decoration:none;font-size:13px}@media only screen and (max-width:1024px){.kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div{width:50%}.kuQuickSearchNoRecordFound .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap{height:55px!important}}@media only screen and (max-width:767px){.kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div{max-width:400px;width:70%}}@media only screen and (max-width:480px){.kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div{width:98%;left:1%!important}.kuQuickSearchNoRecordFound .klevu-fluid .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc{display:none}}@media only screen and (max-width:420px){.kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div{max-width:100%}}.kuCaptionStockIn{font-size:11px;color:green;display:inline-block;padding:0;float:left;width:100%;box-sizing:border-box;margin:2px 0}.kuQuickCaptionStockOut{font-size:11px;color:Red;display:inline-block;padding:0;float:left;min-height:30px;width:100%;box-sizing:border-box;margin:2px 0}.kuQuickSearchResultsContainer .kuCaptionVat{display:block;font-size:11px;color:#767676;width:100%;float:left;margin:0;padding:0;box-sizing:border-box;margin:2px 0}.kuQuickSearchFacetedLayout .productListActive [data-content="cmsCompressed"]{display:none!important}.kuQuickSearchFacetedLayout .cmsCompressedActive [data-content="productList"]{display:none!important}.kuQuickSearchFacetedLayout .kuContainer{width:100%;margin:0 auto;font-family:inherit;font-size:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%!important;padding:0!important}.kuQuickSearchFacetedLayout .kuContainer .kuTabs{margin:0 auto!important;text-align:center;border-bottom:1px solid #eee}.kuQuickSearchFacetedLayout .kuContainer .kuTabs a{padding:8px;
388cursor:pointer;margin-right:5px;color:#333;display:inline-block;position:relative}.kuQuickSearchFacetedLayout .kuContainer .kuTabs a:hover{border-bottom:3px solid #ddd;text-decoration:none}.kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected{border-bottom:3px solid #ddd}.kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected:hover{background:0}.kuQuickSearchFacetedLayout .kuSort{display:inline-block;margin:0;height:15px;width:15px;background-repeat:no-repeat!important}.kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort{background:url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-relevance.png) no-repeat 0 0;cursor:pointer;margin-right:2px}.kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort:hover{background-position:0 -17px}.kuQuickSearchFacetedLayout .kuSort.kuActiveSort{background-position:0 -17px}.kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort{background:url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-low-to-high.png) no-repeat 0 0;cursor:pointer;margin-right:-4px}.kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort{background:url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-high-to-low.png) no-repeat 0 0;cursor:pointer}.kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort{background-position:0 -17px}.kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort:hover{background-position:0 -17px}.kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort{background-position:0 -17px}.kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort:hover{background-position:0 -17px}.kuQuickSearchFacetedLayout .kuSort:hover{background-position:0 -17px}.kuQuickSearchFacetedLayout .kuQuickResultsViewSwitchContainer{display:inline-block;float:left}.kuQuickSearchFacetedLayout .kuDropdown.kuQuickFacetedLayoutSort{float:left;display:inline-block;float:right}.kuQuickResultsViewSwitchContainer{position:relative;display:inline-block;z-index:11;width:auto;padding:10px 5px}.kuQuickResultsViewSwitchContainer a{display:inline-block;width:22px;height:22px;margin-left:4px;text-align:center;vertical-align:middle;overflow:hidden}.kuQuickResultsViewSwitchContainer a.kuCurrent{background-position:0 -25px;text-decoration:none}.kuQuickResultsViewSwitchContainer .kuGridViewBtn{background:url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-gridview.png) no-repeat 0 0;cursor:pointer}.kuQuickResultsViewSwitchContainer .kuListViewBtn{background:url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-listview.png) no-repeat 0 0;cursor:pointer}[data-result-view='list'] .klevuProduct{width:100%!important}[data-result-view='list'] .klevuProduct:hover .kuProdAdditional{box-shadow:none!important}[data-result-view='list'] .klevuProduct main{display:inline-block;width:30%}[data-result-view='list'] .klevuProduct footer{display:inline-block;width:69%}[data-result-view='list'] .klevuProduct .kuProdAdditional{position:relative!important;visibility:unset!important;border:0!important}[data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn{display:inline-block}@media only screen and (max-width:576px){[data-result-view='list'] .klevuProduct main{width:100%}[data-result-view='list'] .klevuProduct footer{width:100%}[data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn{display:block}}.klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart{margin:0;position:absolute;display:inline-block;bottom:10px;right:5px;width:auto}.klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart .kuBtn{padding:3px 6px;font-size:9px!important}.klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart img{max-width:80px!important;height:auto;max-height:45px!important}.klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart{margin:0;position:absolute;display:inline-block;bottom:10px;right:5px;width:auto}.klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart .kuBtn{padding:3px 6px;font-size:9px!important}.klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart img{max-width:80px!important;height:auto;max-height:45px!important}.kuQuickSearchFacetedLayout .klevuQuickSearchResults .klevuQuickAddtoCart{margin:0;position:absolute;display:inline-block;bottom:15px;right:5px;width:auto;visibility:hidden;opacity:0}
388.kuQuickSearchFacetedLayout .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickAddtoCart{visibility:visible;opacity:1}.kuQuickSearchFacetedLayout .kuPriceSlider{width:auto;min-width:190px;max-width:98%;padding:20px;margin:auto;position:relative;box-sizing:border-box}.kuQuickSearchFacetedLayout .kuPriceSlider .noUi-tooltip{font-size:90%}.kuQuickSearchFacetedLayout .sliderFilterNames{height:90px}.kuQuickSearchFacetedLayout .kuInfiniteScrollContainer{text-align:center}.kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn{width:100%;margin:12px 0;height:34px;border:0;border-radius:2px;cursor:pointer}.kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn.hide{display:none!important}.kuQuickSearchFacetedLayout .klevuProductLoadMore{width:100%!important;min-height:40px!important;border:none!important}.kuQuickSearchFacetedLayout .klevuProductLoadMore:hover{background-color:transparent!important}.kuQuickSearchFacetedLayout .klevuProductLoadMore.hide{display:none!important}.kuImageSearchSelector{cursor:pointer}.kuImageSearchSelector::before{content:url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M11.7692%203.18182L11.0154%201.6C10.8538%201.21818%2010.4769%201%2010.0462%201H6.00769C5.57692%201%205.2%201.21818%205.03846%201.6L4.23077%203.18182H2.07692C1.48462%203.18182%201%203.67273%201%204.27273V11.9091C1%2012.5091%201.48462%2013%202.07692%2013H13.9231C14.5154%2013%2015%2012.5091%2015%2011.9091V4.27273C15%203.67273%2014.5154%203.18182%2013.9231%203.18182H11.7692Z%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.00006%2010.8182C9.78436%2010.8182%2011.2308%209.35291%2011.2308%207.54543C11.2308%205.73795%209.78436%204.27271%208.00006%204.27271C6.21575%204.27271%204.76929%205.73795%204.76929%207.54543C4.76929%209.35291%206.21575%2010.8182%208.00006%2010.8182Z%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2.07703%204.81812H3.69241%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E);display:inline-block;width:16px;margin-left:10px;cursor:pointer}.klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWrap,.klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,.klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,.klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,.klevuTarget .kuQuickImageSearchWrap{max-width:400px!important;min-width:auto!important;width:100%!important}.kuQuickSearchImageUploadContainer{max-width:400px!important}.kuQuickSearchImageUploadContainer .klevuQuickSearchingArea{padding:1rem!important}.kuQuickSearchImageUploadContainer .kuImageUploadErrorMsgContainer p{color:red;margin:0;font-size:12px}.kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn{width:100%;margin:20px 0;text-align:center;padding:10px;border-width:0;background-color:#343420;color:#fff;cursor:pointer}.kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText::before{display:inline-block;width:16px;margin-right:5px;cursor:pointer}.kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.upload::before{content:url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.333333%207.95508C0.149%207.95508%200%208.10441%200%208.28841V10.3327C0%2010.5167%200.149%2010.6661%200.333333%2010.6661H9.66667C9.851%2010.6661%2010%2010.5167%2010%2010.3327V8.28841C10%208.10441%209.851%207.95508%209.66667%207.95508C9.48233%207.95508%209.33333%208.10441%209.33333%208.28841V9.99941H0.666667V8.28841C0.666667%208.10441%200.517667%207.95508%200.333333%207.95508Z%22%20fill%3D%22white%22%2F%3
388E%0A%3Cpath%20d%3D%22M5.01445%208.62233C5.19878%208.62233%205.34778%208.473%205.34778%208.289V1.119L7.46211%203.16133C7.52645%203.224%207.61011%203.255%207.69345%203.255C7.78078%203.255%207.86778%203.221%207.93311%203.15333C8.06111%203.021%208.05745%202.81%207.92511%202.682L5.25078%200.0983334C5.25045%200.098%205.25045%200.0980001%205.25011%200.0976667L5.24578%200.0936667C5.23378%200.082%205.21878%200.077%205.20578%200.0676667C5.18445%200.0523334%205.16478%200.0353334%205.14045%200.0253334C5.10245%200.00966674%205.06211%200.00233355%205.02145%200.00133355C5.01911%200.00133355%205.01678%200%205.01445%200C5.01211%200%205.00978%200.00133355%205.00745%200.00133355C4.96678%200.00233355%204.92678%200.00966674%204.88845%200.0253334C4.86411%200.0353334%204.84445%200.0523335%204.82312%200.0673335C4.81012%200.0770002%204.79511%200.082%204.78311%200.0936667L4.77911%200.0973333C4.77878%200.0976666%204.77878%200.0976669%204.77845%200.0980002L2.10412%202.68167C1.97178%202.80967%201.96812%203.02067%202.09612%203.153C2.22345%203.28533%202.43545%203.28933%202.56711%203.161L4.68145%201.11867V8.28867C4.68111%208.473%204.83011%208.62233%205.01445%208.62233Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E)}.kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.processing::before{position:absolute;margin-left:-20px;content:url(data:image/svg+xml,%0A%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%204.5C7.8674%204.5%207.74023%204.44732%207.64645%204.35355C7.55268%204.25977%207.5%204.1326%207.5%204V1C7.5%200.867392%207.55268%200.740215%207.64645%200.646447C7.74023%200.552677%207.8674%200.5%208%200.5C8.1326%200.5%208.25977%200.552677%208.35355%200.646447C8.44732%200.740215%208.5%200.867392%208.5%201V4C8.5%204.1326%208.44732%204.25977%208.35355%204.35355C8.25977%204.44732%208.1326%204.5%208%204.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.82%205.68005C10.7209%205.68013%2010.624%205.65075%2010.5416%205.59568C10.4593%205.54058%2010.3951%205.46225%2010.3573%205.37063C10.3196%205.27903%2010.3099%205.17825%2010.3295%205.0811C10.3491%204.98395%2010.3971%204.89485%2010.4675%204.82505L12.595%202.69755C12.6414%202.6511%2012.6966%202.61425%2012.7573%202.5891C12.818%202.56398%2012.883%202.55103%2012.9487%202.55103C13.0144%202.55103%2013.0795%202.56398%2013.1402%202.5891C13.2009%202.61425%2013.256%202.6511%2013.3025%202.69755C13.3489%202.744%2013.3858%202.79915%2013.4109%202.85985C13.4361%202.92055%2013.449%202.9856%2013.449%203.0513C13.449%203.117%2013.4361%203.18205%2013.4109%203.24275C13.3858%203.30345%2013.3489%203.3586%2013.3025%203.40505L11.175%205.53255C11.1285%205.57935%2011.0732%205.61648%2011.0122%205.64178C10.9513%205.6671%2010.886%205.6801%2010.82%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M15%208.5H12C11.8674%208.5%2011.7402%208.44732%2011.6465%208.35355C11.5527%208.25977%2011.5%208.1326%2011.5%208C11.5%207.8674%2011.5527%207.74023%2011.6465%207.64645C11.7402%207.55268%2011.8674%207.5%2012%207.5H15C15.1326%207.5%2015.2598%207.55268%2015.3535%207.64645C15.4473%207.74023%2015.5%207.8674%2015.5%208C15.5%208.1326%2015.4473%208.25977%2015.3535%208.35355C15.2598%208.44732%2015.1326%208.5%2015%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M12.9501%2013.4499C12.8841%2013.45%2012.8188%2013.437%2012.7578%2013.4117C12.6969%2013.3864%2012.6416%2013.3492%2012.5951%2013.3024L10.4676%2011.1749C10.3738%2011.0811%2010.321%2010.9539%2010.321%2010.8212C10.321%2010.6885%2010.3738%2010.5613%2010.4676%2010.4674C10.5614%2010.3736%2010.6886%2010.3209%2010.8213%2010.3209C10.954%2010.3209%2011.0813%2010.3736%2011.1751%2010.4674L13.3026%2012.5949C13.3729%2012.6647%2013.421%2012.7538%2013.4406%2012.851C13.4602%2012.9481%2013.4505%2013.0489%2013.4127%2013.1405C13.375%2013.2321%2013.3108%2013.3105%2013.2284%2013.3656C13.1461%2013.4206%2013.0492%2013.45%2012.9501%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M8%2015.5C7.8674%2015.5%207.74023%2015.4473%207.64645%2015.3535C7.55268%2015.2598%207.5%2015.1326%207.5%2015V12C7.5%2011.8674%207.55268%2011.7402%207.64645%2011.6465C7.74023%2011.5527%207.8674%2011.5%208%2011.5C8.1326%2011.5%208.25977%2011.5527%208.35355%2011.6465C8.44732%2011.7402%208.5%2011.8674%208.5%2012V15C8.5%2015.1326%208.44732%2015.2598%208.35355%2015.3535C8.25977%2015.4473%208.1326%2015.5%208%2015.5Z%22%20fill%3D%22white%22%2F%3
388E%0A%3Cpath%20d%3D%22M3.04997%2013.4499C2.95087%2013.45%202.85397%2013.4206%202.77159%2013.3656C2.68922%2013.3105%202.62509%2013.2321%202.58732%2013.1405C2.54954%2013.0489%202.53984%2012.9481%202.55944%2012.851C2.57907%2012.7538%202.62709%2012.6647%202.69747%2012.5949L4.82497%2010.4674C4.87142%2010.421%204.92657%2010.3841%204.98727%2010.359C5.04797%2010.3339%205.11302%2010.3209%205.17872%2010.3209C5.24442%2010.3209%205.30947%2010.3339%205.37017%2010.359C5.43087%2010.3841%205.48602%2010.421%205.53247%2010.4674C5.57892%2010.5139%205.61577%2010.569%205.64092%2010.6297C5.66604%2010.6904%205.67899%2010.7555%205.67899%2010.8212C5.67899%2010.8869%205.66604%2010.9519%205.64092%2011.0126C5.61577%2011.0733%205.57892%2011.1285%205.53247%2011.1749L3.40497%2013.3024C3.35844%2013.3492%203.30314%2013.3864%203.24222%2013.4117C3.18127%2013.437%203.11594%2013.45%203.04997%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M4%208.5H1C0.867392%208.5%200.740215%208.44732%200.646447%208.35355C0.552677%208.25977%200.5%208.1326%200.5%208C0.5%207.8674%200.552677%207.74023%200.646447%207.64645C0.740215%207.55268%200.867392%207.5%201%207.5H4C4.1326%207.5%204.25977%207.55268%204.35355%207.64645C4.44732%207.74023%204.5%207.8674%204.5%208C4.5%208.1326%204.44732%208.25977%204.35355%208.35355C4.25977%208.44732%204.1326%208.5%204%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.18005%205.68005C5.11407%205.6801%205.04872%205.6671%204.9878%205.64178C4.92687%205.61648%204.87155%205.57935%204.82505%205.53255L2.69755%203.40505C2.65108%203.3586%202.61423%203.30345%202.5891%203.24275C2.56395%203.18205%202.55103%203.117%202.55103%203.0513C2.55103%202.9856%202.56395%202.92055%202.5891%202.85985C2.61423%202.79915%202.65108%202.744%202.69755%202.69755C2.744%202.6511%202.79915%202.61425%202.85985%202.5891C2.92055%202.56398%202.9856%202.55103%203.0513%202.55103C3.117%202.55103%203.18205%202.56398%203.24275%202.5891C3.30342%202.61425%203.35857%202.6511%203.40505%202.69755L5.53255%204.82505C5.6029%204.89485%205.65095%204.98395%205.67055%205.0811C5.69017%205.17825%205.68047%205.27903%205.6427%205.37063C5.60492%205.46225%205.54077%205.54058%205.4584%205.59568C5.37602%205.65075%205.27915%205.68013%205.18005%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A)}.kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn img,.kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn svg{margin-right:5px}.kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn:disabled{cursor:default;opacity:.95}.kuQuickSearchImageUploadContainer .kuQuickUploadHeaderTitle{font-size:1.3em;display:block}.kuQuickSearchImageUploadContainer .kuQuickImageSearchForm{display:none!important}.kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote{position:relative}.kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo{padding-left:24px}.kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo::before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%206%20L%207.167969%206%20C%207.351562%206%207.5%206.183594%207.5%206.332031%20L%207.5%2010.332031%20C%207.5%2010.515625%207.351562%2010.664062%207.167969%2010.664062%20L%206.832031%2010.664062%20C%206.648438%2010.664062%206.5%2010.480469%206.5%2010.332031%20L%206.5%206.332031%20C%206.5%206.148438%206.648438%206%206.832031%206%20Z%20M%206.832031%206%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%203.671875%20L%207.167969%203.671875%20C%207.351562%203.671875%207.5%203.855469%207.5%204.003906%20L%207.5%204.671875%20C%207.5%204.855469%207.351562%205.003906%207.167969%205.003906%20L%206.832031%205.003906%20C%206.648438%205.003906%206.5%204.820312%206.5%204.671875%20L%206.5%204.003906%20C%206.5%203.820312%206.648438%203.671875%206.832031%203.671875%20Z%20M%206.832031%203.671875%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207%2012.992188%20C%208.589844%2012.992188%2010.113281%2012.363281%2011.238281%2011.238281%20C%2012.363281%2010.113281%2012.992188%208.589844%2012.992188%207%20C%2012.992188%205.4101
38856%2012.363281%203.886719%2011.238281%202.761719%20C%2010.113281%201.636719%208.589844%201.007812%207%201.007812%20C%205.410156%201.007812%203.886719%201.636719%202.761719%202.761719%20C%201.636719%203.886719%201.007812%205.410156%201.007812%207%20C%201.007812%208.589844%201.636719%2010.113281%202.761719%2011.238281%20C%203.886719%2012.363281%205.410156%2012.992188%207%2012.992188%20Z%20M%207%2013.992188%20C%205.144531%2013.992188%203.367188%2013.257812%202.054688%2011.945312%20C%200.742188%2010.632812%200.0078125%208.855469%200.0078125%207%20C%200.0078125%205.144531%200.742188%203.367188%202.054688%202.054688%20C%203.367188%200.742188%205.144531%200.0078125%207%200.0078125%20C%208.855469%200.0078125%2010.632812%200.742188%2011.945312%202.054688%20C%2013.257812%203.367188%2013.992188%205.144531%2013.992188%207%20C%2013.992188%208.855469%2013.257812%2010.632812%2011.945312%2011.945312%20C%2010.632812%2013.257812%208.855469%2013.992188%207%2013.992188%20Z%20M%207%2013.992188%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);display:inline-block;width:16px;position:absolute;left:0}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks{position:relative}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input{position:absolute;opacity:0;z-index:-1}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label{cursor:pointer;position:relative;padding-right:18px}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label::after{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%2213px%22%20viewBox%3D%220%200%208%2012%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207.136719%206.398438%20L%202.277344%2010.953125%20C%202.042969%2011.171875%201.664062%2011.171875%201.429688%2010.953125%20L%200.863281%2010.421875%20C%200.628906%2010.203125%200.628906%209.847656%200.863281%209.625%20L%204.710938%206%20L%200.863281%202.375%20C%200.628906%202.152344%200.628906%201.796875%200.863281%201.578125%20L%201.429688%201.046875%20C%201.664062%200.828125%202.042969%200.828125%202.277344%201.046875%20L%207.136719%205.601562%20C%207.371094%205.820312%207.371094%206.179688%207.136719%206.398438%20Z%20M%207.136719%206.398438%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);position:absolute;right:0;top:1px}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content{display:none;position:relative;background-color:#f5f6f4;padding:10px;margin-top:8px}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content p{margin:0;padding-left:64px}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img1::before{content:url(data:image/svg+xml,%0A%3Csvg%20width%3D%2226%22%20height%3D%2229%22%20viewBox%3D%220%200%2026%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%207.65073V21.0515L13%2027.8015L25%2021.0515V7.65073L13%201L1%207.65073Z%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M1%208.14697L13%2014.897L25%208.14697%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M13%2027.8014V14.897%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A);width:16px;position:absolute}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img2::before{content:url(data:image/svg+xml,%0A%3Csvg%20width%3D%2218%22%20height%3D%2225%22%20viewBox%3D%220%200%2018%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3
388E%0A%3Crect%20x%3D%220.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%223.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%225.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2212.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2214.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2221.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2223.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A);width:16px;position:absolute;margin-left:34px;margin-top:3px}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked ~ .accordion-label::after{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2212px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2012%2013%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%205.546875%209.6875%20L%200.339844%204.75%20C%200.0898438%204.511719%200.0898438%204.128906%200.339844%203.890625%20L%200.945312%203.3125%20C%201.199219%203.078125%201.605469%203.074219%201.855469%203.3125%20L%206%207.222656%20L%2010.144531%203.3125%20C%2010.394531%203.074219%2010.800781%203.078125%2011.054688%203.3125%20L%2011.660156%203.890625%20C%2011.910156%204.128906%2011.910156%204.511719%2011.660156%204.75%20L%206.453125%209.6875%20C%206.203125%209.925781%205.796875%209.925781%205.546875%209.6875%20Z%20M%205.546875%209.6875%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E);position:absolute;right:0;top:1px}.kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked ~ .accordion-content{display:block}@media screen and (max-width:640px){.klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWrap,.klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,.klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,.klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,.kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,.klevuTarget .kuQuickImageSearchWrap{position:fixed!important;top:15%!important;max-width:80%!important;left:10%!important;right:auto!important;z-index:1000000;margin-left:0;width:80%!important}.klevuTarget.klevu-fluid>div.kuQuickImageSearchWrap{left:10%!important;width:80%!important;z-index:1000000!important}.kuImageSearchWrapBackDrop{z-index:1000!important}.kuImageSearchWrapBackDrop::before{content:'';height:100%!important;width:100%!important;background:rgba(0,0,0,0.5);z-index:1000;position:fixed;left:0;top:0;bottom:0}.kuQuickUploadHeaderTitle{text-align:center}.kuImgSearchHowItWorks{text-align:center}.kuImgSearchHowItWorks .accordion-content{text-align:left}}</style>
388<script type="text/javascript" charset="UTF-8" src="https://maps.google.com/maps-api-v3/api/js/64/7d/common.js"></script>
388<script type="text/javascript" charset="UTF-8" src="https://maps.google.com/maps-api-v3/api/js/64/7d/util.js"></script>
388</head>
389    <body data-container="body" data-mage-init="{&quot;loaderAjax&quot;: {}, &quot;loader&quot;: { &quot;icon&quot;: &quot;https://files.sitestatic.net/ImageFile/202401292310490000000da1e44f57JGGAEAC__3100x800.png&quot;}}" class="breeze breeze-theme page-product-configurable catalog-product-view product-nordic-naturals-baby-s-dha-52135545-AYO01 page-layout-1column" id="html-body" data-breeze-processed="true">
390        
391
392    <noscript>
393        <div class="message global noscript">
394            <div class="content">
395                <p>
396                    <strong>sepertinya JavaScript tidak aktif pada browser anda </strong>
397                    <span>
398                        Untuk pengalaman terbaik di situs kami, pastikan untuk mengaktifkan Javascript di browser Anda.                    </span>
399                </p>
400            </div>
401        </div>
402    </noscript>
403
404<script data-breeze>
405var cookiesConfig = {
406    expires: null,
407    path: '\u002F',
408    domain: '.mothercare.co.id',
409    secure: true,
410    lifetime: '3600'
411};
412</script>
412
413
414<script type="text/x-magento-init" data-breeze-processed="true">
415    {
416        "*": {
417            "Magento_GoogleTagManager/js/google-tag-manager-cart": {
418                "blockNames": ["category.products.list","product.info.upsell","catalog.product.related","checkout.cart.crosssell","search_result_list"],
419                "cookieAddToCart": "add_to_cart",
420                "cookieRemoveFromCart":
421                    "remove_from_cart",
422                "advancedAddToCart": "add_to_cart_advanced"
423            }
424        }
425    }
426</script>
vendor: 1 bytes, line 426
426
427<script>
428var googleMapsConfig = {
429    src: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D',
430    style: '',
431    apiKey: ''
432}
433</script>
433
434<div class="page-wrapper"><header class="page-header"><div class="panel wrapper"><div class="panel header" style="background-color: #e2004b;"><a class="action skip contentarea" href="#contentarea">
435    <span>
436        lewati ke Konten    </span>
437</a>
438<div class="left_top_header">
439<div class="top-header-components-mc left-top">
440  <div class="header_panel_info">
441    <ul>
442      <li class="download-app-link">
443        <a href="https://blog.batux.design/">
444          <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">
445          download apps
446        </a>
447        <div class="download-popup">
448          <div class="wrap">
449            <div class="right-cols">
450              <div class="app-content">
451                download app  from:
452                <div class="view code app_store">
453                    <a class="sh-store-link" href="https://blog.batux.design/" target="_blank" ng-click="callAction($event, 'appStore')">
454                        <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">
455                    </a>
456                </div>
457                <div class="view code play_store">
458                    <a class="sh-store-link" data-test="google-play-link" href="https://blog.batux.design/" target="_blank" ng-click="callAction($event, 'appStore')">
459                        <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">
460                    </a>
461                </div>
462              </div>
463            </div>
464          </div>
465        </div>
466      </li>
467
468      <li>
469        <a href="https://blog.batux.design/">
470          <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">
471          gift registry        </a>
472      </li>
473    </ul>
474</div>
475</div>
476</div><div class="right_top_header">
477        <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language">
478        <strong class="label switcher-label"><span>Bahasa</span></strong>
479        <div class="actions dropdown options switcher-options">
480            <div class="action toggle switcher-trigger" id="switcher-language-trigger">
481                <strong class="view-mothercare_website_bahasa">
482                    <span>ID</span>
483                </strong>
484            </div>
485            <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"><ul class="dropdown switcher-dropdown" data-mage-init="{&quot;dropdownDialog&quot;:{
486                &quot;appendTo&quot;:&quot;#switcher-language &gt; .options&quot;,
487                &quot;triggerTarget&quot;:&quot;#switcher-language-trigger&quot;,
488                &quot;closeOnMouseLeave&quot;: false,
489                &quot;triggerClass&quot;:&quot;active&quot;,
490                &quot;parentClass&quot;:&quot;active&quot;,
491                &quot;buttons&quot;:null}}" data-breeze-processed="true">
492
493
494        </ul></div><div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"><ul class="dropdown switcher-dropdown" data-mage-init="{&quot;dropdownDialog&quot;:{
495                &quot;appendTo&quot;:&quot;#switcher-language &gt; .options&quot;,
496                &quot;triggerTarget&quot;:&quot;#switcher-language-trigger&quot;,
497                &quot;closeOnMouseLeave&quot;: false,
498                &quot;triggerClass&quot;:&quot;active&quot;,
499                &quot;parentClass&quot;:&quot;active&quot;,
500                &quot;buttons&quot;:null}}" data-breeze-processed="true">
501
502
503        </ul></div></div>
504    </div>
505<style>
506.switch {
507  position: relative;
508  display: inline-block;
509  width: 60px;
510  height: 34px;
511}
512
513.switch input {
514  opacity: 0;
515  width: 0;
516  height: 0;
517}
518
519.slider {
520  position: absolute;
521  cursor: pointer;
522  top: 0;
523  left: 0;
524  right: 0;
525  bottom: 0;
526  background-color: #ccc;
527  -webkit-transition: .4s;
528  transition: .4s;
529}
530
531.slider:before {
532  position: absolute;
533  content: "ID";
534  height: 26px;
535  width: 26px;
536  left: 4px;
537  bottom: 4px;
538  background-color: white;
539  -webkit-transition: .4s;
540  transition: .4s;
541color:#000;
542}
543
544input:checked + .slider {
545  background-color: #ccc;
546}
547
548input:focus + .slider {
549  box-shadow: 0 0 1px #2196F3;
550}
551
552input:checked + .slider:before {
553  -webkit-transform: translateX(26px);
554  -ms-transform: translateX(26px);
555  transform: translateX(26px);
556content:"EN";
557color:#000;
558}
559
560/* Rounded sliders */
561.slider.round {
562  border-radius: 34px;
563}
564
565.slider.round:before {
566  border-radius: 50%;
567}
568</style>
569<div class="top-header-components-mc">
570	<div class="lang-switch-mc">
571		<li><label class="switch">
572			<input type="checkbox" checked>
573			<span class="slider round"></span>
574			</label>
575		</li>
576	</div>
577	<div class="header_panel_info">
578    <ul>
579      <li><a href="https://blog.batux.design/"><img loading="lazy" width="25" height="25" alt="store finder icon" src="https://files.sitestatic.net/ImageFile/20240130230802000000fca29cab69JGGAEAC__381x381.png">LOGIN</a></li>
580  		<li><a href="https://blog.batux.design/"><img loading="lazy" width="25" height="25" alt="Kanmo Circle logo" src="https://files.sitestatic.net/ImageFile/20240130230802000000fca29cab69JGGAEAC__381x381.png">DAFTAR</a></li>
581  		<li><a href="https://blog.batux.design/" target="_blank"><img loading="lazy" width="25" height="25" alt="Whatsapp logo" src="https://files.sitestatic.net/ImageFile/20240130230802000000fca29cab69JGGAEAC__381x381.png"> Claim Bonus</a></li>
582    </ul>
583	</div>
584</div>
585</div></div></div><div class="header content"><span data-action="toggle-nav" class="action nav-toggle" tabindex="0"><span>Toggle Nav</span></span>
586<a class="logo" href="https://batux.design/" title="" aria-label="store logo">
587    <img src="https://files.sitestatic.net/ImageFile/202401292310490000000da1e44f57JGGAEAC__3100x800.png" title="" alt="" width="155" height="28">
588</a>
589
590<div class="kanmo-middle-header"><div class="navigation-wrapper"><span data-action="toggle-nav" class="button-close" tabindex="0"></span><div class="top-header-components-mc mobile-component">
591  <div class="header_panel_info">
592    <ul>
593      <li><a href="https://batux.design/"><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>
594      <li><a href="https://batux.design/"><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>
595      <li><a href="https://batux.design/"><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>
596      <li><a href="https://batux.design/" target="_blank"><span><img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://files.sitestatic.net/ImageFile/202401292310490000000da1e44f57JGGAEAC__3100x800.png"></span>contact us</a></li>
597
598    </ul>
599
600  </div>
601</div>
602<div class="block ves-menu ves-megamenu-mobile " id="menu-top-mothercare1742308061777474800-menu">
603		<nav class="navigation" role="navigation" data-action="navigation">
604		<ul id="menu-top-mothercare1742308061777474800" class="ves-megamenu menu-hover ves-horizontal " data-mage-init="{&quot;menu&quot;:{&quot;responsive&quot;:false, &quot;expanded&quot;:false, &quot;position&quot;:{&quot;my&quot;:&quot;left top&quot;,&quot;at&quot;:&quot;left bottom&quot;}}}" data-toggle-mobile-nav="false" data-breeze-processed="true">
605			<li id="vesitem-884521742308061573800708" class=" nav-item level0 submenu-left subhover  dropdown level-top "><a href="https://batux.design/" style="font-size:12px;" class=" nav-anchor"><span>surga11</span><span class="caret"></span><span class="opener"></span></a><div class="submenu animated  dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"><div class="content-wrap"><div class="megamenu-content" style="width:100%"><div class="nav-dropdown">
606<div class="nav-desk row equal nav-revamp">
607    <div class="col-md-12">
608        <div class="row">
609          <div class="brand-az">
610            <a href title="A" class="active">A</a>
611            <a href title="B">B</a>
612            <a href title="C">C</a>
613            <a href title="D">D</a>
614            <a href title="E">E</a>
615            <a href title="F">F</a>
616            <a href title="G">G</a>
617            <a href title="H">H</a>
618            <a href title="I">I</a>
619            <a href title="J">J</a>
620            <a href title="K">K</a>
621            <a href title="L">L</a>
622            <a href title="M">M</a>
623            <a href title="N">N</a>
624            <a href title="O">O</a>
625            <a href title="P">P</a>
626            <a href title="Q">Q</a>
627            <a href title="R">R</a>
628            <a href title="S">S</a>
629            <a href title="T">T</a>
630            <a href title="U">U</a>
631            <a href title="V">V</a>
632            <a href title="W">W</a>
633            <a href title="X">X</a>
634            <a href title="Y">Y</a>
635            <a href title="Z">Z</a>
636            <a href title="0" class="number" style="white-space: nowrap;">0-9</a>
637          </div>
638          <div class="brand-wrapper">
639            <p class="brand-name" style="display: block;"><a href="/brand-a-z/addo.html">Addo</a></p>
640            <p class="brand-name" style="display: block;"><a href="/brand-a-z/adidas.html">Adidas</a></p>
641            <p class="brand-name" style="display: block;"><a href="/brand-a-z/airfree.html">Airfree</a></p>
642            <p class="brand-name" style="display: block;"><a href="/brand-a-z/alamii.html">Alamii</a></p>
643            <p class="brand-name" style="display: block;"><a href="/brand-a-z/amara.html">Amara</a></p>
644            <p class="brand-name" style="display: block;"><a href="/brand-a-z/aqua-scale.html">Aqua Scale</a></p>
645            <p class="brand-name" style="display: block;"><a href="/brand-a-z/asics.html">Asics</a></p>
646            <p class="brand-name" style="display: block;"><a href="/brand-a-z/aveeno.html">Aveeno</a></p>
647            <p class="brand-name" style="display: block;"><a href="/brand-a-z/awan.html">Awan</a></p>
648            <p class="brand-name" style="display: block;"><a href="/brand-a-z/azetabio.html">Azetabio</a></p>
649            <p class="brand-name" style="display: none;"><a href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a></p>
650            <p class="brand-name" style="display: none;"><a href="/brand-a-z/babiators.html">Babiators</a></p>
651            <p class="brand-name" style="display: none;"><a href="/brand-a-z/dove.html">Baby Dove</a></p>
652            <p class="brand-name" style="display: none;"><a href="/brand-a-z/baby-jogger.html">Baby Jogger</a></p>
653            <p class="brand-name" style="display: none;"><a href="/brand-a-z/baby-rovega.html">Baby Rovega</a></p>
654            <p class="brand-name" style="display: none;"><a href="/brand-a-z/babybee.html">Babybee</a></p>
655            <p class="brand-name" style="display: none;"><a href="/brand-a-z/banana-boat.html">Banana Boat</a></p>
656            <p class="brand-name" style="display: none;"><a href="/brand-a-z/banz.html">Banz</a></p>
657            <p class="brand-name" style="display: none;"><a href="/brand-a-z/barbie.html">
657Barbie</a></p>
658            <p class="brand-name" style="display: none;"><a href="/brand-a-z/beaba.html">Beaba</a></p>
659            <p class="brand-name" style="display: none;"><a href="/brand-a-z/beauty-barn.html">Beauty Barn</a></p>
660            <p class="brand-name" style="display: none;"><a href="/brand-a-z/bio-oil.html">Bio Oil</a></p>
661            <p class="brand-name" style="display: none;"><a href="/brand-a-z/biolane.html">Biolane</a></p>
662            <p class="brand-name" style="display: none;"><a href="/brand-a-z/bite-fighters.html">Bite Fighters</a></p>
663            <p class="brand-name" style="display: none;"><a href="/brand-a-z/bizzi-growin.html">Bizzi Growin</a></p>
664            <p class="brand-name" style="display: none;"><a href="/brand-a-z/blackmores.html">Blackmores</a></p>
665            <p class="brand-name" style="display: none;"><a href="/brand-a-z/blooming-marvellous.html">Blooming Marvellous</a></p>
666            <p class="brand-name" style="display: none;"><a href="/brand-a-z/bonnels.html">Bonnels</a></p>
667            <p class="brand-name" style="display: none;"><a href="/brand-a-z/bravado.html">Bravado</a></p>
668            <p class="brand-name" style="display: none;"><a href="/brand-a-z/bruder.html">Bruder</a></p>
669            <p class="brand-name" style="display: none;"><a href="/brand-a-z/brush-baby.html">Brush Baby</a></p>
670            <p class="brand-name" style="display: none;"><a href="/brand-a-z/buds.html">Buds Organics</a></p>
671            <p class="brand-name" style="display: none;"><a href="/brand-a-z/bugaboo.html">Bugaboo</a></p>
672            <p class="brand-name" style="display: none;"><a href="/brand-a-z/buggygear.html">Buggygear</a></p>
673            <p class="brand-name" style="display: none;"><a href="/brand-a-z/bumkins.html">Bumkins</a></p>
674            <p class="brand-name" style="display: none;"><a href="/brand-a-z/cetaphil.html">Cetaphil</a></p>
675            <p class="brand-name" style="display: none;"><a href="/brand-a-z/chicco.html">Chicco</a></p>
676            <p class="brand-name" style="display: none;"><a href="/brand-a-z/childlife.html">Childlife</a></p>
677            <p class="brand-name" style="display: none;"><a href="/brand-a-z/clevamama.html">Clevamama</a></p>
678            <p class="brand-name" style="display: none;"><a href="/brand-a-z/cocolatte.html">Cocolatte</a></p>
679            <p class="brand-name" style="display: none;"><a href="/brand-a-z/cottonseeds.html">Cottonseeds</a></p>
680            <p class="brand-name" style="display: none;"><a href="/brand-a-z/cozy-n-safe.html">Cozy N Safe</a></p>
681            <p class="brand-name" style="display: none;"><a href="/brand-a-z/crane.html">Crane</a></p>
682            <p class="brand-name" style="display: none;"><a href="/brand-a-z/cybex.html">Cybex</a></p>
683            <p class="brand-name" style="display: none;"><a href="/brand-a-z/dae-organics.html">Dae Organics</a></p>
684            <p class="brand-name" style="display: none;"><a href="/brand-a-z/docare.html">Docare</a></p>
685            <p class="brand-name" style="display: none;"><a href="/brand-a-z/doona.html">Doona</a></p>
686            <p class="brand-name" style="display: none;"><a href="/brand-a-z/down-to-earth.html">Down To Earth</a></p>
687            <p class="brand-name" style="display: none;"><a href="/brand-a-z/drew.html">Drew</a></p>
688            <p class="brand-name" style="display: none;"><a href="/brand-a-z/dr-brown-s.html">Dr. Brown's</a></p>
689            <p class="brand-name" style="display: none;"><a href="/brand-a-z/elc.html">ELC</a></p>
690            <p class="brand-name" style="display: none;"><a href="/brand-a-z/ergobaby.html">Ergobaby</a></p>
691            <p class="brand-name" style="display: none;"><a href="/brand-a-z/expert-care.html">Expert Care</a></p>
692            <p class="brand-name" style="display: none;"><a href="/brand-a-z/ezyroller.html">Ezyroller</a></p>
693            <p class="brand-name" style="display: none;"><a href="/brand-a-z/felt-so-sweet.html">Felt So Sweet</a></p>
694            <p class="brand-name" style="display: none;"><a href="/brand-a-z/fisher-price.html">Fisher Price</a></p>
695            <p class="brand-name" style="display: none;"><a href="/brand-a-z/flipper.html">Flipper</a></p>
696            <p class="brand-name" style="display: none;"><a href="/brand-a-z/friends-of-sally.html">Friends Of Sally</a></p>
697            <p class="brand-name" style="display: none;"><a href="/brand-a-z/gb.html">Gb</a></p>
698            <p class="brand-name" style="display: none;"><a href="/brand-a-z/geko.html">Geko</a></p>
699            <p class="brand-name" style="display: none;"><a href="/brand-a-z/graco.html">Graco</a></p>
700            <p class="brand-name" style="display: none;"><a href="/brand-a-z/gund.html">Gund</a></p>
701            <p class="brand-name" style="display: none;"><a href="/brand-a-z/habbie.html">Habbie</a></p>
702            <p class="brand-name" style="display: none;"><a href="/brand-a-z/haenim.html">Haenim</a></p>
703            <p class="brand-name" style="display: none;"><a href="/brand-a-z/happy-horse.html">Happy Horse</a></p>
704            <p class="brand-name" style="display: none;"><a href="/brand-a-z/happy-tummy.html">
704Happy Tummy</a></p>
705            <p class="brand-name" style="display: none;"><a href="/brand-a-z/hauck.html">Hauck</a></p>
706            <p class="brand-name" style="display: none;"><a href="/brand-a-z/havaianas.html">Havaianas</a></p>
707            <p class="brand-name" style="display: none;"><a href="/brand-a-z/hegen.html">Hegen</a></p>
708            <p class="brand-name" style="display: none;"><a href="/brand-a-z/hot-wheels.html">Hot Wheels</a></p>
709            <p class="brand-name" style="display: none;"><a href="/brand-a-z/hybrid.html">Hybrid</a></p>
710            <p class="brand-name" style="display: none;"><a href="/brand-a-z/inlacta-dha.html">Inlacta DHA</a></p>
711            <p class="brand-name" style="display: none;"><a href="/brand-a-z/interlac.html">Interlac</a></p>
712            <p class="brand-name" style="display: none;"><a href="/brand-a-z/ivenet.html">Ivenet</a></p>
713            <p class="brand-name" style="display: none;"><a href="/brand-a-z/jack-n-jill.html">Jack N Jill</a></p>
714            <p class="brand-name" style="display: none;"><a href="/brand-a-z/joie.html">Joie</a></p>
715            <p class="brand-name" style="display: none;"><a href="/brand-a-z/joolz.html">Joolz</a></p>
716            <p class="brand-name" style="display: none;"><a href="/brand-a-z/jujube.html">Jujube</a></p>
717            <p class="brand-name" style="display: none;"><a href="/brand-a-z/kiddycuts.html">Kiddycuts</a></p>
718            <p class="brand-name" style="display: none;"><a href="/brand-a-z/kumon.html">Kumon</a></p>
719            <p class="brand-name" style="display: none;"><a href="/brand-a-z/leapfrog.html">Leapfrog</a></p>
720            <p class="brand-name" style="display: none;"><a href="/brand-a-z/leclerc.html">Leclerc</a></p>
721            <p class="brand-name" style="display: none;"><a href="/brand-a-z/lee-vierra.html">Lee Vierra</a></p>
722            <p class="brand-name" style="display: none;"><a href="/brand-a-z/lillebaby.html">Lillebaby</a></p>
723            <p class="brand-name" style="display: none;"><a href="/brand-a-z/little-bird-told-me.html">Little Bird Told Me</a></p>
724            <p class="brand-name" style="display: none;"><a href="/brand-a-z/little-miss-janis.html">Little Miss Janis</a></p>
725            <p class="brand-name" style="display: none;"><a href="/brand-a-z/london-taxi.html">London Taxi</a></p>
726            <p class="brand-name" style="display: none;"><a href="/brand-a-z/love-to-dream.html">Love To Dream</a></p>
727            <p class="brand-name" style="display: none;"><a href="/brand-a-z/magformers.html">Magformers</a></p>
728            <p class="brand-name" style="display: none;"><a href="/brand-a-z/mamaschoice.html">Mama's Choice</a></p>
729            <p class="brand-name" style="display: none;"><a href="/brand-a-z/mamas-papas.html">Mamas&amp;Papas</a></p>
730            <p class="brand-name" style="display: none;"><a href="/brand-a-z/mamaway.html">Mamaway</a></p>
731            <p class="brand-name" style="display: none;"><a href="/brand-a-z/maxi-cosi.html">Maxi Cosi</a></p>
732            <p class="brand-name" style="display: none;"><a href="/brand-a-z/megabloks.html">Megabloks</a></p>
733            <p class="brand-name" style="display: none;"><a href="/brand-a-z/micro.html">Micro</a></p>
734            <p class="brand-name" style="display: none;"><a href="/brand-a-z/mideer.html">MiDeer</a></p>
735            <p class="brand-name" style="display: none;"><a href="/brand-a-z/mimi-lula.html">Mimi &amp; Lula</a></p>
736            <p class="brand-name" style="display: none;"><a href="/brand-a-z/mini-monkey.html">Mini Monkey</a></p>
737            <p class="brand-name" style="display: none;"><a href="/brand-a-z/moby.html">Moby</a></p>
738            <p class="brand-name" style="display: none;"><a href="/brand-a-z/momami.html">Momami</a></p>
739            <p class="brand-name" style="display: none;"><a href="/brand-a-z/mothercare.html">Mothercare</a></p>
740            <p class="brand-name" style="display: none;"><a href="/brand-a-z/mustela.html">Mustela</a></p>
741            <p class="brand-name" style="display: none;"><a href="/brand-a-z/my-buddy-tag.html">My Buddy Tag</a></p>
742            <p class="brand-name" style="display: none;"><a href="/brand-a-z/my-k.html">My K</a></p>
743            <p class="brand-name" style="display: none;"><a href="/brand-a-z/naif.html">Naif</a></p>
744            <p class="brand-name" style="display: none;"><a href="/brand-a-z/nike.html">Nike</a></p>
745            <p class="brand-name" style="display: none;"><a href="/brand-a-z/nordic-natural.html">Nordic Natural</a></p>
746            <p class="brand-name" style="display: none;"><a href="/brand-a-z/nuby.html">Nuby</a></p>
747            <p class="brand-name" style="display: none;"><a href="/brand-a-z/nuna.html">Nuna</a></p>
748            <p class="brand-name" style="display: none;"><a href="/brand-a-z/oh-ma-grain.html">Oh Ma Grain</a></p>
749            <p class="brand-name" style="display: none;"><a href="/brand-a-z/okiedog.html">Okiedog</a></p>
750            <p class="brand-name" style="display: none;"><a href="/brand-a-z/peachy.html">Peachy</a></p>
751            <p class="brand-name" style="display: none;"><a href="/brand-a-z/phil-ted-s.html">Phil &amp; Ted's</a></p>
752            <p class="brand-name" style="display: none;"><a href="/brand-a-z/philips-avent.html">Philips Avent</a></p>
753            <p class="brand-name" style="display: none;"><a href="/brand-a-z/pigeon.html">Pigeon</a></p>
754            <p class="brand-name" style="display: none;"><a href="/brand-a-z/playgro.html">Playgro</a></p>
755            <p class="brand-name" style="display: none;"><a href="/brand-a-z/poled-global.html">Poled Global</a></p>
756            <p class="brand-name" style="display: none;"><a href="/brand-a-z/ponycycle.html">Ponycycle</a></p>
757            <p class="brand-name" style="display: none;"><a href="/brand-a-z/puma.html">Puma</a></p>
758            <p class="brand-name" style="display: none;"><a href="/brand-a-z/pureats.html">Pureats</a></p>
759            <p class="brand-name" style="display: none;"><a href="/brand-a-z/qv-baby.html">QV Baby</a></p>
760            <p class="brand-name" style="display: none;"><a href="/brand-a-z/real-shades.html">Real Shades</a></p>
761            <p class="brand-name" style="display: none;"><a href="/brand-a-z/red-castle.html">Red Castle</a></p>
762            <p class="brand-name" style="display: none;"><a href="/brand-a-z/ribbon-madness.html">Ribbon Madness</a></p>
763            <p class="brand-name" style="display: none;"><a href="/brand-a-z/sebamed.html">Sebamed</a></p>
764            <p class="brand-name" style="display: none;"><a href="/brand-a-z/silver-cross.html">Silver Cross</a></p>
765            <p class="brand-name" style="display: none;"><a href="/brand-a-z/simply-idea.html">Simply Idea</a></p>
766            <p class="brand-name" style="display: none;"><a href="/brand-a-z/skip-hop.html">Skip Hop</a></p>
767            <p class="brand-name" style="display: none;"><a href="/brand-a-z/spectra.html">Spectra</a></p>
768            <p class="brand-name" style="display: none;"><a href="/brand-a-z/squishmallows.html">Squishmallows</a></p>
769            <p class="brand-name" style="display: none;"><a href="/brand-a-z/starbooks.html">Starbooks</a></p>
770            <p class="brand-name" style="display: none;"><a href="/brand-a-z/stick-o.html">Stick-O</a></p>
771            <p class="brand-name" style="display: none;"><a href="/brand-a-z/stokke.html">Stokke</a></p>
772            <p class="brand-name" style="display: none;"><a href="/brand-a-z/sudocrem.html">Sudocrem</a></p>
773            <p class="brand-name" style="display: none;"><a href="/brand-a-z/sumimo.html">Sumimo</a></p>
774            <p class="brand-name" style="display: none;"><a href="/brand-a-z/sunnylife.html">Sunnylife</a></p>
775            <p class="brand-name" style="display: none;"><a href="/brand-a-z/sun-staches.html">Sun-Staches</a></p>
776            <p class="brand-name" style="display: none;"><a href="/brand-a-z/swimava.html">Swimava</a></p>
777            <p class="brand-name" style="display: none;"><a href="/brand-a-z/tommee-tippee.html">Tommee Tippee</a></p>
778            <p class="brand-name" style="display: none;"><a href="/brand-a-z/trunki.html">Trunki</a></p>
779            <p class="brand-name" style="display: none;"><a href="/brand-a-z/tutti-bambini.html">Tutti Bambini</a></p>
780            <p class="brand-name" style="display: none;"><a href="/brand-a-z/twistshake.html">Twistshake</a></p>
781            <p class="brand-name" style="display: none;"><a href="/brand-a-z/ty-toys.html">TY Toys</a></p>
782            <p class="brand-name" style="display: none;"><a href="/brand-a-z/veja.html">Veja</a></p>
783            <p class="brand-name" style="display: none;"><a href="/brand-a-z/vitaflow.html">Vitaflow</a></p>
784            <p class="brand-name" style="display: none;"><a href="/brand-a-z/vtech.html">Vtech</a></p>
785            <p class="brand-name" style="display: none;"><a href="/brand-a-z/waterland.html">Waterland</a></p>
786            <p class="brand-name" style="display: none;"><a href="/brand-a-z/wellness.html">Wellness</a></p>
787            <p class="brand-name" style="display: none;"><a href="/brand-a-z/xootz.html">
787Xootz</a></p>
788            <p class="brand-name" style="display: none;"><a href="/brand-a-z/yamatoya.html">Yamatoya</a></p>
789            <p class="brand-name" style="display: none;"><a href="/brand-a-z/zaxy.html">Zaxy</a></p>
790            <p class="brand-name" style="display: none;"><a href="/brand-a-z/zoggs.html">Zoggs</a></p>
791            <p class="brand-name numb" style="display: none;"><a href="/brand-a-z/4moms.html">4Moms</a></p>
792            <p class="brand-name numb" style="display: none;"><a href="/brand-a-z/59s.html">59S</a></p>
793
794          </div>
795
796        </div>
797    </div>
798</div>
799<div class="nav-mob row equal has-image">
800    <div class="col-md-12">
801        <div class="row">
802            <!--column 1-->
803            <div class="col-md-3">
804                <div class="mn-block">
805                    <h4 class="screen-only">Brand A-Z</h4>
806                    <div class="menav" style="height: 340px; width: 240px; border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
807                      <ul style="width: 100%; border: 0px;">
808                          <li style="width: 100%; border: 0px;">
809                              <h5 class="edh5">A</h5>
810                          </li>
811                          <li>
812                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/addo.html">Addo</a></p>
813                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/adidas.html" class="">Adidas</a></p>
814                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/airfree.html" class="">Airfree</a></p>
815                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/alamii.html">Alamii</a></p>
816                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/amara.html">Amara</a></p>
817                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/aqua-scale.html">Aqua Scale</a></p>
818                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/asics.html">Asics</a></p>
819                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/aveeno.html">Aveeno</a></p>
820                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/awan.html">Awan</a></p>
821                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/azetabio.html">Azetabio</a></p>
822                          </li>
823                          <li style="width: 100%; border: 0px;">
824                              <h5 class="edh5">B</h5>
825                          </li>
826                          <li>
827                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a></p>
828                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/babiators.html">Babiators</a></p>
829                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/dove.html">Baby Dove</a></p>
830                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/baby-jogger.html">Baby Jogger</a></p>
831                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/baby-rovega.html">Baby Rovega</a></p>
832                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/babybee.html">Babybee</a></p>
833                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/banana-boat.html">Banana Boat</a></p>
834                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/banz.html">Banz</a></p>
835                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/barbie.html">Barbie</a></p>
836                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/beaba.html">Beaba</a></p>
837                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/beauty-barn.html">Beauty Barn</a></p>
838                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/bio-oil.html">Bio Oil</a></p>
839                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/biolane.html">Biolane</a></p>
840                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/bite-fighters.html">Bite Fighters</a></p>
841                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/bizzi-growin.html">Bizzi Growin</a></p>
842                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/blackmores.html">Blackmores</a></p>
843                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/blooming-marvellous.html">Blooming Marvellous</a></p>
844                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/bonnels.html">Bonnels</a></p>
845                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/bravado.html">Bravado</a></p>
846                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/bruder.html">Bruder</a></p>
847                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/brush-baby.html">Brush Baby</a></p>
848                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/buds.html">Buds Organics</a></p>
849                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/bugaboo.html">Bugaboo</a></p>
850                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/buggygear.html">Buggygear</a></p>
851                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/bumkins.html">Bumkins</a></p>
852                          </li>
853                          <li style="width: 100%; border: 0px;">
854                              <h5 class="edh5">C</h5>
855                          </li>
856                          <li>
857                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/cetaphil.html">Cetaphil</a></p>
858                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/chicco.html">Chicco</a></p>
859                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/childlife.html">Childlife</a></p>
860                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/clevamama.html">Clevamama</a></p>
861                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/cocolatte.html">Cocolatte</a></p>
862                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/cottonseeds.html">Cottonseeds</a></p>
863                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/cozy-n-safe.html">Cozy N Safe</a></p>
864                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/crane.html">Crane</a></p>
865                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/cybex.html">Cybex</a></p>
866                          </li>
867                          <li style="width: 100%; border: 0px;">
868                              <h5 class="edh5">D</h5>
869                          </li>
870                          <li>
871                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/dae-organics.html">Dae Organics</a></p>
872                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/docare.html">Docare</a></p>
873                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/doona.html">Doona</a></p>
874                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/down-to-earth.html">Down To Earth</a></p>
875                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/drew.html">Drew</a></p>
876                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/dr-brown-s.html">Dr. Brown's</a></p>
877                          </li>
878                          <li style="width: 100%; border: 0px;">
879                              <h5 class="edh5">E</h5>
880                          </li>
881                          <li>
882                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/elc.html">ELC</a></p>
883                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/ergobaby.html">Ergobaby</a></p>
884                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/expert-care.html">Expert Care</a></p>
885                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/ezyroller.html">Ezyroller</a></p>
886                          </li>
887                          <li style="width: 100%; border: 0px;">
888                              <h5 class="edh5">F</h5>
889                          </li>
890                          <li>
891                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/felt-so-sweet.html">Felt So Sweet</a></p>
892                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/fisher-price.html">Fisher Price</a></p>
893                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/flipper.html">Flipper</a></p>
894                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/friends-of-sally.html">Friends Of Sally</a></p>
895                          </li>
896                          <li style="width: 100%; border: 0px;">
897                              <h5 class="edh5">G</h5>
898                          </li>
899                          <li>
900                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/gb.html">Gb</a></p>
901                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/geko.html">Geko</a></p>
902                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/graco.html">Graco</a></p>
903                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/gund.html">Gund</a></p>
904                          </li>
905                          <li style="width: 100%; border: 0px;">
906                              <h5 class="edh5">H</h5>
907                          </li>
908                          <li>
909                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/habbie.html">Habbie</a></p>
910                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/haenim.html">Haenim</a></p>
911                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/happy-horse.html">Happy Horse</a></p>
912                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/happy-tummy.html">
912Happy Tummy</a></p>
913                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/hauck.html">Hauck</a></p>
914                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/havaianas.html">Havaianas</a></p>
915                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/hegen.html">Hegen</a></p>
916                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/hot-wheels.html">Hot Wheels</a></p>
917                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/hybrid.html">Hybrid</a></p>
918                          </li>
919                          <li style="width: 100%; border: 0px;">
920                              <h5 class="edh5">I</h5>
921                          </li>
922                          <li>
923                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/inlacta-dha.html">Inlacta DHA</a></p>
924                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/interlac.html">Interlac</a></p>
925                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/ivenet.html">Ivenet</a></p>
926                          </li>
927                          <li style="width: 100%; border: 0px;">
928                              <h5 class="edh5">J</h5>
929                          </li>
930                          <li>
931                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/jack-n-jill.html">Jack N Jill</a></p>
932                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/joie.html">Joie</a></p>
933                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/joolz.html">Joolz</a></p>
934                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/jujube.html">Jujube</a></p>
935                          </li>
936                          <li style="width: 100%; border: 0px;">
937                              <h5 class="edh5">K</h5>
938                          </li>
939                          <li>
940                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/kiddycuts.html">Kiddycuts</a></p>
941                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/kumon.html">Kumon</a></p>
942                          </li>
943                          <li style="width: 100%; border: 0px;">
944                              <h5 class="edh5">L</h5>
945                          </li>
946                          <li>
947                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/leapfrog.html">Leapfrog</a></p>
948                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/leclerc.html">Leclerc</a></p>
949                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/lee-vierra.html">Lee Vierra</a></p>
950                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/lillebaby.html">Lillebaby</a></p>
951                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/little-bird-told-me.html">Little Bird Told Me</a></p>
952                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/little-miss-janis.html">Little Miss Janis</a></p>
953                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/london-taxi.html">London Taxi</a></p>
954                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/love-to-dream.html">Love To Dream</a></p>
955                          </li>
956                          <li style="width: 100%; border: 0px;">
957                              <h5 class="edh5">M</h5>
958                          </li>
959                          <li>
960                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/magformers.html">Magformers</a></p>
961                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/mamaschoice.html">Mama's Choice</a></p>
962                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/mamas-papas.html">Mamas&amp;Papas</a></p>
963                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/mamaway.html">Mamaway</a></p>
964                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/maxi-cosi.html">Maxi Cosi</a></p>
965                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/megabloks.html">Megabloks</a></p>
966                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/micro.html">Micro</a></p>
967                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/mideer.html">MiDeer</a></p>
968                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/mimi-lula.html">Mimi &amp; Lula</a></p>
969                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/mini-monkey.html">Mini Monkey</a></p>
970                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/moby.html">Moby</a></p>
971                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/momami.html">Momami</a></p>
972                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/mothercare.html">Mothercare</a></p>
973                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/mustela.html">Mustela</a></p>
974                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/my-buddy-tag.html">My Buddy Tag</a></p>
975                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/my-k.html">My K</a></p>
976                          </li>
977                          <li style="width: 100%; border: 0px;">
978                              <h5 class="edh5">N</h5>
979                          </li>
980                          <li>
981                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/naif.html">Naif</a></p>
982                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/nike.html">Nike</a></p>
983                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/nordic-natural.html">Nordic Natural</a></p>
984                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/nuby.html">Nuby</a></p>
985                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/nuna.html">Nuna</a></p>
986                          </li>
987                          <li style="width: 100%; border: 0px;">
988                              <h5 class="edh5">O</h5>
989                          </li>
990                          <li>
991                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/oh-ma-grain.html">Oh Ma Grain</a></p>
992                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/okiedog.html">Okiedog</a></p>
993                          </li>
994                          <li style="width: 100%; border: 0px;">
995                              <h5 class="edh5">P</h5>
996                          </li>
997                          <li>
998                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/peachy.html">Peachy</a></p>
999                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/phil-ted-s.html">Phil &amp; Ted's</a></p>
1000                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/philips-avent.html">Philips Avent</a></p>
1001                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/pigeon.html">Pigeon</a></p>
1002                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/playgro.html">Playgro</a></p>
1003                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/poled-global.html">Poled Global</a></p>
1004                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/ponycycle.html">Ponycycle</a></p>
1005                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/puma.html">Puma</a></p>
1006                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/pureats.html">Pureats</a></p>
1007                          </li>
1008                          <li style="width: 100%; border: 0px;">
1009                              <h5 class="edh5">Q</h5>
1010                          </li>
1011                          <li>
1012                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/qv-baby.html">QV Baby</a></p>
1013                          </li>
1014                          <li style="width: 100%; border: 0px;">
1015                              <h5 class="edh5">R</h5>
1016                          </li>
1017                          <li>
1018                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/real-shades.html">Real Shades</a></p>
1019                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/red-castle.html">Red Castle</a></p>
1020                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/ribbon-madness.html">Ribbon Madness</a></p>
1021                          </li>
1022                          <li style="width: 100%; border: 0px;">
1023                              <h5 class="edh5">S</h5>
1024                          </li>
1025                          <li>
1026                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/sebamed.html">Sebamed</a></p>
1027                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/silver-cross.html">Silver Cross</a></p>
1028                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/simply-idea.html">Simply Idea</a></p>
1029                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/skip-hop.html">Skip Hop</a></p>
1030                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/spectra.html">Spectra</a></p>
1031                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/squishmallows.html">Squishmallows</a></p>
1032                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/starbooks.html">Starbooks</a></p>
1033                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/stick-o.html">Stick-O</a></p>
1034                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/stokke.html">Stokke</a></p>
1035                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/sudocrem.html">Sudocrem</a></p>
1036                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/sumimo.html">Sumimo</a></p>
1037                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/sunnylife.html">Sunnylife</a></p>
1038                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/sun-staches.html">Sun-Staches</a></p>
1039                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/swimava.html">Swimava</a></p>
1040                          </li>
1041                          <li style="width: 100%; border: 0px;">
1042                              <h5 class="edh5">T</h5>
1043                          </li>
1044                          <li>
1045                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/tommee-tippee.html">Tommee Tippee</a></p>
1046                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/trunki.html">Trunki</a></p>
1047                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/tutti-bambini.html">Tutti Bambini</a></p>
1048                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/twistshake.html">Twistshake</a></p>
1049                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/ty-toys.html">TY Toys</a></p>
1050                          </li>
1051                          <li style="width: 100%; border: 0px;">
1052                              <h5 class="edh5">U</h5>
1053                          </li>
1054                          <li>
1055                          </li>
1056                          <li style="width: 100%; border: 0px;">
1057                              <h5 class="edh5">V</h5>
1058                          </li>
1059                          <li>
1060                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/veja.html">Veja</a></p>
1061                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/vitaflow.html">Vitaflow</a></p>
1062                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/vtech.html">Vtech</a></p>
1063                          </li>
1064                          <li style="width: 100%; border: 0px;">
1065                              <h5 class="edh5">W</h5>
1066                          </li>
1067                          <li>
1068                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/waterland.html">Waterland</a></p>
1069                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/wellness.html">Wellness</a></p>
1070                          </li>
1071                          <li style="width: 100%; border: 0px;">
1072                              <h5 class="edh5">X</h5>
1073                          </li>
1074                          <li>
1075                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/xootz.html">
1075Xootz</a></p>
1076                          </li>
1077                          <li style="width: 100%; border: 0px;">
1078                              <h5 class="edh5">Y</h5>
1079                          </li>
1080                          <li>
1081                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/yamatoya.html">Yamatoya</a></p>
1082                          </li>
1083                          <li style="width: 100%; border: 0px;">
1084                              <h5 class="edh5">Z</h5>
1085                          </li>
1086                          <li>
1087                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/zaxy.html">Zaxy</a></p>
1088                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/zoggs.html">Zoggs</a></p>
1089                          </li>
1090                          <li style="width: 100%; border: 0px;">
1091                              <h5 class="edh5">0-9</h5>
1092                          </li>
1093                          <li>
1094                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/4moms.html">4Moms</a></p>
1095                              <p class="brand-name" style="display: block;"><a href="/brand-a-z/59s.html">59S</a></p>
1096                          </li>
1097                      </ul>
1098                    </div>
1099                </div>
1100            </div>
1101        </div>
1102    </div>
1103</div>
1104
1105
1106<style media="screen">
1107  .ves-megamenu li.level0>a.anchor-active, .ves-megamenu-mobile .nav-mobile li.level0>a.anchor-active {
1108    color: #003971;
1109  }
1110  .nav-desk {
1111    display:flex;
1112  }
1113  .nav-mob {
1114    display:none;
1115  }
1116  .menav .te_az {
1117    display: block !important;
1118  }
1119  .menav .te_az .ks_content {
1120    padding-bottom: 10px;
1121  }
1122  @media screen and (min-width: 640px) {
1123    .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav ul li p {
1124        border: 0;
1125        padding: 0;
1126        padding-bottom: 5px;
1127        text-transform: lowercase;
1128    }
1129  }
1130
1131  @media screen and (max-width: 767px) {
1132    .nav-desk {
1133      display:none;
1134    }
1135    .nav-mob {
1136      display:flex;
1137    }
1138    .mn-block .menav {
1139      min-height: 20px;
1140      margin: 10px;
1141    }
1142  }
1143  .brand-az {
1144    width: 100%;
1145    display: flex;
1146    align-items: flex-start;
1147    justify-content: space-around;
1148    flex-flow: wrap row;
1149    margin: 0 20px 20px;
1150    border-bottom: 1px solid #e3e3e3;
1151  }
1152  .brand-az a {
1153    display: flex;
1154    justify-content: center;
1155    padding: 10px !important;
1156    border-radius: 8px;
1157    font-size: 1.2em;
1158    line-height: 1;
1159    font-weight: 500;
1160    text-decoration: none;
1161    color: darkgray;
1162  }
1163
1164  .brand-az a:hover {
1165    background: #ddd;
1166    color: #444;
1167  }
1168
1169  .brand-az a.active {
1170    background: #1979c3!important;
1171    color: #fff !important;
1172  }
1173  .brand-wrapper {
1174    display: grid;
1175    grid-template-columns: repeat(6,1fr);
1176    width: 100%;
1177    margin: 0 20px;
1178  }
1179  .ves-megamenu .nav-revamp .row {
1180    display: flex;
1181    flex-wrap: wrap;
1182  }
1183  .headcontent p, .headcontent p a{
1184    color: #165c7d!important;
1185    font-weight: 600;
1186    margin-bottom: 5px !important;
1187    font-size:18px;
1188  }
1189  .navigation .level0 .submenu .ks_content p a {
1190    color: #414141;
1191    text-decoration: none;
1192    font-size:14px;
1193  }
1194  .navigation .level0 .submenu .ks_content p a:hover,
1195  .headcontent p a:hover {
1196    text-decoration: underline;
1197    color: #003971!important;
1198  }
1199  .te_az .ks_content p {
1200    margin-bottom: 3px;
1201
1202  }
1203
1204  .ves-menu .ves-megamenu.menu-hover .dropdown.clicked>.dropdown-menu {
1205      width: 100%;
1206  }
1207  .mn-block .menav {
1208    min-height: 45px;
1209  }
1210
1211  @media screen and (max-width: 767px) {
1212    .ves-megamenu .nav-revamp .row {
1213      display: block;
1214    }
1215    .brand-az {
1216      width: 265px;
1217      overflow-x: scroll;
1218      display: flex;
1219      align-items: flex-start;
1220      justify-content: flex-start;
1221      flex-flow: row;
1222      margin: 0 10px 10px;
1223    }
1224    .brand-wrapper {
1225      display: grid;
1226      grid-template-columns: repeat(2,1fr);
1227    }
1228    .mn-block .menav {
1229      min-height: 20px;
1230      margin: 10px;
1231    }
1232    .nav-mobile li {
1233      border: 0 !important;
1234    }
1235    .headcontent p, .headcontent p a {
1236      font-size: 16px;
1237    }
1238  }
1239
1240</style></div></div></div></div></li><li id="vesitem-8845517423080611320572800" class=" nav-item level0 submenu-left subhover  dropdown level-top "><a href="https://batux.design/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>surga11 LINK</span><span class="caret"></span><span class="opener"></span></a><div class="submenu animated  dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"><div class="content-wrap"><div class="megamenu-content" style="width:100%"><div class="nav-dropdown">
1241<style>
1242body {
1243    background-color: rgb(255, 255, 255);
1244}
1245
1246</style>
1247    <div class="row">
1248  <!-- column 1  -->
1249  <div class="col-md-2 col-sm-3">
1250      <div class="mn-block">
1251          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1252              <div class="headcontent">
1253                  <p><a href="/new-arrival/fashion.html">produk terbaru</a></p>
1254              </div>
1255
1256          </div>
1257      </div>
1258
1259      <div class="mn-block">
1260          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1261              <div class="headcontent">
1262                <p>aksesoris</p>
1263              </div>
1264              <ul class="te_az" style="padding:0;">
1265                  <li class="ks_content">
1266                    <p><a href="/kids-accessories/bags.html">tas</a></p>
1267                    <p><a href="/kids-accessories/sunglasses.html">kacamata</a></p>
1268                    <p><a href="/kids-accessories/hair-accessories.html">aksesoris rambut</a></p>
1269
1270                  </li>
1271              </ul>
1272          </div>
1273      </div>
1274
1275
1276  </div>
1277  <!--column 1-->
1278  <!--column 2-->
1279  <div class="col-md-2 col-sm-3">
1280      <div class="mn-block">
1281          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1282              <div class="headcontent">
1283                <p><a href="https://www.mothercare.co.id/clothing-essentials.html">kebutuhan bayi</a></p>
1284              </div>
1285              <ul class="te_az" style="padding:0;">
1286                  <li class="ks_content">
1287                    <p><a href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/sleepsuits.html">pakaian tidur</a></p>
1288                    <p><a href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/all-in-ones.html">set &amp; terusan</a></p>
1289                    <p><a href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/pyjamas.html">piyama</a></p>
1290                    <p><a href="/clothing-essentials/baby/bodysuits.html">bodysuits</a></p>
1291
1292                  </li>
1293              </ul>
1294          </div>
1295      </div>
1296      <div class="mn-block">
1297          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1298              <div class="headcontent">
1299                  <p>sepatu &amp; kaus kaki</p>
1300              </div>
1301              <ul class="te_az" style="padding:0;">
1302                  <li class="ks_content">
1303                    <p><a href="/footwear/baby.html" class="">sepatu bayi</a></p>
1304                    <p><a href="/footwear/kids.html" class="">sepatu anak</a></p>
1305                    <p><a href="/footwear/sandals.html">
1305sandal</a></p>
1306                    <p><a href="/footwear/socks.html">kaus kaki</a></p>
1307                  </li>
1308              </ul>
1309          </div>
1310      </div>
1311
1312  </div>
1313  <!-- column 1  -->
1314
1315  <!--column 3-->
1316  <div class="col-md-2 col-sm-3">
1317      <div class="mn-block">
1318          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1319              <div class="headcontent">
1320                  <p>fashion bayi (0bln-3thn)</p>
1321              </div>
1322              <ul class="te_az" style="padding:0;">
1323                  <li class="ks_content">
1324                    <p><a href="/baby-clothing/baby-0-24-months/tops.html">atasan</a></p>
1325                    <p><a href="/baby-clothing/baby-0-24-months/bottoms.html">bawahan</a></p>
1326                    <p><a href="/baby-clothing/baby-0-24-months/dresses.html">gaun</a></p>
1327                    <p><a href="/baby-clothing/baby-0-24-months/clothing-sets.html">setelan</a></p>
1328                    <p><a href="/baby-clothing/baby-0-24-months/jacket-outerwear.html">jaket &amp; kardigan</a></p>
1329                    <p><a href="/baby-clothing/baby-0-24-months/accessories.html">aksesoris</a></p>
1330                  </li>
1331              </ul>
1332          </div>
1333      </div>
1334      <div class="mn-block">
1335          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1336              <div class="headcontent">
1337                  <p><a href="/swimwear.html">pakaian renang</a></p>
1338              </div>
1339
1340          </div>
1341      </div>
1342  </div>
1343  <!-- column 3-->
1344  <!--column 4-->
1345  <div class="col-md-2 col-sm-3">
1346      <div class="mn-block">
1347          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1348              <div class="headcontent">
1349                  <p>anak laki-laki (18bln-8thn)</p>
1350              </div>
1351              <ul class="te_az" style="padding:0;">
1352                  <li class="ks_content">
1353                    <p><a href="/boys-clothing/tops.html">atasan</a></p>
1354                    <p><a href="/boys-clothing/bottoms.html">bawahan</a></p>
1355                    <p><a href="/boys-clothing/clothing-sets.html/">setelan</a></p>
1356                    <p><a href="/boys-clothing/jacket-outerwear.html">jaket</a></p>
1357                    <p><a href="/boys-clothing/underwear.html">pakaian dalam</a>
1358                    </p>
1359                  </li>
1360              </ul>
1361          </div>
1362      </div>
1363      <div class="mn-block">
1364          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1365              <div class="headcontent">
1366                  <p><a href="/maternity/fashion.html">pakaian ibu hamil</a></p>
1367              </div>
1368
1369          </div>
1370      </div>
1371  </div>
1372  <!-- column 4-->
1373  <!--column 5-->
1374  <div class="col-md-2 col-sm-3">
1375      <div class="mn-block">
1376          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1377              <div class="headcontent">
1378                  <p>anak perempuan (18bln-8thn)</p>
1379              </div>
1380              <ul class="te_az" style="padding:0;">
1381                  <li class="ks_content">
1382                    <p><a href="/girls-clothing/tops.html">atasan</a></p>
1383                    <p><a href="/girls-clothing/bottoms.html">bawahan</a></p>
1384                    <p><a href="/girls-clothing/dresses-pinafores.html/">gaun</a></p>
1385                    <p><a href="/girls-clothing/clothing-sets-outfits.html/">setelan</a></p>
1386                    <p><a href="/girls-clothing/jackets-outerwear.html/">jaket</a></p>
1387                    <p><a href="/girls-clothing/underwear.html">pakaian dalam</a>
1388                    </p>
1389                  </li>
1390              </ul>
1391          </div>
1392      </div>
1393  </div>
1394  <!-- column 5  -->
1395
1396  <!--column 6-->
1397  <div class="col-md-2 col-sm-3">
1398    <div class="mn-block">
1399        <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1400            <div class="headcontent">
1401                <p><a href="/clothing/sleepwear.html">pakaian tidur</a></p>
1402            </div>
1403
1404        </div>
1405    </div>
1406
1407  </div>
1408  <!-- column 6  -->
1409
1410
1411
1412</div></div></div></div></div></li><li id="vesitem-8845817423080611645503736" class=" nav-item level0 submenu-left subhover  dropdown level-top "><a href="https://batux.design/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>surga11 LOGIN</span><span class="caret"></span><span class="opener"></span></a><div class="submenu animated  dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"><div class="content-wrap"><div class="megamenu-content" style="width:100%"><div class="nav-dropdown">
1413<div class="row">
1414
1415    <!--column 2-->
1416    <div class="col-md-2 col-sm-3">
1417        <div class="mn-block">
1418            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1419                <div class="headcontent">
1420                  <p><a href="/travel-essentials/strollers.html">kereta dorong</a></p>
1421                </div>
1422                <ul class="te_az" style="padding:0;">
1423                    <li class="ks_content">
1424                      <p><a href="/travel-essentials/strollers/from-birth.html">bayi baru lahir</a></p>
1425                        <p><a href="/travel-essentials/strollers/from-6m.html">usia 6 bulan+</a></p>
1426
1427                    </li>
1428                </ul>
1429            </div>
1430        </div>
1431        <div class="mn-block">
1432            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1433                <div class="headcontent">
1434                    <p><a href="/travel-essentials/kids-luggages.html">koper anak</a></p>
1435                </div>
1436
1437            </div>
1438        </div>
1439    </div>
1440
1441    <!-- column 2-->
1442    <!--column 3-->
1443    <div class="col-md-2 col-sm-3">
1444        <div class="mn-block">
1445            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1446                <div class="headcontent">
1447                    <p><a href="/travel-essentials/car-seat.html">kursi mobil</a></p>
1448                </div>
1449                <ul class="te_az" style="padding:0;">
1450                    <li class="ks_content">
1451                      <p><a href="/travel-essentials/car-seat/0-13-kg.html">0-13 Kg</a></p>
1452                        <p><a href="/travel-essentials/car-seat/0-36-kg.html">0-36 Kg</a></p>
1453
1454                    </li>
1455                </ul>
1456            </div>
1457        </div>
1458    </div>
1459    <!-- column 3-->
1460    <!--column 1-->
1461    <div class="col-md-2 col-sm-3">
1462        <div class="mn-block">
1463            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1464                <div class="headcontent">
1465                    <p><a href="/travel-essentials/carriers.html">gendongan</a></p>
1466                </div>
1467
1468            </div>
1469        </div>
1470
1471    </div>
1472
1473    <!-- column 1  -->
1474    <!--column 1-->
1475    <div class="col-md-2 col-sm-3">
1476
1477        <div class="mn-block">
1478            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1479                <div class="headcontent">
1480                    <p><a href="/travel-essentials/travel-cots.html">travel cots</a></p>
1481                </div>
1482
1483            </div>
1484        </div>
1485
1486    </div>
1487
1488    <!-- column 1  -->
1489    <!--column 1-->
1490    <div class="col-md-2 col-sm-3">
1491
1492        <div class="mn-block">
1493            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1494                <div class="headcontent">
1495                    <p>
1495<a href="/travel-essentials/diaper-bags.html">diaper bags</a></p>
1496                </div>
1497
1498            </div>
1499        </div>
1500
1501    </div>
1502
1503    <!-- column 1  -->
1504    <!--column 1-->
1505    <div class="col-md-2 col-sm-3">
1506
1507        <div class="mn-block">
1508            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1509                <div class="headcontent">
1510                  <p><a href="/travel-essentials/accessories.html">aksesoris</a></p>
1511                </div>
1512
1513            </div>
1514        </div>
1515    </div>
1516
1517    <!-- column 1  -->
1518
1519
1520</div></div></div></div></div></li><li id="vesitem-8846117423080611688273500" class=" nav-item level0 submenu-left subhover  dropdown level-top "><a href="https://batux.design/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>surga11 LINK</span><span class="caret"></span><span class="opener"></span></a><div class="submenu animated  dropdown-menu" style="animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"><div class="content-wrap"><div class="megamenu-content" style="width:100%"><div class="nav-dropdown">
1521<div class="row">
1522    <!--column 1-->
1523    <div class="col-md-2 col-sm-3">
1524        <div class="mn-block">
1525            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1526                <div class="headcontent">
1527                  <p><a href="/bedding-furniture/blankets.html">selimut</a></p>
1528                </div>
1529
1530            </div>
1531        </div>
1532
1533
1534    </div>
1535    <!-- column 1  -->
1536
1537    <!--column 1-->
1538    <div class="col-md-2 col-sm-3">
1539
1540        <div class="mn-block">
1541            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1542                <div class="headcontent">
1543                    <p><a href="/bedding-furniture/covers-sheets.html">bantal &amp; sprei</a></p>
1544                </div>
1545
1546            </div>
1547        </div>
1548
1549    </div>
1550    <!-- column 1  -->
1551
1552    <!--column 1-->
1553    <div class="col-md-2 col-sm-3">
1554
1555        <div class="mn-block">
1556            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1557                <div class="headcontent">
1558                    <p><a href="/bedding-furniture/cots-cot-beds.html">ranjang bayi &amp; balita</a></p>
1559                </div>
1560
1561            </div>
1562        </div>
1563
1564    </div>
1565    <!-- column 1  -->
1566    <!--column 1-->
1567    <div class="col-md-2 col-sm-3">
1568
1569        <div class="mn-block">
1570            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1571                <div class="headcontent">
1572                    <p><a href="/bedding-furniture/furniture.html">perabotan</a></p>
1573                </div>
1574
1575            </div>
1576        </div>
1577
1578    </div>
1579    <!-- column 1  -->
1580    <!--column 1-->
1581    <div class="col-md-2 col-sm-3">
1582
1583      <div class="mn-block">
1584          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1585              <div class="headcontent">
1586                  <p><a href="/bedding-furniture/mattresses.html">matras</a></p>
1587              </div>
1588
1589          </div>
1590      </div>
1591    </div>
1592    <!-- column 1  -->
1593
1594</div></div></div></div></div></li><li id="vesitem-884641742308061459618024" class=" nav-item level0 submenu-left subhover  dropdown level-top "><a href="https://batux.design/" style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>surga11 ALTERNATIF</span><span class="caret"></span><span class="opener"></span></a><div class="submenu animated  dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"><div class="content-wrap"><div class="megamenu-content" style="width:100%"><div class="nav-dropdown">
1595<div class="row">
1596    <!--column 1-->
1597    <div class="col-md-2 col-sm-3">
1598        <div class="mn-block">
1599            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1600                <div class="headcontent">
1601                    <p><a href="/feeding-safety/baby-bottles.html">botol</a></p>
1602                </div>
1603
1604            </div>
1605        </div>
1606        <div class="mn-block">
1607            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1608                <div class="headcontent">
1609                    <p><a href="/feeding-safety/sterilizers-and-warmers.html">sterilizer &amp; warmers</a></p>
1610                </div>
1611
1612            </div>
1613        </div>
1614
1615
1616    </div>
1617    <!-- column 1  -->
1618    <!--column 1-->
1619    <div class="col-md-2 col-sm-3">
1620
1621        <div class="mn-block">
1622            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1623                <div class="headcontent">
1624                    <p><a href="/feeding-safety/soothers-and-teethers.html">soothers &amp; teethers</a></p>
1625                </div>
1626
1627            </div>
1628        </div>
1629        <div class="mn-block">
1630            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1631                <div class="headcontent">
1632                    <p><a href="/feeding-safety/bibs.html">
1632celemek</a></p>
1633                </div>
1634
1635            </div>
1636        </div>
1637
1638    </div>
1639    <!-- column 1  -->
1640    <!--column 3-->
1641    <div class="col-md-2 col-sm-3">
1642        <div class="mn-block">
1643            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1644                <div class="headcontent">
1645                    <p>alat makan</p>
1646                </div>
1647                <ul class="te_az" style="padding:0;">
1648                    <li class="ks_content">
1649                      <p><a href="/feeding-safety/tableware/cups.html">cangkir</a></p>
1650                      <p><a href="/feeding-safety/tableware/bowls-plates.html">piring &amp; mangkuk</a></p>
1651                      <p><a href="/feeding-safety/tableware/spoons-forks.html">sendok &amp; garpu</a></p>
1652
1653                    </li>
1654                </ul>
1655            </div>
1656        </div>
1657    </div>
1658    <!-- column 3-->
1659    <!--column 5-->
1660    <div class="col-md-2 col-sm-3">
1661      <div class="mn-block">
1662          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1663              <div class="headcontent">
1664                  <p><a href="/feeding-safety/food-processor.html">pengolah makanan</a></p>
1665              </div>
1666
1667          </div>
1668      </div>
1669      <div class="mn-block">
1670          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1671              <div class="headcontent">
1672                  <p><a href="/feeding-safety/food.html">makanan &amp; multivitamin</a></p>
1673              </div>
1674
1675          </div>
1676      </div>
1677    </div>
1678    <!-- column 5  -->
1679    <!--column 5-->
1680    <div class="col-md-2 col-sm-3">
1681        <div class="mn-block">
1682            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1683                <div class="headcontent">
1684                    <p>alat menyusui</p>
1685                </div>
1686                <ul class="te_az" style="padding:0;">
1687                    <li class="ks_content">
1688                      <p><a href="/feeding-safety/breastfeeding/breast-pumps-milk-storage.html">pompa asi</a></p>
1689                      <p><a href="/feeding-safety/breastfeeding/breast-pumps-milk-storage/milk-storage.html">penyimpanan asi</a></p>
1690                      <p><a href="/feeding-safety/breastfeeding/cooler-bags.html">cooler bags</a></p>
1691                    </li>
1692                </ul>
1693            </div>
1694        </div>
1695    </div>
1696    <!-- column 5  -->
1697    <!--column 5-->
1698    <div class="col-md-2 col-sm-3">
1699      <div class="mn-block">
1700          <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1701              <div class="headcontent">
1702                <p><a href="/feeding-safety/high-chairs.html">kursi makan</a></p>
1703              </div>
1704
1705          </div>
1706      </div>
1707    </div>
1708    <!-- column 5  -->
1709
1710</div></div></div></div></div></li><li id="vesitem-8846717423080612122176647" class=" nav-item level0 submenu-left subhover  dropdown level-top "><a href="https://batux.design/" style="max-lines: 2;
1711line-height: 20px;
1712width:100%;
1713font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>surga11 LINK ALTERNATIF</span><span class="caret"></span><span class="opener"></span></a><div class="submenu animated  dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"><div class="content-wrap"><div class="megamenu-content" style="width:100%"><div class="nav-dropdown">
1714<div class="row">
1715    <!--column 1-->
1716    <div class="col-md-2 col-sm-3">
1717        <div class="mn-block">
1718            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1719                <div class="headcontent">
1720                    <p>perawatan bayi</p>
1721                </div>
1722                <ul class="te_az" style="padding:0;">
1723                    <li class="ks_content">
1724                      <p><a href="/bathing-care/babycare/skin-care.html">perawatan kulit</a></p>
1725                      <p><a href="/bathing-care/babycare/sunscreen.html">Sunscreen</a></p>
1726                      <p><a href="/bathing-care/babycare/shampoo-and-body-wash.html">Shampo &amp; Sabun</a></p>
1727                      <p><a href="/bathing-care/babycare/hair-treatment.html">perawatan rambut</a></p>
1728                      <p><a href="/bathing-care/babycare/oral-care.html">
1728perawatan mulut</a></p>
1729                      <p><a href="/bathing-care/babycare/grooming-kit.html">perawatan diri</a></p>
1730                    </li>
1731                </ul>
1732
1733            </div>
1734        </div>
1735
1736
1737    </div>
1738    <!-- column 1  -->
1739    <!--column 1-->
1740    <div class="col-md-2 col-sm-3">
1741
1742        <div class="mn-block">
1743            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1744                <div class="headcontent">
1745                    <p><a href="/maternity/mum-s-care.html">perawatan ibu</a></p>
1746                </div>
1747
1748            </div>
1749        </div>
1750
1751    </div>
1752    <!-- column 1  -->
1753    <!--column 3-->
1754    <div class="col-md-2 col-sm-3">
1755        <div class="mn-block">
1756            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1757                <div class="headcontent">
1758                    <p>kesehatan &amp; kebersihan</p>
1759                </div>
1760                <ul class="te_az" style="padding:0;">
1761                  <li class="ks_content">
1762                    <p><a href="/bathing-care/health-and-hygiene/wipes.html">Tissue basah</a></p>
1763                    <p><a href="/bathing-care/health-and-hygiene/laundry-cleaning.html">Laundry &amp; Cleaning</a></p>
1764                    <p><a href="/bathing-care/health-and-hygiene/medical.html">Medical</a></p>
1765                    <p><a href="/bathing-care/health-and-hygiene/air-purifier-and-humidifier.html">Air Purifier &amp; Humidifier</a></p>
1766                  </li>
1767                </ul>
1768            </div>
1769        </div>
1770    </div>
1771    <!-- column 3-->
1772    <!--column 1-->
1773    <div class="col-md-2 col-sm-3">
1774
1775        <div class="mn-block">
1776            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1777                <div class="headcontent">
1778                    <p><a href="/bathing-care/bathing/potties.html">potty</a></p>
1779                </div>
1780
1781            </div>
1782        </div>
1783
1784    </div>
1785    <!-- column 1  -->
1786    <!--column 1-->
1787    <div class="col-md-2 col-sm-3">
1788
1789        <div class="mn-block">
1790            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1791                <div class="headcontent">
1792                    <p><a href="/bathing-care/bathing/baths.html">bak mandi</a></p>
1793                </div>
1794
1795            </div>
1796        </div>
1797    </div>
1798    <!-- column 1  -->
1799    <!--column 1-->
1800    <div class="col-md-2 col-sm-3">
1801
1802        <div class="mn-block">
1803            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1804                <div class="headcontent">
1805                  <p><a href="/bathing-care/bathing/towels.html">handuk</a></p>
1806                </div>
1807
1808            </div>
1809        </div>
1810    </div>
1811    <!-- column 1  -->
1812
1813</div></div></div></div></div></li><li id="vesitem-88470174230806170878408" class=" nav-item level0 submenu-left subhover  dropdown level-top "><a href="https://batux.design/" style="white-space: nowrap;
1814font-size:12px;
1815" class=" nav-anchor"><span>LINK GACOR</span><span class="caret"></span><span class="opener"></span></a><div class="submenu animated  dropdown-menu" style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"><div class="content-wrap"><div class="megamenu-content" style="width:100%"><div class="nav-dropdown">
1816<div class="row">
1817    <!--column 1-->
1818    <div class="col-md-2 col-sm-3">
1819        <div class="mn-block">
1820            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1821                <div class="headcontent">
1822                    <p><a href="https://batux.design/">OFFICIAL surga11</a></p>
1823                </div>
1824
1825            </div>
1826        </div>
1827
1828    </div>
1829    <!-- column 1  -->
1830    <!--column 1-->
1831    <div class="col-md-2 col-sm-3">
1832
1833        <div class="mn-block">
1834            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1835                <div class="headcontent">
1836                    <p><a href="https://batux.design/">surga11</a></p>
1837                </div>
1838
1839            </div>
1840        </div>
1841    </div>
1842    <!-- column 1  -->
1843    <!--column 3-->
1844    <div class="col-md-2 col-sm-3">
1845        <div class="mn-block">
1846            <div class="menav" style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;">
1847                <div class="headcontent">
1848                    <p><a href="/toys-activity/toys.html">mainan anak bayi</a></p>
1849                </div>
1850                <ul class="te_az" style="padding:0;">
1851                    <li class="ks_content">
1852                      <p><a href="/toys-activity/toys/mothercare-toys.html">mothercare toys</a></p>
1853                      <p><a href="/toys-activity/toys/elc-toys.html">elc toys</a></p>
1854
1855                    </li>
1856                </ul>
1857            </div>
1858        </div>
1859    </div>
1860    <!-- column 3-->
1861</div>
1862</div></div></div></div></li><li id="vesitem-8847317423080612096131144" class=" nav-item level0 submenu-left subhover  dropdown level-top "><a href="https://batux.design/" target="_self" data-hover-color="#fff !important" data-hover-bgcolor="#ff0000 !important" data-color="#fff !important" data-bgcolor="#ff0000 !important" style="color: #fff !important;background-color: #ff0000 !important;" class=" nav-anchor"><span>surga11</span></a></li>
1862		</ul>
1863			</nav>
1864		
1865	</div>
1866<div class="kanmo-megamenu-header-mobile">
1867
1868    <div class="header-megamenu-mobile">
1869        <span class="fa-user-icon-mc"></span>
1870        <div class="account-label">
1871            <a href="/customer/account" class="account-link">Akun Saya</a>
1872        </div>
1873        <button><a href="https://blog.batux.design/">Masuk</a></button>
1874    </div>
1875
1876</div><div class="mobile-header-panel" style="background-color: #e2004b;" data-breeze-temporary="true"><a class="action skip contentarea" href="#contentarea">
1877    <span>
1878        lewati ke Konten    </span>
1879</a>
1880<div class="left_top_header">
1881<div class="top-header-components-mc left-top">
1882  <div class="header_panel_info">
1883    <ul>
1884      <li class="download-app-link">
1885        <a href="https://blog.batux.design/">
1886          <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" />
1887          download apps
1888        </a>
1889        <div class="download-popup">
1890          <div class="wrap">
1891            <div class="right-cols">
1892              <div class="app-content">
1893                download app  from:
1894                <div class="view code app_store">
1895                    <a class="sh-store-link" href="https://blog.batux.design/" target="_blank" ng-click="callAction($event, &#39;appStore&#39;)">
1896                        <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" />
1897                    </a>
1898                </div>
1899                <div class="view code play_store">
1900                    <a class="sh-store-link" data-test="google-play-link" href="https://blog.batux.design/" target="_blank" ng-click="callAction($event, &#39;appStore&#39;)">
1901                        <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" />
1902                    </a>
1903                </div>
1904              </div>
1905            </div>
1906          </div>
1907        </div>
1908      </li>
1909
1910      <li>
1911        <a href="https://blog.batux.design/">
1912          <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" />
1913          gift registry        </a>
1914      </li>
1915    </ul>
1916</div>
1917</div>
1918</div><div class="right_top_header">
1919        <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language">
1920        <strong class="label switcher-label"><span>Bahasa</span></strong>
1921        <div class="actions dropdown options switcher-options">
1922            <div class="action toggle switcher-trigger" id="switcher-language-trigger">
1923                <strong class="view-mothercare_website_bahasa">
1924                    <span>ID</span>
1925                </strong>
1926            </div>
1927            <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div><div class="ui-dialog mage-dropdown-dialog" role="dialog"></div></div>
1928    </div>
1929<style>
1930.switch {
1931  position: relative;
1932  display: inline-block;
1933  width: 60px;
1934  height: 34px;
1935}
1936
1937.switch input {
1938  opacity: 0;
1939  width: 0;
1940  height: 0;
1941}
1942
1943.slider {
1944  position: absolute;
1945  cursor: pointer;
1946  top: 0;
1947  left: 0;
1948  right: 0;
1949  bottom: 0;
1950  background-color: #ccc;
1951  -webkit-transition: .4s;
1952  transition: .4s;
1953}
1954
1955.slider:before {
1956  position: absolute;
1957  content: "ID";
1958  height: 26px;
1959  width: 26px;
1960  left: 4px;
1961  bottom: 4px;
1962  background-color: white;
1963  -webkit-transition: .4s;
1964  transition: .4s;
1965color:#000;
1966}
1967
1968input:checked + .slider {
1969  background-color: #ccc;
1970}
1971
1972input:focus + .slider {
1973  box-shadow: 0 0 1px #2196F3;
1974}
1975
1976input:checked + .slider:before {
1977  -webkit-transform: translateX(26px);
1978  -ms-transform: translateX(26px);
1979  transform: translateX(26px);
1980content:"EN";
1981color:#000;
1982}
1983
1984/* Rounded sliders */
1985.slider.round {
1986  border-radius: 34px;
1987}
1988
1989.slider.round:before {
1990  border-radius: 50%;
1991}
1992</style>
1993<div class="top-header-components-mc">
1994	<div class="lang-switch-mc">
1995		<li><label class="switch">
1996			<input type="checkbox" checked />
1997			<span class="slider round"></span>
1998			</label>
1999		</li>
2000	</div>
2001	<div class="header_panel_info">
2002    <ul>
2003      <li><a href="https://blog.batux.design/"><img loading="lazy" width="22" height="22" alt="store finder icon" src="https://files.sitestatic.net/ImageFile/20240130230802000000fca29cab69JGGAEAC__381x381.png" />LOGIN</a></li>
2004  		<li><a href="https://blog.batux.design/"><img loading="lazy" width="22" height="22" alt="Kanmo Circle logo" src="https://files.sitestatic.net/ImageFile/20240130230802000000fca29cab69JGGAEAC__381x381.png" />DAFTAR</a></li>
2005  		<li><a href="https://blog.batux.design/" target="_blank"><img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="https://files.sitestatic.net/ImageFile/20240130230802000000fca29cab69JGGAEAC__381x381.png" /> Claim Bonus</a></li>
2006    </ul>
2007	</div>
2008</div>
2009<style>
2010.header_panel_info ul{
2011display:flex;
2012column-gap: 20px;
2013list-style: none;
2014}
2015.header_panel_info img{
2016margin-right:10px;
2017}
2018.panel.header div {
2019    width: 100%;
2020}
2021.top-header-components-mc {
2022    display: flex;
2023    justify-content: space-between;
2024}
2025.lang-switch-mc li {
2026    list-style: none;
2027}
2028@media only screen and (max-width: 769px) {
2029  .header_panel_info ul {
2030    flex-direction: column;
2031}
2032}
2033</style>
2034</div></div></div><div class="kanmo-custom-search-mc">
2035    <div class="block block-search">
2036        <div class="block block-title"><strong>Cari</strong></div>
2037        <div class="block block-content">
2038            <form class="form minisearch" id="search_mini_form" action="https://www.mothercare.co.id/catalogsearch/result/" method="get" novalidate="true">
2039                                <div class="field search">
2040                    <label class="label" for="search" data-role="minisearch-label">
2041                        <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">
2042                    </label>
2043                    <div class="control">
2044                        <input id="search" data-mage-init="{
2045                            &quot;quickSearch&quot;: {
2046                                &quot;formSelector&quot;: &quot;#search_mini_form&quot;,
2047                                &quot;url&quot;: &quot;&quot;,
2048                                &quot;destinationSelector&quot;: &quot;#search_autocomplete&quot;,
2049                                &quot;minSearchLength&quot;: &quot;3&quot;
2050                            }
2051                        }" 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" />
2052                        <div id="search_autocomplete" class="search-autocomplete"></div>
2053                        <div class="nested">
2054    <a class="action advanced" href="https://www.mothercare.co.id/catalogsearch/advanced/" data-action="advanced-search">
2055        Pencarian Lanjutan    </a>
2056</div>
2057                        <button class="search-cancel-mob" id="search-cancel-mob">cancel</button>
2058                    </div>
2059                </div>
2060                <div class="actions">
2061                    <button type="submit" title="Cari" class="action search" aria-label="Search" disabled>
2062                        <span>Cari</span>
2063                    </button>
2064                </div>
2065            </form>
2066        </div>
2067    </div>
2068</div>
2069<div class="kanmo-search-button-mc">
2070  <button id="kanmo-mc-search-btn">
2071    <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">
2072  </button>
2073    <button id="kanmo-mc-cancel-btn">cancel</button>
2074</div>
2075
2076
2077<style type="text/css">
2078
2079    @media only screen and (max-width: 768px) {
2080
2081        .klevuWrap{
2082            top: 162px !important;
2083        }
2084    }
2085
2086</style>
2087</div>
2088<script type="text/x-magento-init" data-breeze-processed="true">
2089{
2090    "*": {
2091        "Magento_Ui/js/core/app": {
2092            "components": {
2093                "customer-name": {
2094                    "component": "Kanmo_CustomerName/js/customer-name"
2095                }
2096            }
2097        }
2098    }
2099}
2100</script>
2100
2101<style type="text/css">
2102    #customer-name-container {
2103        color: #6A6C6C;
2104        order: 2;
2105        font-size: 14px;
2106        line-height: 0px;
2107        margin: 3px;
2108    }
2109    #customer-name-container .customer-name {
2110     word-break: inherit;
2111     max-width: 100px;
2112     padding: 0;
2113     overflow: hidden;
2114     position: relative;
2115     display: inline-block;
2116     text-align: center;
2117     text-decoration: none;
2118     text-overflow: ellipsis;
2119     white-space: nowrap;
2120     line-height: 1.3;
2121   }
2122    @media screen and (max-width: 768px) {
2123      #customer-name-container {
2124            display: none;
2125        }
2126    }
2127</style>
2128   
2128<script data-breeze>
2129            require(['jquery'], ($) => {
2130        $(document).ready(function() {
2131            // Insert the entire #customer-name-container element before the target element
2132            $('.account-dropdown .action.toggle.switcher-trigger .abs-visually-hidden').before($('#customer-name-container'));
2133        });
2134    });
2135    </script>
2135
2136
2137<div class="actions dropdown options switcher-options no-chevron account-dropdown" data-trigger="true" data-dropdown-parent="true">
2138    <a class="action toggle switcher-trigger" href="https://batux.design/" title="Akun Saya" data-mage-init="{&quot;dropdown&quot;:{&quot;dialog&quot;:null}}" data-toggle="dropdown" data-trigger-keypress-button="true" data-breeze-processed="true" data-dropdown="true" aria-haspopup="true">
2139        
2140        <div id="customer-name-container" data-bind="scope: &#39;customer-name&#39;">
2141    <div id="customer-name" class="customer-name" data-bind="visible: isLoggedIn(), text: getFirstName()" style="display: none;"></div>
2142</div><span class="abs-visually-hidden">Akun Saya</span>
2143    </a>
2144
2145            <div class="dropdown switcher-dropdown" data-target="dropdown">
2146            <ul class="header links">
2147            <li class="link authorization-link loginRevamp" data-label="Atau">
2148            <a href="https://blog.batux.design/">
2149                Masuk / buat akun            </a>
2150        </li>
2151
2152        
2152<script data-breeze>
2153            require(['jquery'], function ($) {
2154    $(document).ready(function () {
2155        // Hide the second li
2156        $('.header.links li:nth-of-type(2)').hide();
2157    });
2158});
2159        </script>
2159
2160    
2161
2162
2163    <li style="display: none;">
2164        <a href="https://batux.design/">
2165            buat akun        </a>
2166    </li>
2167<li>
2168
2169    <a href="https://batux.design/">
2170        <span>Bantuan</span>
2171    </a>
2172</li>
2173</ul>        </div>
2174    </div>
2175
2176<div class="actions dropdown options switcher-options no-chevron no-chevron wishlist-dropdown dropdown-lg">
2177    <a class="action toggle switcher-trigger" href="https://batux.design/" title="Daftar Keinginan">
2178        
2179        <span class="abs-visually-hidden">Daftar Keinginan</span>
2180    </a>
2181
2182    </div>
2183
2184<div data-block="minicart" class="minicart-wrapper">
2185    <a class="action showcart" href="https://batux.design/" data-bind="scope: 'minicart_content'">
2186        <span class="text empty" data-bind="
2187            css: {
2188                empty: !!getCartParam('summary_count') == false
2189            }">Keranjang Saya</span>
2190        <span class="counter qty empty" data-bind="
2191                css: {
2192                    empty: !!getCartParam('summary_count') == false &amp;&amp; !isLoading()
2193                },
2194                blockLoader: isLoading
2195        ">
2196            <span class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span>
2197            <span class="counter-label">
2198            <!-- ko if: getCartParam('summary_count') --><!-- /ko -->
2199            </span>
2200        </span>
2201    </a>
2202            
2203    
2204            
2204<script>window.checkout = {"shoppingCartUrl":"https:\/\/www.mothercare.co.id\/checkout\/cart\/","checkoutUrl":"https:\/\/www.mothercare.co.id\/onestepcheckout\/","updateItemQtyUrl":"https:\/\/www.mothercare.co.id\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/www.mothercare.co.id\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/www.mothercare.co.id\/","minicartMaxItemsVisible":5,"websiteId":"3","maxItemsToDisplay":10,"storeId":"15","storeGroupId":"11","agreementIds":["9"],"customerLoginUrl":"https:\/\/www.mothercare.co.id\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cubW90aGVyY2FyZS5jby5pZC9ub3JkaWMtbmF0dXJhbHMtYmFieS1zLWRoYS01MjEzMDEyNS1jbm8wMS5odG1s\/","isRedirectRequired":false,"autocomplete":"off","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/www.mothercare.co.id\/captcha\/refresh\/","isRequired":false,"timestamp":1742308061}}}</script>
2204    
2205    
2205<script type="text/x-magento-init" data-breeze-processed="true">
2206    {
2207        "[data-block='minicart']": {
2208            "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":[]}        },
2209        "*": {
2210            "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID\u002Fimages\u002Floader\u002D1.gif"
2211        }
2212    }
2213    </script>
2213
2214<div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"><div class="block block-minicart" data-role="dropdownDialog" data-mage-init="{&quot;dropdownDialog&quot;:{
2215                &quot;appendTo&quot;:&quot;[data-block=minicart]&quot;,
2216                &quot;triggerTarget&quot;:&quot;.showcart&quot;,
2217                &quot;timeout&quot;: &quot;2000&quot;,
2218                &quot;closeOnMouseLeave&quot;: false,
2219                &quot;closeOnEscape&quot;: true,
2220                &quot;triggerClass&quot;:&quot;active&quot;,
2221                &quot;parentClass&quot;:&quot;active&quot;,
2222                &quot;buttons&quot;:[]}}" data-breeze-processed="true">
2223            <div id="minicart-content-wrapper" data-bind="
2224                scope: &#39;minicart_content&#39;
2225            "><!-- ko template: { if: shouldRender, name: getTemplate() } --><!-- /ko --></div>
2226                    </div></div></div>
2227</div></header><div class="breadcrumbs"></div>
2228<style>
2229.lp-action-bar{
2230
2231display:flex;
2232
2233gap:10px;
2234
2235padding:12px;
2236
2237background:#ffffff;
2238
2239margin-bottom:20px;
2240
2241}
2242
2243.lp-btn{
2244
2245flex:1;
2246
2247text-align:center;
2248
2249padding:18px 10px;
2250
2251font-size:26px;
2252
2253font-weight:700;
2254
2255letter-spacing:2px;
2256
2257text-decoration:none;
2258
2259color:#fff;
2260
2261border-radius:6px;
2262
2263transition:.35s;
2264
2265font-family:Georgia,serif;
2266
2267}
2268
2269.lp-login{
2270
2271background:linear-gradient(#e2004b,#ca2f00);
2272
2273box-shadow:
22740 4px 15px rgba(0,0,0,.35),
2275inset 0 1px 0 rgba(255,255,255,.35);
2276
2277}
2278
2279.lp-daftar{
2280
2281background:linear-gradient(#ca2f00,#e2004b);
2282
2283box-shadow:
22840 4px 15px rgba(0,0,0,.35),
2285inset 0 1px 0 rgba(255,255,255,.35);
2286
2287}
2288
2289.lp-btn:hover{
2290
2291transform:translateY(-3px);
2292
2293filter:brightness(1.08);
2294
2295box-shadow:
22960 8px 25px rgba(0,0,0,.45);
2297
2298}
2299</style>
2300<div class="lp-action-bar">
2301
2302    <a href="https://blog.batux.design/"
2303       class="lp-btn lp-login">
2304        LOGIN
2305    </a>
2306
2307    <a href="https://blog.batux.design/"
2308       class="lp-btn lp-daftar">
2309        DAFTAR
2310    </a>
2311
2312</div>
2313<script type="text/x-magento-init" data-breeze-processed="true">
2314    {
2315        ".breadcrumbs": {
2316            "breadcrumbs": {"categoryUrlSuffix":".html","useCategoryPathInUrl":0,"product":"Nordic Naturals Baby&#039;s DHA"}        }
2317    }
2318</script>
2318
2319<main id="maincontent" class="page-main"><div id="contentarea"></div>
2320<div class="page messages"><div data-placeholder="messages"></div>
2321<div data-bind="scope: 'messages'">
2322    <!-- ko if: cookieMessages && cookieMessages.length > 0 --><!-- /ko -->
2323
2324    <!-- ko if: messages().messages && messages().messages.length > 0 --><!-- /ko -->
2325</div>
2326<script type="text/x-magento-init" data-breeze-processed="true">
2327    {
2328        "*": {
2329            "Magento_Ui/js/core/app": {
2330                "components": {
2331                        "messages": {
2332                            "component": "Magento_Theme/js/view/messages"
2333                        }
2334                    }
2335                }
2336            }
2337    }
2338</script>
2338
2339</div><div class="columns"><div class="column main"><div class="product-info-wrapper"><div class="product-info-main">
2340    <style>
2341        .mpstorepickup-available-store-info {
2342            width: 78%;
2343        }
2344
2345        .mpstorepickup-pcs {
2346            right: 0;
2347            font-weight: 600;
2348            position: absolute;
2349            width: 20%;
2350            padding-right: 12px;
2351        }
2352
2353        .mpstorepickup-available {
2354            display: inline-flex;
2355            width: 100%;
2356            margin-bottom: 20px
2357        }
2358        .mpstorepickup-available-content .pickup-checkbox {
2359            margin-top: -20px;
2360        }
2361        /*.mpstorepickup-pcs.not-is-simple{*/
2362        /*    display: none;*/
2363        /*}*/
2364        .mpstorepickup-pcs .count:after{
2365            content:' pcs.'
2366        }
2367        #mpstorepickup-available-popup .store-pickup {
2368            margin-bottom: 14px;
2369        }
2370    </style>
2371
2372<style>
2373    .mpstorepickup-available-content .pickup-checkbox {
2374        cursor: pointer;
2375    }
2376    .mfp-wrap {
2377        position: fixed;
2378        overflow: auto;
2379    }
2380</style>
2381    
2382<div class="product-info"><div class="page-title-wrapper product">
2383    <h1 class="page-title">
2384        <span class="base" data-ui-id="page-title-wrapper" itemprop="name">SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR</span>    </h1>
2385    </div>
2386<div class="product-info-price"><div class="price-box price-final_price" data-role="priceBox" data-product-id="600193" data-price-box="product-id-600193">
2387
2388<div class="price-with-discount">
2389    <span class="normal-price">
2390        
2391
2392<span class="price-container price-final_price tax weee" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
2393            <span class="price-label">Serendah</span>
2394        <span id="product-price-600193" data-price-amount="5000" data-price-type="finalPrice" class="price-wrapper "><span class="price">Rp 5.000</span></span>
2395                <meta itemprop="availability" content="">
2396        <meta itemprop="shippingDetails" content="">
2397        <meta itemprop="hasMerchantReturnPolicy" content="">
2398                <meta itemprop="price" content="5000">
2399        <meta itemprop="priceCurrency" content="IDR">
2400    </span>
2401
2402 <!-- MAIN ENTITY -->
2403  
2403<script type="application/ld+json">
2404  {
2405    "@context": "https://schema.org",
2406    "@type": "Brand",
2407    "@id": "https://batux.design/#brand",
2408    "name": "SURGA11",
2409    "url": "https://batux.design/",
2410    "description": "SURGA11 merupakan identitas utama halaman informasi mengenai UX design interaktif, navigasi game, akses member, SURGA11 SLOTS, pengalaman mobile dan SLOT GACOR.",
2411    "mainEntityOfPage": {
2412      "@id": "https://batux.design/#webpage"
2413    }
2414  }
2415  </script>
2415
2416
2417  <!-- BREADCRUMB -->
2418  
2418<script type="application/ld+json">
2419  {
2420    "@context": "https://schema.org",
2421    "@type": "BreadcrumbList",
2422    "@id": "https://batux.design/#breadcrumb",
2423    "itemListElement": [
2424      {
2425        "@type": "ListItem",
2426        "position": 1,
2427        "name": "SURGA11",
2428        "item": "https://batux.design/"
2429      },
2430      {
2431        "@type": "ListItem",
2432        "position": 2,
2433        "name": "UX Design",
2434        "item": "https://batux.design/#ux-design"
2435      },
2436      {
2437        "@type": "ListItem",
2438        "position": 3,
2439        "name": "SURGA11 LOGIN",
2440        "item": "https://batux.design/#login"
2441      },
2442      {
2443        "@type": "ListItem",
2444        "position": 4,
2445        "name": "SURGA11 SLOTS",
2446        "item": "https://batux.design/#surga11-slots"
2447      },
2448      {
2449        "@type": "ListItem",
2450        "position": 5,
2451        "name": "SLOT GACOR",
2452        "item": "https://batux.design/#slot-gacor"
2453      }
2454    ]
2455  }
2456  </script>
2456
2457
2458  <!-- ORGANIZATION + WEBSITE + WEBPAGE -->
2459  
2459<script type="application/ld+json">
2460  {
2461    "@context": "https://schema.org",
2462    "@graph": [
2463      {
2464        "@type": "Organization",
2465        "@id": "https://batux.design/#organization",
2466        "name": "SURGA11",
2467        "url": "https://batux.design/",
2468        "logo": {
2469          "@type": "ImageObject",
2470          "@id": "https://batux.design/#logo",
2471          "url": "https://batux.design/img/surga11.png",
2472          "contentUrl": "https://batux.design/img/surga11.png",
2473          "caption": "SURGA11"
2474        },
2475        "brand": {
2476          "@id": "https://batux.design/#brand"
2477        }
2478      },
2479      {
2480        "@type": "WebSite",
2481        "@id": "https://batux.design/#website",
2482        "url": "https://batux.design/",
2483        "name": "SURGA11",
2484        "alternateName": "SURGA11 UX Design & Alternative Access",
2485        "description": "Portal informasi UX design interaktif, navigasi game, akses member, mobile experience dan bantuan pengguna SURGA11.",
2486        "publisher": {
2487          "@id": "https://batux.design/#organization"
2488        },
2489        "inLanguage": "id-ID",
2490        "potentialAction": {
2491          "@type": "SearchAction",
2492          "@id": "https://batux.design/#searchaction",
2493          "target": {
2494            "@type": "EntryPoint",
2495            "urlTemplate": "https://batux.design/?s={search_term_string}"
2496          },
2497          "query-input": "required name=search_term_string"
2498        }
2499      },
2500      {
2501        "@type": "WebPage",
2502        "@id": "https://batux.design/#webpage",
2503        "url": "https://batux.design/",
2504        "name": "SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR",
2505        "headline": "SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR",
2506        "description": "SURGA11 membahas UX design interaktif, struktur navigasi game, akses member, SURGA11 SLOTS, pengalaman mobile, keamanan login, dan jalur SLOT GACOR secara ringkas dan praktis.",
2507        "isPartOf": {
2508          "@id": "https://batux.design/#website"
2509        },
2510        "mainEntity": {
2511          "@id": "https://batux.design/#brand"
2512        },
2513        "about": {
2514          "@id": "https://batux.design/#brand"
2515        },
2516        "breadcrumb": {
2517          "@id": "https://batux.design/#breadcrumb"
2518        },
2519        "primaryImageOfPage": {
2520          "@type": "ImageObject",
2521          "@id": "https://batux.design/#primaryimage",
2522          "url": "https://batux.design/img/surga11.png",
2523          "contentUrl": "https://batux.design/img/surga11.png",
2524          "width": 1200,
2525          "height": 630,
2526          "caption": "SURGA11 UX Design Interactive Guide"
2527        },
2528        "potentialAction": {
2529          "@type": "ViewAction",
2530          "@id": "https://batux.design/#access-action",
2531          "name": "Akses SURGA11",
2532          "target": {
2533            "@type": "EntryPoint",
2534            "urlTemplate": "https://batux.design/",
2535            "actionPlatform": [
2536              "https://schema.org/DesktopWebPlatform",
2537              "https://schema.org/MobileWebPlatform"
2538            ]
2539          }
2540        },
2541        "inLanguage": "id-ID"
2542      }
2543    ]
2544  }
2545  </script>
2545
2546
2547  <!-- PERSON -->
2548  
2548<script type="application/ld+json">
2549  {
2550    "@context": "https://schema.org",
2551    "@type": "Person",
2552    "@id": "https://batux.design/#author",
2553    "name": "SURGA11",
2554    "jobTitle": "UX Design & Digital Access Content Editor",
2555    "worksFor": {
2556      "@id": "https://batux.design/#organization"
2557    },
2558    "knowsAbout": [
2559      "SURGA11",
2560      "UX Design",
2561      "User Experience",
2562      "Game Interface",
2563      "Mobile Navigation",
2564      "Account Access",
2565      "User Assistance"
2566    ]
2567  }
2568  </script>
2568
2569
2570  <!-- ARTICLE -->
2571  
2571<script type="application/ld+json">
2572  {
2573    "@context": "https://schema.org",
2574    "@type": "Article",
2575    "@id": "https://batux.design/#article",
2576    "url": "https://batux.design/",
2577    "headline": "SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR",
2578    "description": "Artikel SURGA11 mengenai UX design interaktif, navigasi game, akses member, SURGA11 SLOTS, mobile experience dan SLOT GACOR.",
2579    "mainEntityOfPage": {
2580      "@id": "https://batux.design/#webpage"
2581    },
2582    "isPartOf": {
2583      "@id": "https://batux.design/#webpage"
2584    },
2585    "about": {
2586      "@id": "https://batux.design/#brand"
2587    },
2588    "author": {
2589      "@id": "https://batux.design/#author"
2590    },
2591    "publisher": {
2592      "@id": "https://batux.design/#organization"
2593    },
2594    "image": {
2595      "@id": "https://batux.design/#primaryimage"
2596    },
2597    "datePublished": "2026-08-26T08:00:00+07:00",
2598    "dateModified": "2026-08-26T13:59:00+07:00",
2599    "inLanguage": "id-ID",
2600    "articleSection": [
2601      "SURGA11",
2602      "UX Design",
2603      "User Experience",
2604      "Game Interface",
2605      "Mobile Access",
2606      "SURGA11 SLOTS",
2607      "SLOT GACOR",
2608      "User Assistance"
2609    ]
2610  }
2611  </script>
2611
2612
2613  <!-- FAQ -->
2614  
2614<script type="application/ld+json">
2615  {
2616    "@context": "https://schema.org",
2617    "@type": "FAQPage",
2618    "@id": "https://batux.design/#faq",
2619    "mainEntity": [
2620      {
2621        "@type": "Question",
2622        "name": "Apa yang menjadi fokus utama SURGA11?",
2623        "acceptedAnswer": {
2624          "@type": "Answer",
2625          "text": "SURGA11 membahas UX design interaktif, navigasi game, akses member, pengalaman mobile dan struktur informasi digital yang mudah dipahami."
2626        }
2627      },
2628      {
2629        "@type": "Question",
2630        "name": "Apa yang perlu dilakukan jika SURGA11 LOGIN sulit dibuka?",
2631        "acceptedAnswer": {
2632          "@type": "Answer",
2633          "text": "Periksa alamat halaman, koneksi internet, cache browser, DNS dan kondisi perangkat. Mencoba jaringan atau browser berbeda dapat membantu mengetahui sumber kendala."
2634        }
2635      },
2636      {
2637        "@type": "Question",
2638        "name": "Apa yang dimaksud SURGA11 SLOTS pada halaman ini?",
2639        "acceptedAnswer": {
2640          "@type": "Answer",
2641          "text": "SURGA11 SLOTS digunakan sebagai label navigasi untuk membantu pengguna mengenali bagian informasi game dan jalur digital yang tersedia pada halaman."
2642        }
2643      },
2644      {
2645        "@type": "Question",
2646        "name": "Apakah SURGA11 nyaman digunakan melalui smartphone?",
2647        "acceptedAnswer": {
2648          "@type": "Answer",
2649          "text": "Halaman SURGA11 menggunakan layout responsif agar teks, logo, gambar, tombol dan navigasi dapat menyesuaikan ukuran layar smartphone maupun tablet."
2650        }
2651      },
2652      {
2653        "@type": "Question",
2654        "name": "Bagaimana menjaga keamanan akun ketika menggunakan jalur alternatif?",
2655        "acceptedAnswer": {
2656          "@type": "Answer",
2657          "text": "Periksa alamat domain sebelum memasukkan informasi akun, gunakan kata sandi unik dan jangan membagikan password atau kode verifikasi kepada pihak lain."
2658        }
2659      },
2660      {
2661        "@type": "Question",
2662        "name": "Apa fungsi SLOT GACOR pada halaman SURGA11?",
2663        "acceptedAnswer": {
2664          "@type": "Answer",
2665          "text": "SLOT GACOR ditempatkan sebagai kategori navigasi digital agar pengguna dapat mengenali jalur informasi yang dicari tanpa mengubah fokus utama halaman pada UX design dan pengalaman pengguna."
2666        }
2667      }
2668    ]
2669  }
2670  </script>
2670
2671
2672  <!-- SERVICE -->
2673  
2673<script type="application/ld+json">
2674  {
2675    "@context": "https://schema.org",
2676    "@type": "Service",
2677    "@id": "https://batux.design/#service",
2678    "name": "SURGA11 User Access Assistance",
2679    "description": "Pusat bantuan informasi SURGA11 untuk navigasi halaman, login, akses mobile, keamanan akun dan pemecahan kendala pengguna.",
2680    "provider": {
2681      "@id": "https://batux.design/#organization"
2682    },
2683    "serviceType": "Digital Access and User Assistance",
2684    "areaServed": {
2685      "@type": "Country",
2686      "name": "Indonesia"
2687    },
2688    "availableChannel": {
2689      "@type": "ServiceChannel",
2690      "serviceUrl": "https://batux.design/"
2691    }
2692  }
2693  </script>
2693
2694
2695
2696    </span>
2697
2698    </div>
2699
2700</div></div><div class="kc-cashback check">
2701   <a href="https://blog.batux.design/" class="kc-points-lable">
2702      <img src="https://files.sitestatic.net/ImageFile/202401292310490000000da1e44f57JGGAEAC__3100x800.png" class="kcpoints-img" width="30px">
2703       <span>Earn <span class="price">88.000</span> - <span class="price">1.000.000</span> Bonus</span>
2704   </a>
2705</div>
2706
2707<style>
2708/* === RTP CALENDAR BAR SLOT777 - TURQUOISE THEME === */
2709.rtp-calendar-rmj {
2710  width: 100%;
2711  max-width: 820px;
2712  margin: 24px auto 22px;
2713  padding: 8px 12px;
2714  background: linear-gradient(90deg, #052e2a, #021716, #031d1a);
2715  border: 1px solid rgb(64 224 208 / 65%);
2716  border-radius: 10px;
2717  box-shadow: 0 0 12px rgba(64, 224, 208, 0.45), inset 0 0 12px rgba(255, 255, 255, 0.06);
2718  font-family: Arial, sans-serif;
2719  color: #fff;
2720  overflow: hidden;
2721}
2722
2723.rtp-calendar-head {
2724  display: flex;
2725  justify-content: space-between;
2726  align-items: center;
2727  gap: 10px;
2728  margin-bottom: 7px;
2729  font-size: 12px;
2730  letter-spacing: 0.4px;
2731}
2732
2733.rtp-calendar-title {
2734  font-weight: 800;
2735  color: #c70303;
2736  text-shadow: 0 0 8px rgba(64, 224, 208, 0.75);
2737  white-space: nowrap;
2738}
2739
2740.rtp-calendar-time {
2741  color: #f0005c;
2742  font-weight: 700;
2743  white-space: nowrap;
2744}
2745
2746.rtp-calendar-list {
2747  display: grid;
2748  grid-template-columns: repeat(7, 1fr);
2749  gap: 7px;
2750}
2751
2752.rtp-day-card {
2753  position: relative;
2754  min-height: 48px;
2755  padding: 7px 6px;
2756  border-radius: 9px;
2757  background: linear-gradient(180deg, #043b35, #02211e);
2758  border: 1px solid rgb(64 224 208 / 98%);
2759  box-shadow: inset 0 0 10px rgba(64, 224, 208, 0.12);
2760  text-align: center;
2761  overflow: hidden;
2762}
2763
2764.rtp-day-card::before {
2765  content: "";
2766  position: absolute;
2767  inset: 0;
2768  background: linear-gradient(120deg, transparent, rgba(64,224,208,0.12), transparent);
2769  transform: translateX(-100%);
2770  animation: rtpShine 4s infinite;
2771}
2772
2773.rtp-day-card.active {
2774  border-color: #c70303;
2775  box-shadow: 0 0 14px rgb(6 6 6 / 80%), inset 0 0 12px rgba(64, 224, 208, 0.25);
2776}
2777
2778.rtp-day-name {
2779  font-size: 11px;
2780  color: #8ee4da;
2781  font-weight: 800;
2782  text-transform: uppercase;
2783  position: relative;
2784  z-index: 1;
2785}
2786
2787.rtp-day-date {
2788  font-size: 10px;
2789  color: #ffffff;
2790  opacity: 0.85;
2791  margin-top: 2px;
2792  position: relative;
2793  z-index: 1;
2794}
2795
2796.rtp-percent {
2797  font-size: 14px;
2798  font-weight: 900;
2799  color: #c70303;
2800  margin-top: 3px;
2801  text-shadow: 0 0 8px #f0005c;
2802  position: relative;
2803  z-index: 1;
2804}
2805
2806.rtp-status {
2807  display: inline-block;
2808  font-size: 9px;
2809  font-weight: 800;
2810  color: #101010;
2811  background: linear-gradient(90deg, #c70303, #f0005c);
2812  border-radius: 20px;
2813  padding: 2px 7px;
2814  margin-top: 3px;
2815  position: relative;
2816  z-index: 1;
2817}
2818
2819@keyframes rtpShine {
2820  0% { transform: translateX(-100%); }
2821  45% { transform: translateX(100%); }
2822  100% { transform: translateX(100%); }
2823}
2824
2825@media (max-width: 768px) {
2826  .rtp-calendar-rmj {
2827    padding: 7px;
2828    border-radius: 8px;
2829  }
2830  .rtp-calendar-head {
2831    font-size: 10px;
2832    flex-direction: column;
2833    gap: 3px;
2834  }
2835  .rtp-calendar-list {
2836    grid-template-columns: repeat(2, 1fr);
2837  }
2838  .rtp-day-card {
2839    min-height: 45px;
2840  }
2841}
2842</style>
2843
2844<div class="rtp-calendar-rmj">
2845  <div class="rtp-calendar-head">
2846    <div class="rtp-calendar-title">LIVE RTP surga11</div>
2847    <div class="rtp-calendar-time" id="rtpClockrmj">Update otomatis...</div>
2848  </div>
2849  <div class="rtp-calendar-list" id="rtpCalendarrmj"></div>
2850</div>
2851
2852<script>
2853(function () {
2854  const wrap = document.getElementById("rtpCalendarrmj");
2855  const clock = document.getElementById("rtpClockrmj");
2856  if (!wrap || !clock) return;
2857
2858  const dayNames = ["MIN", "SEN", "SEL", "RAB", "KAM", "JUM", "SAB"];
2859  const monthNames = ["Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des"];
2860
2861  function seededRandom(seed) {
2862    let x = Math.sin(seed) * 10000;
2863    return x - Math.floor(x);
2864  }
2865
2866  function getRtpValue(date, index) {
2867    const now = new Date();
2868    const updateBlock = Math.floor(now.getTime() / 60000);
2869    const seed = date.getFullYear() * 10000 + (date.getMonth() + 1) * 100 + date.getDate() + index * 77 + updateBlock * 33;
2870    const min = 90;
2871    const max = 99;
2872    const value = min + seededRandom(seed) * (max - min);
2873    return value.toFixed(2);
2874  }
2875
2876  function getStatus(rtp) {
2877    const value = parseFloat(rtp);
2878    if (value >= 97) return "HOT";
2879    if (value >= 94) return "STABIL";
2880    return "NORMAL";
2881  }
2882
2883  function renderCalendar() {
2884    const today = new Date();
2885    wrap.innerHTML = "";
2886    for (let i = 0; i < 7; i++) {
2887      const date = new Date();
2888      date.setDate(today.getDate() + i);
2889      const rtp = getRtpValue(date, i);
2890      const status = getStatus(rtp);
2891      const card = document.createElement("div");
2892      card.className = "rtp-day-card" + (i === 0 ? " active" : "");
2893      card.innerHTML = `
2894        <div class="rtp-day-name">${i === 0 ? "HARI INI" : dayNames[date.getDay()]}</div>
2895        <div class="rtp-day-date">${date.getDate()} ${monthNames[date.getMonth()]}</div>
2896        <div class="rtp-percent">${rtp}%</div>
2897        <div class="rtp-status">${status}</div>
2898      `;
2899      wrap.appendChild(card);
2900    }
2901  }
2902
2903  function updateClock() {
2904    const now = new Date();
2905    const jam = String(now.getHours()).padStart(2, "0");
2906    const menit = String(now.getMinutes()).padStart(2, "0");
2907    const detik = String(now.getSeconds()).padStart(2, "0");
2908    clock.textContent = `LIVE ${jam}:${menit}:${detik}`;
2909  }
2910
2911  renderCalendar();
2912  updateClock();
2913  setInterval(updateClock, 1000);
2914  setInterval(function () { renderCalendar(); }, 60000);
2915})();
2916</script>
2916
2917
2918<section class="slot-bar-live">
2919  <div class="bar-head">
2920    <h2>RTP Live Game Slot Gacor Hari Ini</h2>
2921    <span>DAFTAR GAME GACOR</span>
2922  </div>
2923  <div class="bar-chart" id="slotChart"></div>
2924</section>
2925
2926<style>
2927.slot-bar-live {
2928  max-width: 760px;
2929  margin: 30px auto;
2930  padding: 22px;
2931  background: linear-gradient(135deg, #052e2a, #021716);
2932  border-radius: 18px;
2933  color: #fff;
2934  box-shadow: 0 0 25px rgba(64, 224, 208, 0.35);
2935  position: relative;
2936  font-family: sans-serif;
2937}
2938
2939.bar-head {
2940  display: flex;
2941  justify-content: space-between;
2942  align-items: center;
2943  margin-bottom: 20px;
2944}
2945
2946.bar-head h2 {
2947  color: #c70303;
2948  font-size: 20px;
2949  margin: 0;
2950}
2951
2952.bar-head span {
2953  font-size: 12px;
2954  font-weight: 700;
2955  padding: 5px 12px;
2956  border-radius: 20px;
2957  background: linear-gradient(90deg, #c70303, #f0005c);
2958  box-shadow: 0 0 12px #c70303;
2959  animation: pulseLive 1.5s infinite;
2960}
2961
2962@keyframes pulseLive {
2963  0%,100% { transform: scale(1); opacity: 1; }
2964  50% { transform: scale(1.06); opacity: .75; }
2965}
2966
2967.bar-chart {
2968  display: flex;
2969  flex-direction: column;
2970  gap: 14px;
2971}
2972
2973.bar-item {
2974  display: flex;
2975  align-items: center;
2976  gap: 12px;
2977}
2978
2979.bar-name {
2980  width: 140px;
2981  text-align: right;
2982  font-weight: 600;
2983  color: #fff;
2984}
2985
2986.bar-value {
2987  width: 60px;
2988  text-align: left;
2989  font-weight: bold;
2990  color: #c70303;
2991}
2992
2993.bar-fill {
2994  flex: 1;
2995  height: 24px;
2996  border-radius: 12px;
2997  background: #222;
2998  position: relative;
2999  overflow: hidden;
3000  box-shadow: inset 0 0 5px rgba(0,0,0,.5);
3001}
3002
3003.bar-fill-inner {
3004  height: 100%;
3005  width: 0%;
3006  border-radius: 12px;
3007  background: linear-gradient(90deg, #c70303, #f0005c);
3008  transition: width .8s ease;
3009}
3010
3011/* Table Style untuk Kota & Pemain - SAMA SEPERTI TOP GAME */
3012.city-stats {
3013  max-width: 760px;
3014  margin: 30px auto;
3015  padding: 22px;
3016  background: linear-gradient(135deg, #052e2a, #021716);
3017  border-radius: 18px;
3018  color: #fff;
3019  box-shadow: 0 0 25px rgba(64, 224, 208, 0.35);
3020  font-family: sans-serif;
3021}
3022
3023.city-head {
3024  display: flex;
3025  justify-content: space-between;
3026  align-items: center;
3027  margin-bottom: 20px;
3028}
3029
3030.city-head h3 {
3031  color: #c70303;
3032  font-size: 20px;
3033  margin: 0;
3034}
3035
3036.city-head span {
3037  font-size: 12px;
3038  font-weight: 700;
3039  padding: 5px 12px;
3040  border-radius: 20px;
3041  background: linear-gradient(90deg, #c70303, #f0005c);
3042  box-shadow: 0 0 12px #c70303;
3043  animation: pulseLive 1.5s infinite;
3044}
3045
3046.city-chart {
3047  display: flex;
3048  flex-direction: column;
3049  gap: 14px;
3050}
3051
3052.city-item {
3053  display: flex;
3054  align-items: center;
3055  gap: 12px;
3056}
3057
3058.city-name {
3059  width: 140px;
3060  text-align: right;
3061  font-weight: 600;
3062  color: #fff;
3063}
3064
3065.city-players {
3066  width: 100px;
3067  text-align: left;
3068  font-weight: bold;
3069  color: #c70303;
3070}
3071
3072.city-fill {
3073  flex: 1;
3074  height: 24px;
3075  border-radius: 12px;
3076  background: #222;
3077  position: relative;
3078  overflow: hidden;
3079  box-shadow: inset 0 0 5px rgba(0,0,0,.5);
3080}
3081
3082.city-fill-inner {
3083  height: 100%;
3084  width: 0%;
3085  border-radius: 12px;
3086  background: linear-gradient(90deg, #c70303, #f0005c);
3087  transition: width .8s ease;
3088}
3089
3090.city-status {
3091  width: 80px;
3092  text-align: left;
3093  font-size: 11px;
3094  font-weight: bold;
3095  color: #f0005c;
3096}
3097</style>
3098
3099<section class="city-stats">
3100  <div class="city-head">
3101    <h3>Informasi Pemain Aktif Saat Ini :</h3>
3102    <span>SITUS surga11</span>
3103  </div>
3104  <div class="city-chart" id="cityChart"></div>
3105</section>
3106
3107<script>
3108(function(){
3109  // Top Game Slot Gacor
3110  const games = [
3111    {name:"Mahjong Ways", players:1200},
3112    {name:"Mahjong Ways 2", players:1300},
3113    {name:"Gates of Olympus", players:900},
3114    {name:"Starlight Princess", players:650},
3115    {name:"Sweet Bonanza", players:800},
3116    {name:"Gates of Olympus 1000", players:800},
3117    {name:"Spaceman", players:750}
3118  ];
3119
3120  // 10 Kota dengan jumlah pemain
3121  const cities = [
3122    {name:"Jakarta", players:82450},
3123    {name:"Surabaya", players:67320},
3124    {name:"Bandung", players:45890},
3125    {name:"Medan", players:39200},
3126    {name:"Semarang", players:28750},
3127    {name:"Makassar", players:25430},
3128    {name:"Denpasar", players:19870},
3129    {name:"Palembang", players:16540},
3130    {name:"Yogyakarta", players:14320},
3131    {name:"Malang", players:12100}
3132  ];
3133
3134  // ========== TOP GAME SLOT GACOR ==========
3135  const chart = document.getElementById("slotChart");
3136  if (!chart) return;
3137
3138  function sortAndRenderGames() {
3139    const sortedGames = [...games].sort((a, b) => b.players - a.players);
3140    chart.innerHTML = "";
3141    sortedGames.forEach((game) => {
3142      const item = document.createElement("div");
3143      item.className = "bar-item";
3144      item.innerHTML = `
3145        <span class="bar-name">${game.name}</span>
3146        <div class="bar-fill">
3147          <div class="bar-fill-inner" id="bar-${game.name.replace(/\s/g, '')}"></div>
3148        </div>
3149        <span class="bar-value" id="val-${game.name.replace(/\s/g, '')}">0%</span>
3150      `;
3151      chart.appendChild(item);
3152    });
3153    updateGameBars();
3154  }
3155
3156  function updateGameBars() {
3157    games.forEach((game) => {
3158      const val = Math.floor(Math.random() * 14) + 85;
3159      const bar = document.getElementById("bar-" + game.name.replace(/\s/g, ''));
3160      const text = document.getElementById("val-" + game.name.replace(/\s/g, ''));
3161      if (bar) bar.style.width = val + "%";
3162      if (text) text.textContent = val + "%";
3163      const randomChange = Math.floor(Math.random() * 20001) - 10000;
3164      let newPlayers = game.players + randomChange;
3165      newPlayers = Math.max(100, Math.min(100000, newPlayers));
3166      game.players = newPlayers;
3167    });
3168    const newSorted = [...games].sort((a, b) => b.players - a.players);
3169    const currentItems = chart.querySelectorAll('.bar-item');
3170    const currentNames = Array.from(currentItems).map(item => item.querySelector('.bar-name')?.textContent);
3171    const newNames = newSorted.map(g => g.name);
3172    if (JSON.stringify(currentNames) !== JSON.stringify(newNames)) {
3173      sortAndRenderGames();
3174    } else {
3175      updateGameOrder(newSorted);
3176    }
3177  }
3178
3179  function updateGameOrder(sortedGames) {
3180    const items = chart.querySelectorAll('.bar-item');
3181    items.forEach((item, index) => {
3182      const expectedGame = sortedGames[index];
3183      if (expectedGame) {
3184        const nameSpan = item.querySelector('.bar-name');
3185        if (nameSpan) nameSpan.textContent = expectedGame.name;
3186      }
3187    });
3188  }
3189
3190  // ========== KOTA & JUMLAH PEMAIN (10 kota) ==========
3191  const cityContainer = document.getElementById("cityChart");
3192  if (!cityContainer) return;
3193
3194  function sortAndRenderCities() {
3195    const sortedCities = [...cities].sort((a, b) => b.players - a.players);
3196    const maxPlayers = Math.max(...sortedCities.map(c => c.players));
3197    cityContainer.innerHTML = "";
3198    sortedCities.forEach((city) => {
3199      const percent = (city.players / maxPlayers) * 100;
3200      const item = document.createElement("div");
3201      item.className = "city-item";
3202      item.innerHTML = `
3203        <span class="city-name">${city.name}</span>
3204        <div class="city-fill">
3205          <div class="city-fill-inner" id="city-bar-${city.name.replace(/\s/g, '')}" style="width: ${percent}%"></div>
3206        </div>
3207        <span class="city-players" id="city-val-${city.name.replace(/\s/g, '')}">${city.players.toLocaleString()}</span>
3208        <span class="city-status" id="city-status-${city.name.replace(/\s/g, '')}"></span>
3209      `;
3210      cityContainer.appendChild(item);
3211    });
3212    updateCityStatuses(sortedCities);
3213  }
3214
3215  function updateCityStatuses(sortedCities) {
3216    sortedCities.forEach((city) => {
3217      const statusSpan = document.getElementById(`city-status-${city.name.replace(/\s/g, '')}`);
3218      if (statusSpan) {
3219        if (city.players > 50000) statusSpan.textContent = "? PADAT";
3220        else if (city.players > 25000) statusSpan.textContent = "? RAMAI";
3221        else statusSpan.textContent = "? NORMAL";
3222      }
3223    });
3224  }
3225
3226  function updateCityBars() {
3227    cities.forEach((city) => {
3228      const randomChange = Math.floor(Math.random() * 10001) - 5000;
3229      let newPlayers = city.players + randomChange;
3230      newPlayers = Math.max(500, Math.min(100000, newPlayers));
3231      city.players = newPlayers;
3232    });
3233    const sortedCities = [...cities].sort((a, b) => b.players - a.players);
3234    const maxPlayers = Math.max(...sortedCities.map(c => c.players));
3235    
3236    sortedCities.forEach((city) => {
3237      const percent = (city.players / maxPlayers) * 100;
3238      const bar = document.getElementById(`city-bar-${city.name.replace(/\s/g, '')}`);
3239      const text = document.getElementById(`city-val-${city.name.replace(/\s/g, '')}`);
3240      if (bar) bar.style.width = percent + "%";
3241      if (text) text.textContent = city.players.toLocaleString();
3242    });
3243    updateCityStatuses(sortedCities);
3244    
3245    const currentItems = cityContainer.querySelectorAll('.city-item');
3246    const currentNames = Array.from(currentItems).map(item => item.querySelector('.city-name')?.textContent);
3247    const newNames = sortedCities.map(c => c.name);
3248    if (JSON.stringify(currentNames) !== JSON.stringify(newNames)) {
3249      sortAndRenderCities();
3250    }
3251  }
3252
3253  sortAndRenderGames();
3254  sortAndRenderCities();
3255  
3256  setInterval(() => {
3257    updateGameBars();
3258    updateCityBars();
3259  }, 60000);
3260})();
3261</script>
3261 
3262                        <div class="kredivo-label">
3263                <div>Use Installment Options from<img class="kredivo-logo" style="width: 55px; margin: 0 5px;" src="https://www.mothercare.co.id/media/wysiwyg/kredivo/kredivo_logo.png" alt="">. <a href="https://www.mothercare.co.id/payment-method">Laarn more</a></div>            </div>
3264            <div class="available-block">
3265    <div class="title">
3266        <span class="avail-text">Available for :</span>
3267    </div>
3268    <div class="lables">
3269        <div class="home-div">
3270            <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>
3271        </div>
3272        <div class="store-div">
3273            <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>
3274        </div>
3275    </div>
3276</div>
3277
3278<article class="short-article">
3279
3280    <div class="eyebrow">
3281    SURGA11 · UX Design · Interface · Mobile Experience
3282    </div>
3283
3284    <h1>SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR</h1>
3285
3286    <p class="intro">
3287      <a href="https://batux.design/" title="SURGA11">SURGA11</a>
3288      membahas bagaimana user experience dapat membuat halaman game terasa lebih mudah dipahami, mulai dari hierarki informasi, posisi tombol, navigasi member hingga tampilan responsif yang tetap nyaman digunakan melalui smartphone maupun desktop.
3289    </p>
3290
3291    <section class="brand-highlight">
3292      <p>
3293        Interface yang menarik belum tentu nyaman digunakan. Desain baru benar-benar bekerja ketika pengguna dapat memahami apa yang harus dilakukan, menemukan informasi utama dengan cepat, dan berpindah antarbagian tanpa kehilangan konteks.
3294      </p>
3295    </section>
3296
3297    <section id="ux-design">
3298      <h2>UX Design Dimulai dari Memahami Tujuan Pengguna</h2>
3299
3300      <p>
3301        Pengguna datang dengan tujuan tertentu. Ada yang ingin membaca informasi, mencari akses akun, melihat kategori game atau memeriksa jalur alternatif. Struktur halaman sebaiknya membantu tujuan tersebut tanpa memaksa pengguna mempelajari sistem navigasi yang terlalu rumit.
3302      </p>
3303
3304      <h3>Hierarki visual mengarahkan perhatian</h3>
3305
3306      <p>
3307        Ukuran heading, jarak antarelemen, warna tombol dan posisi navigasi membantu pengguna mengetahui mana bagian primer dan mana informasi pendukung. Jika seluruh elemen dibuat sama mencolok, halaman akhirnya tidak mempunyai prioritas sama sekali.
3308      </p>
3309    </section>
3310
3311    <section>
3312      <h2>Game Interface Membutuhkan Navigasi yang Konsisten</h2>
3313
3314      <p>
3315        Halaman game biasanya memiliki lebih banyak jalur dibanding halaman informasi biasa. Karena itu menu, kategori dan tombol akses perlu ditempatkan secara konsisten agar pengguna tidak harus mencari ulang posisi fitur setiap kali berpindah halaman.
3316      </p>
3317
3318      <h3>Feedback visual membantu pengguna memahami interaksi</h3>
3319
3320      <p>
3321        Perubahan tombol saat ditekan, status loading dan pesan ketika terjadi kesalahan memberi kepastian bahwa sistem sedang merespons. Tanpa feedback, pengguna cenderung menekan tombol berkali-kali lalu menyalahkan internet, server, perangkat, dan kadang seluruh peradaban manusia.
3322      </p>
3323    </section>
3324
3325    <section id="login">
3326      <h2>SURGA11 LOGIN dan Jalur Member yang Mudah Dikenali</h2>
3327
3328      <p>
3329        Ketika membuka <a href="https://batux.design/" title="SURGA11 LOGIN">SURGA11 LOGIN</a>, pengguna sebaiknya dapat langsung mengenali posisi akses akun tanpa melewati banyak menu. Alamat domain juga perlu diperiksa sebelum kredensial dimasukkan agar proses login tidak hanya cepat tetapi tetap aman.
3330      </p>
3331
3332      <h3>Mobile login membutuhkan ruang sentuh yang cukup</h3>
3333
3334      <p>
3335        Tombol yang terlalu kecil meningkatkan risiko salah tekan. Jarak antarinput, ukuran font dan penempatan tombol utama perlu menyesuaikan layar smartphone agar proses autentikasi tidak terasa seperti ujian ko
3335ordinasi jari.
3336      </p>
3337    </section>
3338
3339    <section id="surga11-slots">
3340      <h2>SURGA11 SLOTS sebagai Struktur Navigasi Informasi</h2>
3341
3342      <p>
3343        <a href="https://batux.design/" title="SURGA11 SLOTS">SURGA11 SLOTS</a>
3344        ditempatkan sebagai label navigasi yang membantu pengguna mengenali bagian informasi game. Penyebutan dibuat terarah agar keyword tidak mengambil alih konteks utama mengenai UX, interface dan pengalaman penggunaan.
3345      </p>
3346
3347      <ul class="brand-list">
3348        <li>Gunakan heading untuk membentuk hierarki informasi.</li>
3349        <li>Jaga posisi tombol utama tetap konsisten.</li>
3350        <li>Optimalkan gambar agar halaman mobile tetap ringan.</li>
3351        <li>Berikan feedback ketika sistem sedang memproses tindakan.</li>
3352      </ul>
3353    </section>
3354
3355    <section id="slot-gacor">
3356      <h2>SLOT GACOR sebagai Jalur Navigasi Digital Tambahan</h2>
3357
3358      <p>
3359        <a href="https://batux.design/" title="SLOT GACOR">SLOT GACOR</a>
3360        digunakan sebagai kategori navigasi tambahan dan tidak dipakai sebagai jaminan hasil permainan. Pendekatan ini menjaga istilah tetap kontekstual tanpa mengorbankan kejelasan isi halaman.
3361      </p>
3362
3363      <h3>Kecepatan dan stabilitas adalah bagian dari UX</h3>
3364
3365      <p>
3366        Pengguna tidak memisahkan desain dari performa. Halaman yang terlihat bagus tetapi lambat akan tetap dianggap sebagai pengalaman buruk. Ukuran aset, script dan respons server perlu dijaga agar interaksi tetap terasa cepat.
3367      </p>
3368    </section>
3369
3370    <section>
3371      <h2>Responsive Design Harus Mempertahankan Prioritas yang Sama</h2>
3372
3373      <p>
3374        Mobile bukan sekadar versi desktop yang diperkecil. Elemen perlu disusun ulang berdasarkan ruang layar, tetapi hierarki informasi harus tetap sama agar pengguna tidak kehilangan orientasi ketika berpindah perangkat.
3375      </p>
3376    </section>
3377
3378    <section class="brand-closing">
3379      <h2>SURGA11 Menempatkan Pengalaman Pengguna sebagai Fondasi</h2>
3380
3381      <p>
3382        Desain yang efektif tidak membutuhkan banyak efek untuk terlihat pintar. Struktur yang jelas, akses yang cepat, tombol yang mudah ditemukan dan pengalaman konsisten sering memberi dampak lebih besar daripada dekorasi yang sibuk tetapi tidak membantu pengguna menyelesaikan tujuan mereka.
3383      </p>
3384    </section>
3385
3386  </article>
3387
3388    </div>
3389</div>
3390</div>
3391<div class="product-config">
3392<div class="product-add-form">
3393    <form data-product-sku="52135545-AYO01" action="https://batux.design/" method="post" id="product_addtocart_form" novalidate="true" data-catalog-addtocart-initialized="1">
3394        <input type="hidden" name="product" value="600193">
3395        <input type="hidden" name="selected_configurable_option" value="">
3396        <input type="hidden" name="related_product" id="related-products-field" value="">
3397        <input type="hidden" name="item" value="600193">
3398        <input name="form_key" type="hidden" value="SUjhhVyNrfmZroZU" />                                    
3399                    <div class="product-options-wrapper" id="product-options-wrapper" data-hasrequired="* Wajib diisi">
3400    <div class="fieldset" tabindex="0">
3401        <div class="swatch-opt" data-role="swatch-options"></div>
3402
3403
3404
3405    </div>
3406</div>
3407<div class="product-options-bottom">
3408        <div class="box-tocart">
3409    <div class="fieldset fieldset-cust">
3410                            <div class="field qty">
3411                    <label class="label" for="qty"><span>choose qty</span></label>
3412                    <div class="control">
3413                    <select name="qty" id="qty" value="1" title="Qty" class="input-text qty">
3414                            <option value="1" selected>1</option>
3415                            <option value="2">2</option>
3416                            <option value="3">3</option>
3417                            <option value="4">4</option>
3418                            <option value="5">5</option>
3419                            <option value="6">6</option>
3420                            <option value="7">7</option>
3421                            <option value="8">8</option>
3422                            <option value="9">9</option>
3423                            <option value="10">10</option>
3424                        </select>
3425                        <div><span style="color: rgb(255, 5, 5)" id="show_message"></span></div>
3426                        <input type="hidden" name="val_hidden" id="val_hidden" value="1">
3427                    </div>
3428                </div>
3429                        <div class="actions">
3430                <a href="https://blog.batux.design/"><button type="button" title="add to cart" class="action primary tocart" id="product-addtocart-button" style="background-color: #ca2f00;">
3431                    <span>LOGIN</span></button></a>
3432                
3433                    <a href="https://blog.batux.design/" class="action towishlist"  data-action="add-to-wishlist"><span>DAFTAR</span></a><div id="giftreg-message-pdp" style="">
3434
3435    	    <a href="https://blog.batux.design/" class="notlogingift">
3436	    	<img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerDetail/images/gift.png" alt="" />
3437	    	CLAIM BONUS
3438	    </a>
3439
3440	
3441	
3442</div>
3443<script type="text/x-magento-init" data-breeze-processed="true">
3444    {
3445        "body": {
3446            "addToWishlist": {"productType":"configurable","giftcardInfo":"[id^=giftcard]"}        }
3447    }
3448</script>
3448
3449            </div>
3450        </div>
3451    </div>
3452    
3453    <!--Product video logic-->
3454    
3454<script type="text/x-magento-init" data-breeze-processed="true">
3455    {
3456        "#product_addtocart_form": {
3457            "Magento_Catalog/product/view/validation": {
3458                "radioCheckboxClosest": ".nested"
3459            }
3460        }
3461    }
3462</script>
3462
3463    
3463<script type="text/x-magento-init" data-breeze-processed="true">
3464    {
3465        "#product_addtocart_form": {
3466            "catalogAddToCart": {
3467                "bindSubmit": true
3468            }
3469        }
3470    }
3471    </script>
3471
3472</div>
3473                    </form>
3474</div>
3475
3476<script type="text/x-magento-init" data-breeze-processed="true">
3477    {
3478        "[data-role=priceBox][data-price-box=product-id-600193]": {
3479            "priceBox": {
3480                "priceConfig":  {"productId":600193,"priceFormat":{"pattern":"Rp %s","precision":2,"requiredPrecision":0,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":5000,"adjustments":[]},"oldPrice":{"amount":5000,"adjustments":[]},"basePrice":{"amount":5000,"adjustments":[]},"finalPrice":{"amount":5000,"adjustments":[]}},"idSuffix":"_clone","tierPrices":[],"calculationAlgorithm":"UNIT_BASE_CALCULATION"}            }
3481        }
3482    }
3483</script>
3483
3484<!-- 
3484<script>
3485// When the user clicks on div, open the popup
3486function myFunction() {
3487  var popup = document.getElementById("size-chart");
3488  popup.classList.toggle("show");
3489}
3490</script>
3490 -->
3491<script data-breeze>
3492
3493    require(['jquery'], ($) => {
3494        $(document).ready(function(){
3495            // Get the modal
3496            var modal = document.getElementById("myModals");
3497
3498            // Get the <span> element that closes the modal
3499            var span = document.getElementsByClassName("close-icon")[0];
3500
3501            // When the user clicks the button, open the modal
3502            $('#myBtns').on("click", function(e) {
3503                $('#myModals').show();
3504            });
3505
3506            // When the user clicks the button, open the modal
3507            $('#myBtns').on("click", function(e) {
3508                $('#myModals').show();
3509            });
3510            // When the user clicks the button, close the modal
3511            $('.close-icon').on("click", function(e) {
3512                $('#myModals').hide();
3513            });
3514
3515            // When the user clicks on <span> (x), close the modal
3516             if(!typeof span === ''){
3517                span.onclick = function() {
3518                    modal.style.display = "none";
3519                }
3520            }
3521
3522            // When the user clicks anywhere outside of the modal, close it
3523            window.onclick = function(event) {
3524              if (event.target == modal) {
3525                modal.style.display = "none";
3526              }
3527            }
3528        });
3529      });
3530</script>
3530
3531
3532
3533
3534    <style>
3535/* Add Animation */
3536@media screen and (max-width: 767px){
3537        #myModals{
3538        animation: mymovess 2s;
3539        animation-fill-mode: forwards;
3540    }
3541    }
3542    @keyframes mymovess {
3543  from {bottom: 0px;}
3544  to {bottom: 200px;}
3545}
3546
3547h5#content-baby {
3548    font-family: 'Mothercare 2020';
3549    font-style: normal;
3550    font-weight: 600;
3551    font-size: 32px;
3552    line-height: 150%;
3553    text-align: center;
3554    letter-spacing: -0.011em;
3555    color: #165C7D;
3556}
3557h5#content-baby {
3558    font-family: 'Mothercare 2020';
3559    font-style: normal;
3560    font-weight: 600;
3561    font-size: 32px;
3562    line-height: 150%;
3563    text-align: center;
3564    letter-spacing: -0.011em;
3565    color: #165C7D;
3566    margin-bottom: 1em;
3567}
3568a.sizechart-link{
3569    position: relative;
3570    top: -20.5em;
3571    font-style: normal;
3572    font-weight: 600;
3573    font-size: 14px;
3574    line-height: 19px;
3575    text-align: left;
3576    text-decoration-line: underline;
3577    text-transform: lowercase;
3578    color: #165C7D;
3579    font-family: 'mothercare_2020-regular-webfont';
3580}
3581@media screen and (max-width: 767px){
3582  a.sizechart-link{
3583    top: -17.5em;
3584  }
3585}
3586        </style>
3587
3588        
3589<div class="sharing-buttons">
3590    <label>Share product:</label>
3591    <div class="sharethis-inline-share-buttons"></div>
3592    <!--
3592<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>
3592-->
3593    <!--
3593<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>
3593-->
3594    
3594<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&amp;product=inline-share-buttons"></script>
3594
3595</div></div></div><div class="product media">
3596<div class="breeze-gallery horizontal">
3597    <div class="stage " data-gallery-role="gallery-placeholder">
3598        <div class="main-image-wrapper">
3599            <img alt="" class="main-image" src="https://batux.design/img/surga11.png" width="608" height="608">
3600        </div>
3601
3602                    <a href="https://batux.design/" class="prev" tabindex="-1">
3603                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
3604                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
3605                </svg>
3606            </a>
3607            <a href="https://batux.design/" class="next" tabindex="-1">
3608                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
3609                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3610                </svg>
3611            </a>
3612        
3613        <div class="controls">
3614            <a href="https://batux.design/" class="zoom zoom-in">
3615                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
3616                  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"></path>
3617                </svg>
3618            </a>
3619            <a href="https://batux.design/" class="zoom zoom-out">
3620                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
3621                  <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4"></path>
3622                </svg>
3623            </a>
3624        </div>
3625
3626        <a href="https://batux.design/" class="close">
3627            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
3628              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
3629            </svg>
3630        </a>
3631    </div>
3632    
3633    <div class="thumbnails ">
3634                                                    <a class="item active" href="https://batux.design/" title="View Image">
3635                    <span class="slide-image-container">
3636                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3637                    </span>    
3638                </a>
3639                                            <a class="item" href="https://batux.design/" title="View Image">
3640                    <span class="slide-image-container">
3641                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3642                    </span>    
3643                </a>
3644                                            <a class="item" href="https://batux.design/" title="View Image">
3645                    <span class="slide-image-container">
3646                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3647                    </span>    
3648                </a>
3649                                            <a class="item" href="https://batux.design/" title="View Image">
3650                    <span class="slide-image-container">
3651                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3652                    </span>    
3653                </a>
3654                                            <a class="item" href="https://batux.design/" title="View Image">
3655                    <span class="slide-image-container">
3656                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3657                    </span>    
3658                </a>
3659                                            <a class="item" href="https://batux.design/" title="View Image">
3660                    <span class="slide-image-container">
3661                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3662                    </span>    
3663                </a>
3664                                            <a class="item" href="https://batux.design/" title="View Image">
3665                    <span class="slide-image-container">
3666                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3667                    </span>    
3668                </a>
3669                                            <a class="item" href="https://batux.design/" title="View Image">
3670                    <span class="slide-image-container">
3671                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3672                    </span>    
3673                </a>
3674                                            <a class="item" href="https://batux.design/" title="View Image">
3675                    <span class="slide-image-container">
3676                        <img loading="lazy" alt="" src="https://batux.design/img/surga11.png">
3677                    </span>    
3678                </a>
3679                        </div>
3680   
3681</div>
3682
3683<script type="text/x-magento-template" id="gallery-thumbnail">
3684    <a class="<%- classes %>" href="<%- full %>">
3685        <span class="slide-image-container">
3686            <img loading="lazy" alt="<%- caption %>"
3687                src="<%- thumb %>"
3688                srcset="<%- srcset ? srcset.small : '' %>"
3689                sizes="110px"
3690                width="110"
3691                height="110"
3692            />
3693        </span>
3694    </a>
3695</script>
3695
3696
3697
3698<!-- 
3698<script data-breeze>
3699	require(['jquery'], ($) => {
3700        $('.thumbnails').pagebuilderSlider({
3701            dots: true,
3702            arrows: true
3703        });
3704    });
3705</script>
3705 -->
3706<script type="text/x-magento-init" data-breeze-processed="true">
3707    {
3708        "[data-gallery-role=gallery-placeholder]": {
3709            "Magento_ProductVideo/js/fotorama-add-video-events": {
3710                "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}],
3711                "videoSettings": [{"playIfBase":"0","showRelated":"0","videoAutoRestart":"0"}],
3712                "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}]}            }
3713        }
3714    }
3715</script>
3715
3716</div></div>    
3717<div class="product info detailed">
3718
3719   
3720</div>
3721
3722<input name="form_key" type="hidden" value="SUjhhVyNrfmZroZU" />
3723<script data-breeze>
3724    var sectionsConfig = {
3725        sections: {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages","company","personal-data"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha"],"catalog\/product_compare\/add":["compare-products","ajaxpro-reinit"],"catalog\/product_compare\/remove":["compare-products","ajaxpro-reinit"],"catalog\/product_compare\/clear":["compare-products","ajaxpro-reinit"],"sales\/guest\/reorder":["cart","ammessages"],"sales\/order\/reorder":["cart","ammessages"],"rest\/v1\/requisition_lists":["requisition"],"requisition_list\/requisition\/delete":["requisition"],"requisition_list\/item\/addtocart":["cart"],"checkout\/cart\/add":["cart","directory-data","ammessages","ajaxpro-cart"],"checkout\/cart\/delete":["cart","ammessages","ajaxpro-cart"],"checkout\/cart\/updatepost":["cart","ammessages","ajaxpro-cart"],"checkout\/cart\/updateitemoptions":["cart","ammessages","ajaxpro-cart"],"checkout\/cart\/couponpost":["cart","ammessages","ajaxpro-cart"],"checkout\/cart\/estimatepost":["cart","ammessages","ajaxpro-cart"],"checkout\/cart\/estimateupdatepost":["cart","ammessages","ajaxpro-cart"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items","ammessages"],"checkout\/sidebar\/removeitem":["cart","ammessages"],"checkout\/sidebar\/updateitemqty":["cart","ammessages"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase","ammessages","osc-data"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","ammessages","osc-data"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data","ammessages","osc-data"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase","ammessages","osc-data"],"wishlist\/index\/add":["wishlist","ajaxpro-reinit"],"wishlist\/index\/remove":["wishlist","ajaxpro-reinit"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart","ajaxpro-cart"],"wishlist\/index\/fromcart":["wishlist","cart","ajaxpro-cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"customer_order\/cart\/updatefaileditemoptions":["cart"],"checkout\/cart\/updatefaileditemoptions":["cart"],"customer_order\/cart\/advancedadd":["cart"],"checkout\/cart\/advancedadd":["cart"],"checkout\/cart\/removeallfailed":["cart"],"checkout\/cart\/removefailed":["cart"],"customer_order\/cart\/addfaileditems":["cart"],"checkout\/cart\/addfaileditems":["cart"],"customer_order\/sku\/uploadfile":["cart"],"giftregistry\/index\/cart":["cart"],"giftregistry\/view\/addtocart":["cart"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"multishipping\/checkout\/overviewpost":["cart","ammessages"],"wishlist\/index\/copyitem":["wishlist"],"wishlist\/index\/copyitems":["wishlist"],"wishlist\/index\/deletewishlist":["wishlist","multiplewishlist"],"wishlist\/index\/createwishlist":["multiplewishlist"],"wishlist\/index\/editwishlist":["multiplewishlist"],"wishlist\/index\/moveitem":["wishlist"],"wishlist\/index\/moveitems":["wishlist"],"wishlist\/search\/addtocart":["cart","wishlist"],"paypal\/express\/placeorder":["cart","checkout-data","ammessages"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data","ammessages"],"paypal\/express\/onauthorization":["cart","checkout-data","ammessages"],"rest\/*\/v1\/carts\/*\/po-payment-information":["cart","checkout-data","last-ordered-items"],"purchaseorder\/purchaseorder\/success":["cart","checkout-data","last-ordered-items"],"persistent\/index\/unsetcookie":["persistent"],"quickorder\/sku\/uploadfile\/":["cart"],"review\/product\/post":["review"],"amasty_promo\/cart\/add":["cart","ammessages"],"braintree\/paypal\/placeorder":["ammessages","cart","checkout-data"],"authorizenet\/directpost_payment\/place":["ammessages"],"rest\/*\/v1\/carts\/*\/update-item":["cart","checkout-data"],"rest\/*\/v1\/guest-carts\/*\/update-item":["cart","checkout-data"],"rest\/*\/v1\/guest-carts\/*\/remove-item":["cart","checkout-data"],"rest\/*\/v1\/carts\/*\/remove-item":["cart","checkout-data"],"kanmopopup\/catalog\/popupaddtocart":["cart"],"stylaconnect2page\/cart\/add":["cart"],"braintree\/googlepay\/placeorder":["cart","checkout-data"]},
3726        clientSideSections: ["checkout-data","cart-data","osc-data"],
3727        baseUrls: ["https:\/\/www.mothercare.co.id\/"],
3728        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"]    }
3729</script>
vendor: 1 bytes, line 3729
3729
3730<script data-breeze>
3731    var customerDataConfig = {
3732        "sectionLoadUrl": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Fsection\u002Fload\u002F",
3733        "expirableSectionLifetime": 129600,
3734        "expirableSectionNames": ["cart","persistent","ajaxpro-reinit","ajaxpro-cart","ajaxpro-product"],
3735        "cookieLifeTime": "3600",
3736        "updateSessionUrl": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Faccount\u002FupdateSession\u002F"
3737    }
3738</script>
vendor: 1 bytes, line 3738
3738
3739<script type="text/x-magento-init" data-breeze-processed="true">
3740    {
3741        "*": {
3742            "Magento_Customer/js/invalidation-processor": {
3743                "invalidationRules": {
3744                    "website-rule": {
3745                        "Magento_Customer/js/invalidation-rules/website-rule": {
3746                            "scopeConfig": {
3747                                "websiteId": "3"
3748                            }
3749                        }
3750                    }
3751                }
3752            }
3753        }
3754    }
3755</script>
vendor: 1 bytes, line 3755
3755
3756<script type="text/x-magento-init" data-breeze-processed="true">
3757    {
3758        "body": {
3759            "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"}        }
3760    }
3761</script>
vendor: 1 bytes, line 3761
3761
3762<script type="text/x-magento-init" data-breeze-processed="true">
3763{
3764    "*": {
3765        "Magento_Banner/js/model/banner":
3766            {"sectionLoadUrl":"https:\/\/www.mothercare.co.id\/banner\/ajax\/load\/","cacheTtl":30000}        }
3767}
3768</script>
vendor: 1 bytes, line 3768
3768
3769<script type="text/x-magento-init" data-breeze-processed="true">
3770{"*":{"Styla_Connect2\/js\/cart-update":[]}}</script>
3770
3771
3772<script async src="https://maps.google.com/maps/api/js?key=%0D%0AAIzaSyDplibAigLzCfOinyzZuMCyzxCkv2FLkw0&amp;libraries=places,geometry">
3773</script>
vendor: 1 bytes, line 3773
3773
3774<script type="text/x-magento-init" data-breeze-processed="true">
3775    {
3776        "body": {
3777            "requireCookie": {"noCookieUrl":"https:\/\/www.mothercare.co.id\/cookie\/index\/noCookies\/","triggers":[".review .action.submit"],"isRedirectCmsPage":true}        }
3778    }
3779</script>
vendor: 1 bytes, line 3779
3779
3780<script type="text/x-magento-init" data-breeze-processed="true">
3781    {
3782        "*": {
3783                "Magento_Catalog/js/product/view/provider": {
3784                    "data": {"items":{"600193":{"add_to_cart_button":{"post_data":"{\"action\":\"https:\\\/\\\/www.mothercare.co.id\\\/checkout\\\/cart\\\/add\\\/uenc\\\/%25uenc%25\\\/product\\\/600193\\\/\",\"data\":{\"product\":\"600193\",\"uenc\":\"%uenc%\"}}","url":"https:\/\/www.mothercare.co.id\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/600193\/","required_options":true},"add_to_compare_button":{"post_data":null,"url":"{\"action\":\"https:\\\/\\\/www.mothercare.co.id\\\/catalog\\\/product_compare\\\/add\\\/\",\"data\":{\"product\":\"600193\",\"uenc\":\"aHR0cHM6Ly93d3cubW90aGVyY2FyZS5jby5pZC9ub3JkaWMtbmF0dXJhbHMtYmFieS1zLWRoYS01MjEzMDEyNS1jbm8wMS5odG1s\"}}","required_options":null},"price_info":{"final_price":5000,"max_price":5000,"max_regular_price":5000,"minimal_regular_price":5000,"special_price":null,"minimal_price":5000,"regular_price":5000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 5.000<\/span>","max_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_price":"<span class=\"price\">Rp 5.000<\/span>","max_regular_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_regular_price":null,"special_price":null,"regular_price":"<span class=\"price\">Rp 5.000<\/span>"},"extension_attributes":{"msrp":{"msrp_price":"<span class=\"price\">Rp 0<\/span>","is_applicable":"","is_shown_price_on_gesture":"1","msrp_message":"","explanation_message":"Our price is lower than the manufacturer&#039;s &quot;minimum advertised price.&quot; As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart."},"tax_adjustments":{"final_price":5000,"max_price":5000,"max_regular_price":5000,"minimal_regular_price":5000,"special_price":5000,"minimal_price":5000,"regular_price":5000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 5.000<\/span>","max_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_price":"<span class=\"price\">Rp 5.000<\/span>","max_regular_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_regular_price":null,"special_price":"<span class=\"price\">Rp 5.000<\/span>","regular_price":"<span class=\"price\">Rp 5.000<\/span>"}},"weee_attributes":[],"weee_adjustment":"<span class=\"price\">Rp 5.000<\/span>"}},"images":[{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=325&height=325&canvas=325,325&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_grid_content_widget","height":325,"width":325,"label":"Nordic Natural Baby's DHA","resized_width":325,"resized_height":325},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=270&height=270&canvas=270,270&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_list_content_widget","height":270,"width":270,"label":"Nordic Natural Baby's DHA","resized_width":270,"resized_height":270},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=156&height=156&canvas=156,156&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_images_names_widget","height":156,"width":156,"label":"Nordic Natural Baby's DHA","resized_width":156,"resized_height":156},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=325&height=325&canvas=325,325&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_grid_content_widget","height":325,"width":325,"label":"Nordic Natural Baby's DHA","resized_width":325,"resized_height":325},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=270&height=207&canvas=270,207&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_list_content_widget","height":207,"width":270,"label":"Nordic Natural Baby's DHA","resized_width":270,"resized_height":207},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=156&height=156&canvas=156,156&o
3784ptimize=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":"SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR","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"}            }
3785        }
3786    }
3787</script>
3787
3788    
3788<script data-role="msrp-popup-template" type="text/x-magento-template">
3789    <div id="map-popup-click-for-price" class="map-popup">
3790        <div class="popup-header">
3791            <strong class="title" id="map-popup-heading-price"></strong>
3792        </div>
3793        <div class="popup-content">
3794            <div class="map-info-price" id="map-popup-content">
3795                <div class="price-box">
3796                    <div class="map-msrp" id="map-popup-msrp-box">
3797                        <span class="label">Harga</span>
3798                        <span class="old-price map-old-price" id="map-popup-msrp">
3799                            <span class="price"></span>
3800                        </span>
3801                    </div>
3802                    <div class="map-price" id="map-popup-price-box">
3803                        <span class="label">harga asli </span>
3804                        <span id="map-popup-price" class="actual-price"></span>
3805                    </div>
3806                </div>
3807                <form action="" method="POST" class="map-form-addtocart">
3808                    <input type="hidden" name="product" class="product_id" value="" />
3809                    <button type="button"
3810                            title="+ keranjang"
3811                            class="action tocart primary">
3812                        <span>+ keranjang</span>
3813                    </button>
3814                    <div class="additional-addtocart-box">
3815                                            </div>
3816                </form>
3817            </div>
3818            <div class="map-text" id="map-popup-text">
3819                Our price is lower than the manufacturer&#039;s &quot;minimum advertised price.&quot; As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.            </div>
3820        </div>
3821    </div>
3822    </script>
3822
3823    
3823<script data-role="msrp-info-template" type="text/x-magento-template">
3824    <div id="map-popup-what-this" class="map-popup">
3825        <div class="popup-header">
3826            <strong class="title" id="map-popup-heading-what-this"></strong>
3827        </div>
3828        <div class="popup-content">
3829            <div class="map-help-text" id="map-popup-text-what-this">
3830                Our price is lower than the manufacturer&#039;s &quot;minimum advertised price.&quot; As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.            </div>
3831        </div>
3832    </div>
3833    </script>
3833
3834
3835    <!--suppress ES6ConvertVarToLetConst -->
3836    
3836<script type="text/javascript" id="klevu_page_meta">
3837        var klevu_page_meta = {"platform":"magento2","pageType":"pdp","itemName":"SURGA11 # UX Design Interaktif, Navigasi Game dan Akses SLOT GACOR","itemUrl":"https:\/\/www.mothercare.co.id\/nordic-naturals-baby-s-dha-52135545-AYO01.html","itemId":"600193-598663","itemGroupId":"600193"};
3838    </script>
3838
3839<div class="sharing-buttons mobile-sharing-button">
3840    <label>Share product:</label>
3841    <div class="sharethis-inline-share-buttons"></div>
3842    <!--
3842<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>
3842-->
3843    <!--
3843<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>
3843-->
3844    
3844<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&amp;product=inline-share-buttons"></script>
3844
3845</div>
3846
3847<style>
3848:root {
3849  --primary: #eb3600;
3850  --bg: #f5f7fb;
3851  --card: #ffffff;
3852  --text: #1e293b;
3853  --muted: #64748b;
3854  --border: #eb3600;
3855}
3856
3857/* CONTAINER */
3858.surga11-box {
3859  max-width: 900px;
3860  margin: auto;
3861  background: var(--card);
3862  border-radius: 12px;
3863  padding: 20px;
3864  border: 1px solid var(--border);
3865  font-family: Arial, sans-serif;
3866}
3867
3868/* TITLE */
3869.surga11-title {
3870  font-size: 20px;
3871  font-weight: bold;
3872  margin-bottom: 15px;
3873}
3874
3875/* ===== REVIEW (HORIZONTAL) ===== */
3876.surga11-review-wrap {
3877  display: flex;
3878  gap: 15px;
3879  overflow-x: auto;
3880  padding-bottom: 10px;
3881}
3882
3883.surga11-review {
3884  min-width: 200px;
3885  background: var(--bg);
3886  padding: 12px;
3887  border-radius: 10px;
3888  border: 1px solid var(--border);
3889}
3890
3891.surga11-review-name {
3892  color: var(--primary);
3893  font-weight: bold;
3894  margin-bottom: 5px;
3895}
3896
3897.surga11-review-text {
3898  font-size: 13px;
3899  color: var(--muted);
3900}
3901
3902/* ===== FAQ (VERTICAL) ===== */
3903.surga11-faq {
3904  margin-top: 20px;
3905}
3906
3907.surga11-faq-item {
3908  border-bottom: 1px solid var(--border);
3909}
3910
3911.surga11-faq-question {
3912  padding: 12px;
3913  cursor: pointer;
3914  font-weight: bold;
3915  background: var(--bg);
3916  transition: 0.3s;
3917}
3918
3919.surga11-faq-question:hover {
3920  background: var(--primary);
3921  color: #fff;
3922}
3923
3924.surga11-faq-answer {
3925  display: none;
3926  padding: 12px;
3927  font-size: 14px;
3928  color: var(--muted);
3929}
3930
3931.surga11-faq-item.active .surga11-faq-answer {
3932  display: block;
3933}
3934</style>
3935
3936<div class="surga11-box">
3937
3938  <!-- REVIEW -->
3939  <div class="surga11-title">Top Reviews - surga11</div>
3940  <div class="surga11-review-wrap">
3941
3942    <div class="surga11-review">
3943      <div class="surga11-review-name">Nabila</div>
3944      <div class="surga11-review-text">Nggak pakai drama! Begitu klik link slot resmi surga11 dan mainkan rekomendasi slot gacor hari ini, spin beberapa kali langsung pecah perkalian raksasa. Ini baru platform slot yang beneran terbukti bayar!</div>
3945    </div>
3946
3947    <div class="surga11-review">
3948      <div class="surga11-review-name">Agus</div>
3949      <div class="surga11-review-text">Gua udah muter-muter nyobain berbagai tempat, tapi cuma di sini yang pantas disebut situs paling gacor. Server-nya kenceng, bebas lag, dan penarikan hasil kemenangan dari game slot gacor dijamin cair kilat ke rekening.</div>
3950    </div>
3951
3952    <div class="surga11-review">
3953      <div class="surga11-review-name">Chris</div>
3954      <div class="surga11-review-text">RTP-nya bukan pajangan doang, beneran akurat! Gua selalu cek data live di situs slot ini sebelum main. Hasilnya? Modal dikit pun bisa tembus maxwin karena dapet pilihan game slot paling gacor.</div>
3955    </div>
3956
3957    <div class="surga11-review">
3958      <div class="surga11-review-name">Kheryn</div>
3959      <div class="surga11-review-text">Buat yang nyari akses aman tanpa kenal blokir, tinggal masuk lewat link gacor hari ini. Pelayanannya gokil, transaksinya mantap, dan sistem fair play-nya bikin betah main di situs gacor terpercaya ini.</div>
3960    </div>
3961
3962    <div class="surga11-review">
3963      <div class="surga11-review-name">William</div>
3964      <div class="surga11-review-text">Beda banget sama platform abal-abal yang cuma bisa ngeruk modal. surga11 beneran tempat berburu keberuntungan paling adil. Masuk lewat jalur resmi, mainkan game favorit, dan buktikan sendiri kalau ini tempatnya slot gacor sejati!</div>
3965    </div>
3966
3967  </div>
3968
3969  <!-- FAQ -->
3970  <section class="short-article brand-faq" aria-labelledby="faq-title">
3971
3972    <h2 id="faq-title">FAQ SURGA11</h2>
3973
3974    <details>
3975      <summary>Apa yang menjadi fokus utama SURGA11?</summary>
3976      <p>SURGA11 membahas UX design interaktif, navigasi game, akses member, pengalaman mobile dan struktur informasi digital yang mudah dipahami.</p>
3977    </details>
3978
3979    <details>
3980      <summary>Apa yang perlu dilakukan jika SURGA11 LOGIN sulit dibuka?</summary>
3981      <p>Periksa alamat halaman, koneksi internet, cache browser, DNS dan kondisi perangkat. Mencoba jaringan atau browser berbeda dapat membantu mengetahui sumber kendala.</p>
3982    </details>
3983
3984    <details>
3985      <summary>Apa yang dimaksud SURGA11 SLOTS pada halaman ini?</summary>
3986      <p>SURGA11 SLOTS digunakan sebagai label navigasi untuk membantu pengguna mengenali bagian informasi game dan jalur digital yang tersedia pada halaman.</p>
3987    </details>
3988
3989    <details>
3990      <summary>Apakah SURGA11 nyaman digunakan melalui smartphone?</summary>
3991      <p>Halaman SURGA11 menggunakan layout responsif agar teks, logo, gambar, tombol dan navigasi dapat menyesuaikan ukuran layar smartphone maupun tablet.</p>
3992    </details>
3993
3994    <details>
3995      <summary>Bagaimana menjaga keamanan akun ketika menggunakan jalur alternatif?</summary>
3996      <p>Periksa alamat domain sebelum memasukkan informasi akun, gunakan kata sandi unik dan jangan membagikan password atau kode verifikasi kepad
3996a pihak lain.</p>
3997    </details>
3998
3999    <details>
4000      <summary>Apa fungsi SLOT GACOR pada halaman SURGA11?</summary>
4001      <p>SLOT GACOR ditempatkan sebagai kategori navigasi digital agar pengguna dapat mengenali jalur informasi yang dicari tanpa mengubah fokus utama halaman pada UX design dan pengalaman pengguna.</p>
4002    </details>
4003
4004  </section>
4005
4006  </div>
4007
4008</div>
4009
4010<script>
4011document.querySelectorAll(".surga11-faq-question").forEach(item => {
4012  item.addEventListener("click", function() {
4013    this.parentElement.classList.toggle("active");
4014  });
4015});
4016</script>
4016
4017
4018<!-- <style type="text/css">
4019    
4020    .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{
4021
4022        display: none;
4023    }
4024
4025    @media (max-width: 768px) {
4026
4027        .catalog-product-view .product.info.detailed .data.item.title {
4028            order: unset;
4029        } 
4030
4031         .catalog-product-view .page-main  .sharing-buttons{
4032                display: none;
4033        }
4034
4035       .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{
4036              display: block;
4037        }
4038        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button label{
4039            font-family: 'mothercare_2020-regular-webfont';
4040            font-style: normal;
4041            font-weight: 400;
4042            font-size: 16px;
4043            line-height: 150%;
4044            letter-spacing: -0.011em;
4045            text-transform: lowercase;
4046            color: #165C7D;
4047            display: block;
4048            text-align: center;
4049            padding: 10px 0px;
4050        }
4051        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-first,
4052        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-last {
4053             background: #165C7D !important;
4054        }     
4055
4056         .catalog-product-view .page-main .product-info-main .product-info{
4057            display: contents !important;
4058         }
4059
4060         .catalog-product-view .page-main .product-info-main .product.attribute.overview{
4061            order: 1 !important;
4062        }
4063        .catalog-product-view .page-main .product-info-main .product-config{
4064                display: contents !important;
4065        }
4066         .catalog-product-view .page-main  .sharing-buttons{
4067                order: 1;
4068        }
4069
4070    }
4071</style>
4072 -->
4073<div class="products-widget-container">
4074
4075
4076<!-- 
4076<script type="text/javascript">
4077    require(['jquery', 'jquery/ui', 'slick'], function($) {
4078        $(document).ready(function() {
4079            if ($('body').hasClass('checkout-cart-index')) {
4080                $(".widget.widget-crosssell .product-items").slick({
4081                    dots: false,
4082                    arrows: true, // Show arrows for larger screens
4083                    infinite: false,
4084                    slidesToShow: 4,
4085                    slidesToScroll: 1,
4086                    responsive: [
4087                        {
4088                            breakpoint: 1024,
4089                            settings: {
4090                                slidesToShow: 3,
4091                                slidesToScroll: 1,
4092                            }
4093                        },
4094                        {
4095                            breakpoint: 600,
4096                            settings: {
4097                                slidesToShow: 3,
4098                                slidesToScroll: 1
4099                            }
4100                        },
4101                        {
4102                            breakpoint: 480,
4103                            settings: {
4104                                slidesToShow: 2.5,
4105                                slidesToScroll: 1,
4106                                arrows: false
4107                            }
4108                        },
4109                        {
4110                            breakpoint: 430,
4111                            settings: {
4112                                slidesToShow: 2.5,
4113                                slidesToScroll: 1,
4114                                arrows: false
4115                            }
4116                        },
4117                        {
4118                            breakpoint: 390,
4119                            settings: {
4120                                slidesToShow: 2.5,
4121                                slidesToScroll: 1,
4122                                arrows: false // Hide arrows for mobile sizes
4123                            }
4124                        },
4125                        {
4126                            breakpoint: 375,
4127                            settings: {
4128                                slidesToShow: 2.5,
4129                                slidesToScroll: 1,
4130                                arrows: false // Hide arrows for mobile sizes
4131                            }
4132                        }
4133                    ]
4134                });
4135            }
4136        });
4137    });
4138</script>
4138 -->
4139
4140 
4141
4142
4143<style type="text/css">
4144
4145
4146.widget.widget-upsell,.widget.widget-related {
4147    padding-bottom: 40px;
4148    padding-top: 40px;
4149    margin-top: 0 !important
4150}
4151
4152.widget.widget-upsell .block-title,.widget.widget-related .block-title {
4153    margin: 0 !important;
4154    padding: 0 0 40px !important
4155}
4156
4157.widget.widget-upsell .block-title:before,.widget.widget-related .block-title:before {
4158    display: none !important
4159}
4160
4161.widget.widget-upsell .block-title strong,.widget.widget-related .block-title strong {
4162    display: block;
4163    font-family: 'mothercare_2020-regular-webfont';
4164    font-style: normal;
4165    font-weight: 400;
4166    font-size: 32px;
4167    color: #515759;
4168    margin: 0 !important;
4169    text-align: center;
4170    text-transform: lowercase
4171}
4172
4173@media screen and (max-width: 767px) {
4174    .widget.widget-upsell .block-title strong,.widget.widget-related .block-title strong {
4175        font-size:18px
4176    }
4177}
4178
4179.widget.widget-upsell .upsell.products-grid,.widget.widget-related .upsell.products-grid,.widget.widget-upsell .related.products-grid,.widget.widget-related .related.products-grid {
4180    overflow: inherit;
4181    padding-left: 50px;
4182    padding-right: 50px
4183}
4184
4185@media screen and (max-width: 767px) {
4186    .widget.widget-upsell .upsell.products-grid,.widget.widget-related .upsell.products-grid,.widget.widget-upsell .related.products-grid,.widget.widget-related .related.products-grid {
4187        padding:0
4188    }
4189}
4190
4191.widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,.widget.widget-related .upsell.products-grid.slick-initialized>.product-items,.widget.widget-upsell .related.products-grid.slick-initialized>.product-items,.widget.widget-related .related.products-grid.slick-initialized>.product-items {
4192    gap: 0;
4193    padding: 0;
4194    margin: 0 -25px;
4195    width: auto
4196}
4197
4198@media screen and (max-width: 767px) {
4199    .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,.widget.widget-related .upsell.products-grid.slick-initialized>.product-items,.widget.widget-upsell .related.products-grid.slick-initialized>.product-items,.widget.widget-related .related.products-grid.slick-initialized>.product-items {
4200        margin:0 -15px
4201    }
4202}
4203
4204.widget.widget-upsell .upsell.products-grid .product-item,.widget.widget-related .upsell.products-grid .product-item,.widget.widget-upsell .related.products-grid .product-item,.widget.widget-related .related.products-grid .product-item {
4205    width: calc(100%/4 - 50px);
4206    max-width: 100%;
4207    margin: 0 25px
4208}
4209
4210@media screen and (max-width: 767px) {
4211    .widget.widget-upsell .upsell.products-grid .product-item,.widget.widget-related .upsell.products-grid .product-item,.widget.widget-upsell .related.products-grid .product-item,.widget.widget-related .related.products-grid .product-item {
4212        margin:0 15px;
4213        width: calc(100%/2 - 30px)
4214    }
4215}
4216
4217.widget.widget-upsell .upsell.products-grid .product-item-photo,.widget.widget-related .upsell.products-grid .product-item-photo,.widget.widget-upsell .related.products-grid .product-item-photo,.widget.widget-related .related.products-grid .product-item-photo {
4218    display: flex;
4219    justify-content: center;
4220    height: 100%;
4221    border-radius: 5px
4222    width:100%;
4223}
4224
4225.widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container,.widget.widget-related .upsell.products-grid .product-item-photo .product-image-container,.widget.widget-upsell .related.products-grid .product-item-photo .product-image-container,.widget.widget-related .related.products-grid .product-item-photo .product-image-container {
4226    width: 100% !important
4227}
4228
4229.widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img,.widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img,.widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img,.widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
4230    height: 100%;
4231    object-fit: contain
4232}
4233
4234.widget.widget-upsell .upsell.products-grid .product-item-info,.widget.widget-related .upsell.products-grid .product-item-info,.widget.widget-upsell .related.products-grid .product-item-info,.widget.widget-related .related.products-grid .product-item-info {
4235    gap: 15px
4236}
4237
4238.widget.widget-upsell .product-items .product-item .item-img-box{
4239    position: relative;
4240    display: flex;
4241    justify-content: center;
4242    border: 1px solid #f4f1f1;
4243    align-items: center;
4244    height: 327px;
4245}
4246
4247.widget.widget-upsell .upsell.products-grid .product-item-details,.widget.widget-related .upsell.products-grid .product-item-details,.widget.widget-upsell .related.products-grid .product-item-details,.widget.widget-related .related.products-grid .product-item-details {
4248    flex-direction: column;
4249    text-align: center
4250}
4251
4252.widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name,.widget.widget-related .upsell.products-grid .product-item-details .product-item-name,.widget.widget-upsell .related.products-grid .product-item-details .product-item-name,.widget.widget-related .related.products-grid .product-item-details .product-item-name {
4253    max-width: 100%;
4254/*    height: 34px;*/
4255    margin: 0 0 20px;
4256    margin-bottom: 0px !important;
4257}
4258
4259.widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
4260    font-style: normal;
4261    font-weight: 700;
4262    font-size: 12px;
4263    line-height: 150%;
4264    text-align: center;
4265    letter-spacing: -.011em;
4266    color: #515759;
4267    font-family: 'mothercare_2020-regular-webfont';
4268    display: block
4269}
4270
4271.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
4272    flex-grow: 1;
4273    align-items: flex-end;
4274    display: flex
4275}
4276
4277.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
4278    font-family: Arial,Helvetica,sans-serif;
4279    display: block;
4280    text-align: center;
4281    flex-flow: wrap;
4282    max-width: 100%;
4283    width: 100%;
4284    margin: 0;
4285    justify-content: center
4286}
4287
4288.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
4289    margin: 0 5px;
4290    text-decoration-color: #515759;
4291    width: 100%;
4292    text-align: center
4293}
4294
4295.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
4296    font-style: normal;
4297    font-weight: 700;
4298    font-size: 12px;
4299    line-height: 120%;
4300    color: #515759
4301}
4302
4303.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
4304    order: 3;
4305    background: #f24822;
4306    font-style: normal;
4307    font-weight: 400;
4308    font-size: 12px;
4309    line-height: 24px;
4310    letter-spacing: -.011em;
4311    color: #fff;
4312    padding: 0 4px;
4313    font-family: 'Arial' !important;
4314    margin-left: 5px;
4315}
4316
4317.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
4318.widget.widget-upsell .upsell.products-grid .product-item-details .price {
4319    font-style: normal;
4320    font-weight: 700;
4321    font-size: 16px;
4322    line-height: 150%;
4323    letter-spacing: -.011em;
4324    color: #1e1e1e;
4325}
4326
4327.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
4328    font-style: normal;
4329    font-weight: 700;
4330    font-size: 14px;
4331    line-height: 120%;
4332    color: #165c7d;
4333    font-family: Arial,Helvetica,sans-serif
4334}
4335
4336.widget.widget-upsell .upsell.products-grid .product-item-details .check,.widget.widget-related .upsell.products-grid .product-item-details .check,.widget.widget-upsell .related.products-grid .product-item-details .check,.widget.widget-related .related.products-grid .product-item-details .check {
4337    margin-top: 16px
4338}
4339
4340.widget.widget-upsell .upsell.products-grid .product-item-details .check span,
4341.widget.widget-related .upsell.products-grid .product-item-details .check span,
4342.widget.widget-upsell .related.products-grid .product-item-details .check span,
4343.widget.widget-related .related.products-grid .product-item-details .check span
4344{
4345    font-style: normal;
4346    font-weight: 700;
4347    font-size: 10px;
4348    letter-spacing: -.011em;
4349    color: #1d1d1d;
4350}
4351
4352.widget.widget-upsell .upsell.products-grid .slick-arrow,.widget.widget-related .upsell.products-grid .slick-arrow,.widget.widget-upsell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
4353    width: 40px;
4354    height: 40px;
4355    border: none;
4356    background-position: center;
4357    background-repeat: no-repeat
4358}
4359
4360@media screen and (max-width: 767px) {
4361    .widget.widget-upsell .upsell.products-grid .slick-arrow,.widget.widget-related .upsell.products-grid .slick-arrow,.widget.widget-upsell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
4362        display:none !important
4363    }
4364}
4365
4366.widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,.widget.widget-related .upsell.products-grid .slick-arrow.slick-prev,.widget.widget-upsell .related.products-grid .slick-arrow.slick-prev,.widget.widget-related .related.products-grid .slick-arrow.slick-prev {
4367    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg);
4368}
4369
4370.widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,.widget.widget-related .upsell.products-grid .slick-arrow.slick-next,.widget.widget-upsell .related.products-grid .slick-arrow.slick-next,.widget.widget-related .related.products-grid .slick-arrow.slick-next {
4371    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
4372}
4373
4374.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box {
4375    display: flex;
4376    flex-flow: row wrap;
4377    justify-content: center;
4378    align-content: flex-end
4379}
4380
4381.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
4382    width: 100%
4383}
4384
4385.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
4386    text-decoration: unset
4387}
4388
4389.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
4390    font-style: normal;
4391    font-weight: 700;
4392    font-size: 12px;
4393    line-height: 120%;
4394    color: #515759;
4395    text-decoration: line-through
4396}
4397
4398.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent {
4399    width: auto;
4400    order: 3
4401}
4402
4403.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
4404    padding: 2px 4px
4405}
4406
4407.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main {
4408    margin-top: 4px;
4409    width: auto
4410}
4411
4412.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
4413    font-size: 14px;
4414    font-weight: 700;
4415    color: #1e1e1e
4416}
4417
4418
4419
4420.widget.widget-crosssell,.widget.widget-related {
4421    padding-bottom: 40px;
4422    padding-top: 40px;
4423    margin-top: 0 !important
4424}
4425
4426.widget.widget-crosssell .block-title,.widget.widget-related .block-title {
4427    margin: 0 !important;
4428    padding: 0 0 40px !important
4429}
4430
4431.widget.widget-crosssell .block-title:before,.widget.widget-related .block-title:before {
4432    display: none !important
4433}
4434
4435.widget.widget-crosssell .block-title strong,.widget.widget-related .block-title strong {
4436    display: block;
4437    font-family: 'mothercare_2020-regular-webfont';
4438    font-style: normal;
4439    font-weight: 400;
4440    font-size: 32px;
4441    color: #515759;
4442    margin: 0 !important;
4443    text-align: center;
4444    text-transform: lowercase
4445}
4446
4447@media screen and (max-width: 767px) {
4448    .widget.widget-crosssell .block-title strong,.widget.widget-related .block-title strong {
4449        font-size:18px
4450    }
4451}
4452
4453.widget.widget-crosssell .crosssell.products-grid,.widget.widget-related .crosssell.products-grid,.widget.widget-crosssell .related.products-grid,.widget.widget-related .related.products-grid {
4454    overflow: inherit;
4455    padding-left: 50px;
4456    padding-right: 50px
4457}
4458
4459@media screen and (max-width: 767px) {
4460    .widget.widget-crosssell .crosssell.products-grid,.widget.widget-related .crosssell.products-grid,.widget.widget-crosssell .related.products-grid,.widget.widget-related .related.products-grid {
4461        padding:0
4462    }
4463}
4464
4465.widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,.widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,.widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,.widget.widget-related .related.products-grid.slick-initialized>.product-items {
4466    gap: 0;
4467    padding: 0;
4468    margin: 0 -25px;
4469    width: auto
4470}
4471
4472@media screen and (max-width: 767px) {
4473    .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,.widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,.widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,.widget.widget-related .related.products-grid.slick-initialized>.product-items {
4474        margin:0 -15px
4475    }
4476}
4477
4478.widget.widget-crosssell .crosssell.products-grid .product-item,.widget.widget-related .crosssell.products-grid .product-item,.widget.widget-crosssell .related.products-grid .product-item,.widget.widget-related .related.products-grid .product-item {
4479    width: calc(100%/4 - 50px);
4480    max-width: 100%;
4481    margin: 0 25px
4482}
4483
4484@media screen and (max-width: 767px) {
4485    .widget.widget-crosssell .crosssell.products-grid .product-item,.widget.widget-related .crosssell.products-grid .product-item,.widget.widget-crosssell .related.products-grid .product-item,.widget.widget-related .related.products-grid .product-item {
4486        margin:0 8px;
4487        width: calc(100%/2 - 30px)
4488    }
4489}
4490
4491.widget.widget-crosssell .crosssell.products-grid .product-item-photo,.widget.widget-related .crosssell.products-grid .product-item-photo,.widget.widget-crosssell .related.products-grid .product-item-photo,.widget.widget-related .related.products-grid .product-item-photo {
4492    display: flex;
4493    justify-content: center;
4494    height: auto;
4495    border-radius: 5px
4496    width:100%;
4497}
4498
4499.widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container,.widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container,.widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container,.widget.widget-related .related.products-grid .product-item-photo .product-image-container {
4500    width: 100% !important
4501}
4502
4503.widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img,.widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img,.widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img,.widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
4504    height: 100%;
4505    object-fit: cover;
4506}
4507
4508.widget.widget-crosssell .crosssell.products-grid .product-item-info,.widget.widget-related .crosssell.products-grid .product-item-info,.widget.widget-crosssell .related.products-grid .product-item-info,.widget.widget-related .related.products-grid .product-item-info {
4509    gap: 15px
4510}
4511
4512.widget.widget-crosssell .crosssell.products-grid .product-item-details,.widget.widget-related .crosssell.products-grid .product-item-details,.widget.widget-crosssell .related.products-grid .product-item-details,.widget.widget-related .related.products-grid .product-item-details {
4513    flex-direction: column;
4514    text-align: center
4515}
4516
4517.widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name,.widget.widget-related .crosssell.products-grid .product-item-details .product-item-name,.widget.widget-crosssell .related.products-grid .product-item-details .product-item-name,.widget.widget-related .related.products-grid .product-item-details .product-item-name {
4518    max-width: 100%;
4519    height: 34px;
4520    margin: 0 0 20px
4521}
4522
4523.widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
4524    font-style: normal !important;
4525    font-weight: 700 !important;
4526    font-size: 12px !important;
4527    line-height: 150% !important;
4528    text-align: center !important;
4529    letter-spacing: -.011em !important;
4530    color: #515759 !important;
4531    font-family: 'mothercare_2020-regular-webfont' !important;
4532    display: block !important;
4533    text-transform: unset !important;
4534}
4535
4536.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
4537    flex-grow: 1;
4538    align-items: flex-end;
4539    display: flex
4540}
4541
4542.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
4543    font-family: Arial,Helvetica,sans-serif;
4544    display: flex;
4545    flex-flow: wrap;
4546    max-width: 100%;
4547    width: 100%;
4548    margin: 0;
4549    justify-content: center
4550}
4551
4552.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
4553    margin: 0 5px;
4554    text-decoration-color: #515759;
4555    width: 100%;
4556    text-align: center
4557}
4558
4559.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
4560    font-style: normal !important;
4561    font-weight: 700 !important;
4562    font-size: 12px !important;
4563    line-height: 120% !important;
4564    color: #515759 !important;
4565}
4566
4567.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
4568    order: 3;
4569    background: #f24822;
4570    font-style: normal;
4571    font-weight: 400;
4572    font-size: 12px;
4573    line-height: 24px;
4574    letter-spacing: -.011em;
4575    color: #fff;
4576    padding: 0 4px;
4577    margin-left: 5px;
4578    font-family: 'mothercare_2020-regular-webfont';
4579}
4580
4581.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
4582.widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
4583    font-style: normal;
4584    font-weight: 700;
4585    font-size: 16px;
4586    line-height: 150%;
4587    letter-spacing: -.011em;
4588    color: #1e1e1e
4589}
4590
4591.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
4592    font-style: normal;
4593    font-weight: 700;
4594    font-size: 14px;
4595    line-height: 120%;
4596    color: #165c7d;
4597    font-family: Arial,Helvetica,sans-serif
4598}
4599
4600.widget.widget-crosssell .crosssell.products-grid .product-item-details .check,.widget.widget-related .crosssell.products-grid .product-item-details .check,.widget.widget-crosssell .related.products-grid .product-item-details .check,.widget.widget-related .related.products-grid .product-item-details .check {
4601    margin-top: 16px
4602}
4603
4604.widget.widget-crosssell .crosssell.products-grid .product-item-details .check span,.widget.widget-related .crosssell.products-grid .product-item-details .check span,.widget.widget-crosssell .related.products-grid .product-item-details .check span,.widget.widget-related .related.products-grid .product-item-details .check span {
4605    font-style: normal;
4606    font-weight: 700;
4607    font-size: 10px;
4608    letter-spacing: -.011em;
4609    color: #1d1d1d;
4610    font-family: Arial,Helvetica Neue,Helvetica,sans-serif
4611}
4612
4613.widget.widget-crosssell .crosssell.products-grid .slick-arrow,.widget.widget-related .crosssell.products-grid .slick-arrow,.widget.widget-crosssell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
4614    width: 40px !important;
4615    height: 40px !important;
4616    border: none !important;
4617    background-position: center !important;
4618    background-repeat: no-repeat !important;
4619}
4620
4621@media screen and (max-width: 767px) {
4622    .widget.widget-crosssell .crosssell.products-grid .slick-arrow,.widget.widget-related .crosssell.products-grid .slick-arrow,.widget.widget-crosssell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
4623        display:block !important
4624    }
4625
4626    .widget-crosssell .products-grid .slick-track{
4627        overflow-x: auto;
4628        margin-top: 20px;
4629    }
4630
4631    .checkout-cart-index .column.main .block:not(.crosssell) .content{
4632        padding: 0px;
4633    }
4634}
4635
4636.widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev,.widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev,.widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev,.widget.widget-related .related.products-grid .slick-arrow.slick-prev {
4637    background-image:url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg)
4638}
4639
4640.widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next,.widget.widget-related .crosssell.products-grid .slick-arrow.slick-next,.widget.widget-crosssell .related.products-grid .slick-arrow.slick-next,.widget.widget-related .related.products-grid .slick-arrow.slick-next {
4641    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
4642}
4643
4644.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box {
4645    display: flex;
4646    flex-flow: row wrap;
4647    justify-content: center;
4648    align-content: flex-end;
4649    height: 52px;
4650}
4651
4652.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
4653    width: 100%
4654}
4655
4656.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
4657    text-decoration: unset
4658}
4659
4660.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
4661    font-style: normal;
4662    font-weight: 700;
4663    font-size: 12px;
4664    line-height: 120%;
4665    color: #515759;
4666    text-decoration: line-through
4667}
4668
4669.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent {
4670    width: auto;
4671    order: 3
4672}
4673
4674.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
4675    padding: 2px 4px
4676}
4677
4678.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main {
4679    margin-top: 4px;
4680    width: auto
4681}
4682
4683.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
4684    font-size: 14px;
4685    font-weight: 700;
4686    color: #1e1e1e
4687}
4688
4689.widget.widget-crosssell button.action.tocart.primary {
4690    background: #165C7D;
4691    padding: 2px 15px;
4692    font-family: 'mothercare_2020-regular-webfont';
4693    font-style: normal;
4694    font-weight: 700;
4695    font-size: 13px;
4696    color: #fff;
4697    letter-spacing: normal;
4698    border-radius: 5px;
4699    text-transform: none;
4700    width: calc(100% - 20px);
4701}
4702
4703.widget.widget-crosssell .actions-primary {
4704    position: absolute;
4705    left: 0;
4706    right: 0;
4707    bottom: 10px;
4708    text-align: center;
4709    z-index: 11;
4710    opacity: 0;
4711    visibility: hidden;
4712    transition: all 0.4s ease;
4713}
4714
4715.widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary, .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary {
4716    opacity: 1;
4717    visibility: visible;
4718}
4719
4720.widget.widget-crosssell .product-items .product-item .item-img-box, .catalogsearch-result-index .product-items .product-item .item-img-box {
4721    position: relative;
4722    display: flex;
4723    justify-content: center;
4724    border: 1px solid #f4f1f1;
4725    align-items: center;
4726    height: 372px;
4727}
4728
4729
4730.widget.widget-crosssell .product-items{
4731    gap: var(--listing-grid-gap);
4732    row-gap: var(--listing-grid-row-gap);
4733    display: flex;
4734    flex-wrap: nowrap;
4735    overflow-x: auto;
4736    scroll-behavior: smooth;
4737    scroll-snap-type: none;
4738    -ms-overflow-style: none;
4739    scrollbar-width: none;
4740}
4741
4742
4743.checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next{
4744    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
4745    background-size: unset !important;
4746}
4747
4748.checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow{
4749    transform: unset !important;
4750}
4751
4752.checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev{
4753    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
4754    background-size: unset !important;
4755}
4756
4757
4758.widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,.widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next{
4759    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
4760}
4761
4762
4763.widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,.widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev{
4764    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
4765}
4766
4767.widget-upsell .product-items .product-item .product-item-photo {
4768    width: 325px;
4769    height: 325px !important;
4770}
4771.widget-related .products-grid .product-item-photo .product-image-container{
4772    max-width: 325px;
4773}
4774.widget-upsell .product-items .product-item .item-img-box {
4775    border: unset !important;
4776}
4777@media(max-width:1280px){
4778    .widget-upsell .product-items .product-item .item-img-box {
4779        height:unset;
4780    }
4781}
4782.widget-related .product-items .product-item-details {
4783    flex: unset;
4784}
4785
4786
4787.checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box{
4788    border: unset !important;
4789    width: auto !important;
4790    margin: auto;
4791}
4792.checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo {
4793    border: unset !important;
4794    height: 325px !important;
4795    width: 325px;
4796
4797}
4798@media(max-width:1080px){
4799    .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
4800        height:unset;
4801    }
4802}
4803
4804.widget.widget-upsell .upsell.products-grid .price-label,
4805.widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper,
4806.widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper,
4807.widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper{
4808   display:none;
4809}
4810
4811.checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item{
4812    padding-left: unset;
4813    padding-right: unset;
4814}
4815
4816
4817.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
4818.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
4819.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price {
4820    text-decoration:line-through;
4821}
4822
4823.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price ,
4824.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price ,
4825.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price ,
4826.catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
4827    text-decoration:none;
4828}
4829
4830@media(max-width:768px){
4831    .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo,
4832    .widget-upsell .upsell.products-grid .product-item-photo{
4833        height:auto !important;
4834    }
4835
4836    .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box{
4837        width:100% !important;
4838    }
4839
4840    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item,
4841    .widget-upsell .upsell.products-grid .product-item{
4842        padding:unset;
4843        /* float: left !important; */
4844    }
4845
4846    .widget.widget-upsell .product-items .product-item .item-img-box{
4847        height: auto !important;
4848    }
4849
4850    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow,
4851    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow{
4852        display: block !important;
4853    }
4854
4855    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow{
4856        width:20px
4857    }
4858    .products-widget-container .slick-track .slick-initialized .slick-slide{
4859        float: left !important;
4860    }
4861    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name {
4862        margin: 0 0 10px;
4863    }
4864    .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check{
4865        padding-top: 0;
4866    }
4867    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check {
4868        margin-top: 8px;
4869    }
4870
4871    .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
4872    .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
4873    .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
4874    .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
4875    .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
4876    .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
4877    .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
4878    .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
4879    .widget.widget-upsell .upsell.products-grid .product-item-details .price {
4880        font-style: normal;
4881        font-weight: 700;
4882        font-size: 14px;
4883        line-height: 150%;
4884        letter-spacing: -.011em;
4885        color: #1e1e1e;
4886    }
4887
4888    .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
4889        font-style: normal;
4890        font-weight: 700;
4891        font-size: 14px;
4892        line-height: 150%;
4893        letter-spacing: -.011em;
4894        color: #1e1e1e;
4895    }
4896
4897
4898    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label {
4899        display: none;
4900    }
4901
4902    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info{
4903        height:auto !important;
4904    }
4905
4906}
4907
4908@media screen and (max-width: 500px) {
4909
4910    .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name,
4911    .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name{
4912        height: 36px;
4913    }
4914
4915    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
4916        margin: 0;
4917        text-decoration-color: #D9D9D6;
4918        width: 100%;
4919        text-align: center;
4920    }
4921
4922    .crosssell .product.details.product-item-details {
4923        flex:unset;
4924    }
4925    .crosssell .slick-initialized .slick-slide {
4926        height:100%;
4927    }
4928
4929    .widget-crosssell .products-grid .slick-slider .slick-list,
4930    .slick-slider .slick-track > .product-items {
4931        overflow: auto; /* Enable horizontal scrolling */
4932        scroll-behavior: smooth;
4933        scroll-snap-type: x mandatory; /* Ensure smooth snapping */
4934    }
4935
4936    .widget-crosssell .products-grid  .slick-track {
4937        display: flex;
4938        flex-wrap: nowrap;
4939        width: auto !important; /* Ensure the width adjusts dynamically */
4940    }
4941
4942    .widget-crosssell .products-grid  .product-items {
4943        flex: 0 0 auto; /* Prevent items from shrinking or growing */
4944    }
4945
4946   .widget.widget-upsell .products-grid.slick-initialized > .product-items{
4947        padding-bottom: 19px !important;
4948        scrollbar-width: thin !important;
4949    }
4950
4951    .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
4952        border: unset !important;
4953        width: 118px !important;
4954        margin: auto;
4955    }
4956
4957    .widget.widget-upsell .upsell.products-grid .product-item{
4958        width: calc(100% / 2.5 - 30px);
4959
4960
4961    }
4962
4963    .widget.widget-upsell .block-title {
4964        margin: 0 !important;
4965        padding: 0 0 0px !important;
4966    }
4967
4968    .widget.widget-upsell .slick-list.products.list.items.product-items {
4969        padding-top: 20px !important;
4970    }
4971
4972    .widget.widget-upsell .upsell.products-grid .slick-arrow,.widget.widget-related .upsell.products-grid .slick-arrow,.widget.widget-upsell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
4973          display:none !important;
4974        }
4975
4976    .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name{
4977        margin-bottom: 10px !important;
4978    }
4979   .widget-upsell .product-items .product-item-details {
4980        flex: unset;
4981    }
4982    .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img{
4983        aspect-ratio: 1;
4984    }
4985    .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link{
4986           overflow: hidden;
4987       display: -webkit-box;
4988       -webkit-line-clamp: 2;
4989               line-clamp: 2;
4990       -webkit-box-orient: vertical;
4991    }
4992  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link {
4993           overflow: hidden;
4994           display: -webkit-box !important;
4995           -webkit-line-clamp: 2;
4996           line-clamp: 2 !important;
4997           -webkit-box-orient: vertical;
4998           height: 36px;
4999    }
5000
5001    .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img{
5002        aspect-ratio:1;
5003    }
5004
5005}
5006
5007
5008@media screen and (max-width: 390px) {
5009
5010     .widget.widget-upsell .products-grid.slick-initialized > .product-items{
5011        padding-bottom: 19px !important;
5012        scrollbar-width: thin !important;
5013   }
5014
5015     .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
5016                margin: 0 5px;
5017    }
5018
5019
5020    .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
5021        border: unset !important;
5022        width: 118px !important;
5023        margin: 0;
5024    }
5025
5026    .widget.widget-upsell .upsell.products-grid .slick-arrow,.widget.widget-related .upsell.products-grid .slick-arrow,.widget.widget-upsell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
5027      display:none !important;
5028    }
5029
5030    .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
5031    .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
5032    .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
5033    .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
5034    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent
5035    {
5036        order: 3;
5037        background: #f24822;
5038        font-style: normal;
5039        font-weight: 400;
5040        font-size: 12px;
5041        line-height: 24px;
5042        
5042letter-spacing: -.011em;
5043        color: #fff;
5044        padding: 0px 2px;
5045        font-family: 'Arial' !important;
5046        margin-left: 0px;
5047    }
5048}
5049
5050    strong.product.name.product-item-name {
5051        overflow: hidden;
5052    }
5053
5054    strong.product.name.product-item-name {
5055        /* height: 87px; */
5056    }
5057
5058
5059    li.item.product.product-item.slick-slide.slick-active {
5060        float: left !important;
5061    }
5062
5063    .products-widget-container .slick-track .slick-initialized .slick-slide{
5064            float: left !important;
5065    }
5066    .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container {
5067        position: absolute;
5068        display: none !important;
5069    }
5070/*    .checkout-cart-index .products-crosssell .product-item .product-item-info  .product-image-container  .amasty-label-container {
5071        width: auto !important;
5072    }*/
5073</style>
5074
5075<div class="block widget widget-recent" data-bind="
5076    scope: 'catalog.product.viewed',
5077    css: options.additionalClasses,
5078    visible: visible
5079"><!-- ko template: { if: visible, name: 'recent-products' } --><!-- /ko --></div>
5080
5081
5082<script id="recent-products" type="text/x-magento-template">
5083    <div class="block-title">
5084        <strong role="heading" aria-level="2" data-bind="text: options.title"></strong>
5085    </div>
5086    <div class="block-content">
5087        <div class="recent" data-content-type="slider"
5088             data-mage-init='{"Magento_PageBuilder/js/content-type/slider/appearance/default/widget":{"arrows": true, "dots": false}}'
5089             data-bind="css: 'products-' + options.displayMode">
5090            <ol class="slick-list product-items" data-bind="foreach: items">
5091                <li class="product-item">
5092                    <div class="product-item-info">
5093                                                    <a class="product-item-photo" data-bind="
5094                                attr: { href: url, title: name },
5095                                template: { name: 'productImage', data: $parent.getImageData($data) }
5096                            "></a>
5097                        
5098                        <div class="product-item-details">
5099                                                            <strong class="product-item-name">
5100                                    <a data-bind="attr: { href: url }" class="product-item-link">
5101                                        <span data-bind="html: name"></span>
5102                                    </a>
5103                                </strong>
5104                            
5105                                                            <div class="carousel-price-box">
5106                                    <!-- ko if:$parent.getRegularPriceHtml($data) -->
5107                                    <div class="price-box crossed" data-bind="html: $parent.getRegularPriceHtml($data)"></div>
5108                                    <div class="price-box percent" data-bind="html: $parent.getDiscountPercentage($data)"></div>
5109                                    <!-- /ko -->
5110                                    <div class="price-box main" data-bind="html: $parent.getPriceHtml($data)"></div>
5111                                </div>
5112                            
5113                                                            <div class="product-item-actions">
5114                                    
5115                                                                    </div>
5116                            
5117                            <div class="product-item-description">
5118                                <div data-bind="html: $parent.getAdditionalContent($data, $element)"></div>
5119
5120                                                            </div>
5121                        </div>
5122                    </div>
5123                </li>
5124            </ol>
5125        </div>
5126    </div>
5127</script>
5127
5128
5129<script type="text/x-magento-init" data-breeze-processed="true">
5130     {
5131         "*": {
5132             "amInitLabelUi": {"scope":"website","productsLifetime":1000}         }
5133     }
5134</script>
5134
5135</div>
5136
5137
5138<!-- 
5138<script type="text/javascript">
5139    require(['jquery', 'jquery/ui', 'slick'], function($) {
5140        $(document).ready(function() {
5141            if ($('body').hasClass('checkout-cart-index')) {
5142                $(".widget.widget-crosssell .product-items").slick({
5143                    dots: false,
5144                    arrows: true, // Show arrows for larger screens
5145                    infinite: false,
5146                    slidesToShow: 4,
5147                    slidesToScroll: 1,
5148                    responsive: [
5149                        {
5150                            breakpoint: 1024,
5151                            settings: {
5152                                slidesToShow: 3,
5153                                slidesToScroll: 1,
5154                            }
5155                        },
5156                        {
5157                            breakpoint: 600,
5158                            settings: {
5159                                slidesToShow: 3,
5160                                slidesToScroll: 1
5161                            }
5162                        },
5163                        {
5164                            breakpoint: 480,
5165                            settings: {
5166                                slidesToShow: 2.5,
5167                                slidesToScroll: 1,
5168                                arrows: false
5169                            }
5170                        },
5171                        {
5172                            breakpoint: 430,
5173                            settings: {
5174                                slidesToShow: 2.5,
5175                                slidesToScroll: 1,
5176                                arrows: false
5177                            }
5178                        },
5179                        {
5180                            breakpoint: 390,
5181                            settings: {
5182                                slidesToShow: 2.5,
5183                                slidesToScroll: 1,
5184                                arrows: false // Hide arrows for mobile sizes
5185                            }
5186                        },
5187                        {
5188                            breakpoint: 375,
5189                            settings: {
5190                                slidesToShow: 2.5,
5191                                slidesToScroll: 1,
5192                                arrows: false // Hide arrows for mobile sizes
5193                            }
5194                        }
5195                    ]
5196                });
5197            }
5198        });
5199    });
5200</script>
5200 -->
5201
5202 
5203
5204
5205<style type="text/css">
5206
5207
5208.widget.widget-upsell,.widget.widget-related {
5209    padding-bottom: 40px;
5210    padding-top: 40px;
5211    margin-top: 0 !important
5212}
5213
5214.widget.widget-upsell .block-title,.widget.widget-related .block-title {
5215    margin: 0 !important;
5216    padding: 0 0 40px !important
5217}
5218
5219.widget.widget-upsell .block-title:before,.widget.widget-related .block-title:before {
5220    display: none !important
5221}
5222
5223.widget.widget-upsell .block-title strong,.widget.widget-related .block-title strong {
5224    display: block;
5225    font-family: 'mothercare_2020-regular-webfont';
5226    font-style: normal;
5227    font-weight: 400;
5228    font-size: 32px;
5229    color: #515759;
5230    margin: 0 !important;
5231    text-align: center;
5232    text-transform: lowercase
5233}
5234
5235@media screen and (max-width: 767px) {
5236    .widget.widget-upsell .block-title strong,.widget.widget-related .block-title strong {
5237        font-size:18px
5238    }
5239}
5240
5241.widget.widget-upsell .upsell.products-grid,.widget.widget-related .upsell.products-grid,.widget.widget-upsell .related.products-grid,.widget.widget-related .related.products-grid {
5242    overflow: inherit;
5243    padding-left: 50px;
5244    padding-right: 50px
5245}
5246
5247@media screen and (max-width: 767px) {
5248    .widget.widget-upsell .upsell.products-grid,.widget.widget-related .upsell.products-grid,.widget.widget-upsell .related.products-grid,.widget.widget-related .related.products-grid {
5249        padding:0
5250    }
5251}
5252
5253.widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,.widget.widget-related .upsell.products-grid.slick-initialized>.product-items,.widget.widget-upsell .related.products-grid.slick-initialized>.product-items,.widget.widget-related .related.products-grid.slick-initialized>.product-items {
5254    gap: 0;
5255    padding: 0;
5256    margin: 0 -25px;
5257    width: auto
5258}
5259
5260@media screen and (max-width: 767px) {
5261    .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,.widget.widget-related .upsell.products-grid.slick-initialized>.product-items,.widget.widget-upsell .related.products-grid.slick-initialized>.product-items,.widget.widget-related .related.products-grid.slick-initialized>.product-items {
5262        margin:0 -15px
5263    }
5264}
5265
5266.widget.widget-upsell .upsell.products-grid .product-item,.widget.widget-related .upsell.products-grid .product-item,.widget.widget-upsell .related.products-grid .product-item,.widget.widget-related .related.products-grid .product-item {
5267    width: calc(100%/4 - 50px);
5268    max-width: 100%;
5269    margin: 0 25px
5270}
5271
5272@media screen and (max-width: 767px) {
5273    .widget.widget-upsell .upsell.products-grid .product-item,.widget.widget-related .upsell.products-grid .product-item,.widget.widget-upsell .related.products-grid .product-item,.widget.widget-related .related.products-grid .product-item {
5274        margin:0 15px;
5275        width: calc(100%/2 - 30px)
5276    }
5277}
5278
5279.widget.widget-upsell .upsell.products-grid .product-item-photo,.widget.widget-related .upsell.products-grid .product-item-photo,.widget.widget-upsell .related.products-grid .product-item-photo,.widget.widget-related .related.products-grid .product-item-photo {
5280    display: flex;
5281    justify-content: center;
5282    height: 100%;
5283    border-radius: 5px
5284    width:100%;
5285}
5286
5287.widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container,.widget.widget-related .upsell.products-grid .product-item-photo .product-image-container,.widget.widget-upsell .related.products-grid .product-item-photo .product-image-container,.widget.widget-related .related.products-grid .product-item-photo .product-image-container {
5288    width: 100% !important
5289}
5290
5291.widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img,.widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img,.widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img,.widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
5292    height: 100%;
5293    object-fit: contain
5294}
5295
5296.widget.widget-upsell .upsell.products-grid .product-item-info,.widget.widget-related .upsell.products-grid .product-item-info,.widget.widget-upsell .related.products-grid .product-item-info,.widget.widget-related .related.products-grid .product-item-info {
5297    gap: 15px
5298}
5299
5300.widget.widget-upsell .product-items .product-item .item-img-box{
5301    position: relative;
5302    display: flex;
5303    justify-content: center;
5304    border: 1px solid #f4f1f1;
5305    align-items: center;
5306    height: 327px;
5307}
5308
5309.widget.widget-upsell .upsell.products-grid .product-item-details,.widget.widget-related .upsell.products-grid .product-item-details,.widget.widget-upsell .related.products-grid .product-item-details,.widget.widget-related .related.products-grid .product-item-details {
5310    flex-direction: column;
5311    text-align: center
5312}
5313
5314.widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name,.widget.widget-related .upsell.products-grid .product-item-details .product-item-name,.widget.widget-upsell .related.products-grid .product-item-details .product-item-name,.widget.widget-related .related.products-grid .product-item-details .product-item-name {
5315    max-width: 100%;
5316/*    height: 34px;*/
5317    margin: 0 0 20px;
5318    margin-bottom: 0px !important;
5319}
5320
5321.widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
5322    font-style: normal;
5323    font-weight: 700;
5324    font-size: 12px;
5325    line-height: 150%;
5326    text-align: center;
5327    letter-spacing: -.011em;
5328    color: #515759;
5329    font-family: 'mothercare_2020-regular-webfont';
5330    display: block
5331}
5332
5333.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
5334    flex-grow: 1;
5335    align-items: flex-end;
5336    display: flex
5337}
5338
5339.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
5340    font-family: Arial,Helvetica,sans-serif;
5341    display: block;
5342    text-align: center;
5343    flex-flow: wrap;
5344    max-width: 100%;
5345    width: 100%;
5346    margin: 0;
5347    justify-content: center
5348}
5349
5350.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
5351    margin: 0 5px;
5352    text-decoration-color: #515759;
5353    width: 100%;
5354    text-align: center
5355}
5356
5357.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
5358    font-style: normal;
5359    font-weight: 700;
5360    font-size: 12px;
5361    line-height: 120%;
5362    color: #515759
5363}
5364
5365.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
5366    order: 3;
5367    background: #f24822;
5368    font-style: normal;
5369    font-weight: 400;
5370    font-size: 12px;
5371    line-height: 24px;
5372    letter-spacing: -.011em;
5373    color: #fff;
5374    padding: 0 4px;
5375    font-family: 'Arial' !important;
5376    margin-left: 5px;
5377}
5378
5379.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
5380.widget.widget-upsell .upsell.products-grid .product-item-details .price {
5381    font-style: normal;
5382    font-weight: 700;
5383    font-size: 16px;
5384    line-height: 150%;
5385    letter-spacing: -.011em;
5386    color: #1e1e1e;
5387}
5388
5389.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
5390    font-style: normal;
5391    font-weight: 700;
5392    font-size: 14px;
5393    line-height: 120%;
5394    color: #165c7d;
5395    font-family: Arial,Helvetica,sans-serif
5396}
5397
5398.widget.widget-upsell .upsell.products-grid .product-item-details .check,.widget.widget-related .upsell.products-grid .product-item-details .check,.widget.widget-upsell .related.products-grid .product-item-details .check,.widget.widget-related .related.products-grid .product-item-details .check {
5399    margin-top: 16px
5400}
5401
5402.widget.widget-upsell .upsell.products-grid .product-item-details .check span,
5403.widget.widget-related .upsell.products-grid .product-item-details .check span,
5404.widget.widget-upsell .related.products-grid .product-item-details .check span,
5405.widget.widget-related .related.products-grid .product-item-details .check span
5406{
5407    font-style: normal;
5408    font-weight: 700;
5409    font-size: 10px;
5410    letter-spacing: -.011em;
5411    color: #1d1d1d;
5412}
5413
5414.widget.widget-upsell .upsell.products-grid .slick-arrow,.widget.widget-related .upsell.products-grid .slick-arrow,.widget.widget-upsell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
5415    width: 40px;
5416    height: 40px;
5417    border: none;
5418    background-position: center;
5419    background-repeat: no-repeat
5420}
5421
5422@media screen and (max-width: 767px) {
5423    .widget.widget-upsell .upsell.products-grid .slick-arrow,.widget.widget-related .upsell.products-grid .slick-arrow,.widget.widget-upsell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
5424        display:none !important
5425    }
5426}
5427
5428.widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,.widget.widget-related .upsell.products-grid .slick-arrow.slick-prev,.widget.widget-upsell .related.products-grid .slick-arrow.slick-prev,.widget.widget-related .related.products-grid .slick-arrow.slick-prev {
5429    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg);
5430}
5431
5432.widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,.widget.widget-related .upsell.products-grid .slick-arrow.slick-next,.widget.widget-upsell .related.products-grid .slick-arrow.slick-next,.widget.widget-related .related.products-grid .slick-arrow.slick-next {
5433    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
5434}
5435
5436.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box {
5437    display: flex;
5438    flex-flow: row wrap;
5439    justify-content: center;
5440    align-content: flex-end
5441}
5442
5443.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
5444    width: 100%
5445}
5446
5447.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
5448    text-decoration: unset
5449}
5450
5451.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
5452    font-style: normal;
5453    font-weight: 700;
5454    font-size: 12px;
5455    line-height: 120%;
5456    color: #515759;
5457    text-decoration: line-through
5458}
5459
5460.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent {
5461    width: auto;
5462    order: 3
5463}
5464
5465.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
5466    padding: 2px 4px
5467}
5468
5469.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main {
5470    margin-top: 4px;
5471    width: auto
5472}
5473
5474.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
5475    font-size: 14px;
5476    font-weight: 700;
5477    color: #1e1e1e
5478}
5479
5480
5481
5482.widget.widget-crosssell,.widget.widget-related {
5483    padding-bottom: 40px;
5484    padding-top: 40px;
5485    margin-top: 0 !important
5486}
5487
5488.widget.widget-crosssell .block-title,.widget.widget-related .block-title {
5489    margin: 0 !important;
5490    padding: 0 0 40px !important
5491}
5492
5493.widget.widget-crosssell .block-title:before,.widget.widget-related .block-title:before {
5494    display: none !important
5495}
5496
5497.widget.widget-crosssell .block-title strong,.widget.widget-related .block-title strong {
5498    display: block;
5499    font-family: 'mothercare_2020-regular-webfont';
5500    font-style: normal;
5501    font-weight: 400;
5502    font-size: 32px;
5503    color: #515759;
5504    margin: 0 !important;
5505    text-align: center;
5506    text-transform: lowercase
5507}
5508
5509@media screen and (max-width: 767px) {
5510    .widget.widget-crosssell .block-title strong,.widget.widget-related .block-title strong {
5511        font-size:18px
5512    }
5513}
5514
5515.widget.widget-crosssell .crosssell.products-grid,.widget.widget-related .crosssell.products-grid,.widget.widget-crosssell .related.products-grid,.widget.widget-related .related.products-grid {
5516    overflow: inherit;
5517    padding-left: 50px;
5518    padding-right: 50px
5519}
5520
5521@media screen and (max-width: 767px) {
5522    .widget.widget-crosssell .crosssell.products-grid,.widget.widget-related .crosssell.products-grid,.widget.widget-crosssell .related.products-grid,.widget.widget-related .related.products-grid {
5523        padding:0
5524    }
5525}
5526
5527.widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,.widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,.widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,.widget.widget-related .related.products-grid.slick-initialized>.product-items {
5528    gap: 0;
5529    padding: 0;
5530    margin: 0 -25px;
5531    width: auto
5532}
5533
5534@media screen and (max-width: 767px) {
5535    .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,.widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,.widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,.widget.widget-related .related.products-grid.slick-initialized>.product-items {
5536        margin:0 -15px
5537    }
5538}
5539
5540.widget.widget-crosssell .crosssell.products-grid .product-item,.widget.widget-related .crosssell.products-grid .product-item,.widget.widget-crosssell .related.products-grid .product-item,.widget.widget-related .related.products-grid .product-item {
5541    width: calc(100%/4 - 50px);
5542    max-width: 100%;
5543    margin: 0 25px
5544}
5545
5546@media screen and (max-width: 767px) {
5547    .widget.widget-crosssell .crosssell.products-grid .product-item,.widget.widget-related .crosssell.products-grid .product-item,.widget.widget-crosssell .related.products-grid .product-item,.widget.widget-related .related.products-grid .product-item {
5548        margin:0 8px;
5549        width: calc(100%/2 - 30px)
5550    }
5551}
5552
5553.widget.widget-crosssell .crosssell.products-grid .product-item-photo,.widget.widget-related .crosssell.products-grid .product-item-photo,.widget.widget-crosssell .related.products-grid .product-item-photo,.widget.widget-related .related.products-grid .product-item-photo {
5554    display: flex;
5555    justify-content: center;
5556    height: auto;
5557    border-radius: 5px
5558    width:100%;
5559}
5560
5561.widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container,.widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container,.widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container,.widget.widget-related .related.products-grid .product-item-photo .product-image-container {
5562    width: 100% !important
5563}
5564
5565.widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img,.widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img,.widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img,.widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
5566    height: 100%;
5567    object-fit: cover;
5568}
5569
5570.widget.widget-crosssell .crosssell.products-grid .product-item-info,.widget.widget-related .crosssell.products-grid .product-item-info,.widget.widget-crosssell .related.products-grid .product-item-info,.widget.widget-related .related.products-grid .product-item-info {
5571    gap: 15px
5572}
5573
5574.widget.widget-crosssell .crosssell.products-grid .product-item-details,.widget.widget-related .crosssell.products-grid .product-item-details,.widget.widget-crosssell .related.products-grid .product-item-details,.widget.widget-related .related.products-grid .product-item-details {
5575    flex-direction: column;
5576    text-align: center
5577}
5578
5579.widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name,.widget.widget-related .crosssell.products-grid .product-item-details .product-item-name,.widget.widget-crosssell .related.products-grid .product-item-details .product-item-name,.widget.widget-related .related.products-grid .product-item-details .product-item-name {
5580    max-width: 100%;
5581    height: 34px;
5582    margin: 0 0 20px
5583}
5584
5585.widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link,.widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
5586    font-style: normal !important;
5587    font-weight: 700 !important;
5588    font-size: 12px !important;
5589    line-height: 150% !important;
5590    text-align: center !important;
5591    letter-spacing: -.011em !important;
5592    color: #515759 !important;
5593    font-family: 'mothercare_2020-regular-webfont' !important;
5594    display: block !important;
5595    text-transform: unset !important;
5596}
5597
5598.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
5599    flex-grow: 1;
5600    align-items: flex-end;
5601    display: flex
5602}
5603
5604.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
5605    font-family: Arial,Helvetica,sans-serif;
5606    display: flex;
5607    flex-flow: wrap;
5608    max-width: 100%;
5609    width: 100%;
5610    margin: 0;
5611    justify-content: center
5612}
5613
5614.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
5615    margin: 0 5px;
5616    text-decoration-color: #515759;
5617    width: 100%;
5618    text-align: center
5619}
5620
5621.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
5622    font-style: normal !important;
5623    font-weight: 700 !important;
5624    font-size: 12px !important;
5625    line-height: 120% !important;
5626    color: #515759 !important;
5627}
5628
5629.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
5630    order: 3;
5631    background: #f24822;
5632    font-style: normal;
5633    font-weight: 400;
5634    font-size: 12px;
5635    line-height: 24px;
5636    letter-spacing: -.011em;
5637    color: #fff;
5638    padding: 0 4px;
5639    margin-left: 5px;
5640    font-family: 'mothercare_2020-regular-webfont';
5641}
5642
5643.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
5644.widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
5645    font-style: normal;
5646    font-weight: 700;
5647    font-size: 16px;
5648    line-height: 150%;
5649    letter-spacing: -.011em;
5650    color: #1e1e1e
5651}
5652
5653.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
5654    font-style: normal;
5655    font-weight: 700;
5656    font-size: 14px;
5657    line-height: 120%;
5658    color: #165c7d;
5659    font-family: Arial,Helvetica,sans-serif
5660}
5661
5662.widget.widget-crosssell .crosssell.products-grid .product-item-details .check,.widget.widget-related .crosssell.products-grid .product-item-details .check,.widget.widget-crosssell .related.products-grid .product-item-details .check,.widget.widget-related .related.products-grid .product-item-details .check {
5663    margin-top: 16px
5664}
5665
5666.widget.widget-crosssell .crosssell.products-grid .product-item-details .check span,.widget.widget-related .crosssell.products-grid .product-item-details .check span,.widget.widget-crosssell .related.products-grid .product-item-details .check span,.widget.widget-related .related.products-grid .product-item-details .check span {
5667    font-style: normal;
5668    font-weight: 700;
5669    font-size: 10px;
5670    letter-spacing: -.011em;
5671    color: #1d1d1d;
5672    font-family: Arial,Helvetica Neue,Helvetica,sans-serif
5673}
5674
5675.widget.widget-crosssell .crosssell.products-grid .slick-arrow,.widget.widget-related .crosssell.products-grid .slick-arrow,.widget.widget-crosssell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
5676    width: 40px !important;
5677    height: 40px !important;
5678    border: none !important;
5679    background-position: center !important;
5680    background-repeat: no-repeat !important;
5681}
5682
5683@media screen and (max-width: 767px) {
5684    .widget.widget-crosssell .crosssell.products-grid .slick-arrow,.widget.widget-related .crosssell.products-grid .slick-arrow,.widget.widget-crosssell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
5685        display:block !important
5686    }
5687
5688    .widget-crosssell .products-grid .slick-track{
5689        overflow-x: auto;
5690        margin-top: 20px;
5691    }
5692
5693    .checkout-cart-index .column.main .block:not(.crosssell) .content{
5694        padding: 0px;
5695    }
5696}
5697
5698.widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev,.widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev,.widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev,.widget.widget-related .related.products-grid .slick-arrow.slick-prev {
5699    background-image:url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg)
5700}
5701
5702.widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next,.widget.widget-related .crosssell.products-grid .slick-arrow.slick-next,.widget.widget-crosssell .related.products-grid .slick-arrow.slick-next,.widget.widget-related .related.products-grid .slick-arrow.slick-next {
5703    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
5704}
5705
5706.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box {
5707    display: flex;
5708    flex-flow: row wrap;
5709    justify-content: center;
5710    align-content: flex-end;
5711    height: 52px;
5712}
5713
5714.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
5715    width: 100%
5716}
5717
5718.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
5719    text-decoration: unset
5720}
5721
5722.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
5723    font-style: normal;
5724    font-weight: 700;
5725    font-size: 12px;
5726    line-height: 120%;
5727    color: #515759;
5728    text-decoration: line-through
5729}
5730
5731.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent {
5732    width: auto;
5733    order: 3
5734}
5735
5736.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
5737    padding: 2px 4px
5738}
5739
5740.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main {
5741    margin-top: 4px;
5742    width: auto
5743}
5744
5745.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
5746    font-size: 14px;
5747    font-weight: 700;
5748    color: #1e1e1e
5749}
5750
5751.widget.widget-crosssell button.action.tocart.primary {
5752    background: #165C7D;
5753    padding: 2px 15px;
5754    font-family: 'mothercare_2020-regular-webfont';
5755    font-style: normal;
5756    font-weight: 700;
5757    font-size: 13px;
5758    color: #fff;
5759    letter-spacing: normal;
5760    border-radius: 5px;
5761    text-transform: none;
5762    width: calc(100% - 20px);
5763}
5764
5765.widget.widget-crosssell .actions-primary {
5766    position: absolute;
5767    left: 0;
5768    right: 0;
5769    bottom: 10px;
5770    text-align: center;
5771    z-index: 11;
5772    opacity: 0;
5773    visibility: hidden;
5774    transition: all 0.4s ease;
5775}
5776
5777.widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary, .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary {
5778    opacity: 1;
5779    visibility: visible;
5780}
5781
5782.widget.widget-crosssell .product-items .product-item .item-img-box, .catalogsearch-result-index .product-items .product-item .item-img-box {
5783    position: relative;
5784    display: flex;
5785    justify-content: center;
5786    border: 1px solid #f4f1f1;
5787    align-items: center;
5788    height: 372px;
5789}
5790
5791
5792.widget.widget-crosssell .product-items{
5793    gap: var(--listing-grid-gap);
5794    row-gap: var(--listing-grid-row-gap);
5795    display: flex;
5796    flex-wrap: nowrap;
5797    overflow-x: auto;
5798    scroll-behavior: smooth;
5799    scroll-snap-type: none;
5800    -ms-overflow-style: none;
5801    scrollbar-width: none;
5802}
5803
5804
5805.checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next{
5806    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
5807    background-size: unset !important;
5808}
5809
5810.checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow{
5811    transform: unset !important;
5812}
5813
5814.checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev{
5815    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
5816    background-size: unset !important;
5817}
5818
5819
5820.widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,.widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next{
5821    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
5822}
5823
5824
5825.widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,.widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev{
5826    background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
5827}
5828
5829.widget-upsell .product-items .product-item .product-item-photo {
5830    width: 325px;
5831    height: 325px !important;
5832}
5833.widget-related .products-grid .product-item-photo .product-image-container{
5834    max-width: 325px;
5835}
5836.widget-upsell .product-items .product-item .item-img-box {
5837    border: unset !important;
5838}
5839@media(max-width:1280px){
5840    .widget-upsell .product-items .product-item .item-img-box {
5841        height:unset;
5842    }
5843}
5844.widget-related .product-items .product-item-details {
5845    flex: unset;
5846}
5847
5848
5849.checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box{
5850    border: unset !important;
5851    width: auto !important;
5852    margin: auto;
5853}
5854.checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo {
5855    border: unset !important;
5856    height: 325px !important;
5857    width: 325px;
5858
5859}
5860@media(max-width:1080px){
5861    .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
5862        height:unset;
5863    }
5864}
5865
5866.widget.widget-upsell .upsell.products-grid .price-label,
5867.widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper,
5868.widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper,
5869.widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper{
5870   display:none;
5871}
5872
5873.checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item{
5874    padding-left: unset;
5875    padding-right: unset;
5876}
5877
5878
5879.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
5880.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
5881.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price {
5882    text-decoration:line-through;
5883}
5884
5885.widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price ,
5886.widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price ,
5887.widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price ,
5888.catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
5889    text-decoration:none;
5890}
5891
5892@media(max-width:768px){
5893    .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo,
5894    .widget-upsell .upsell.products-grid .product-item-photo{
5895        height:auto !important;
5896    }
5897
5898    .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box{
5899        width:100% !important;
5900    }
5901
5902    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item,
5903    .widget-upsell .upsell.products-grid .product-item{
5904        padding:unset;
5905        /* float: left !important; */
5906    }
5907
5908    .widget.widget-upsell .product-items .product-item .item-img-box{
5909        height: auto !important;
5910    }
5911
5912    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow,
5913    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow{
5914        display: block !important;
5915    }
5916
5917    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow{
5918        width:20px
5919    }
5920    .products-widget-container .slick-track .slick-initialized .slick-slide{
5921        float: left !important;
5922    }
5923    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name {
5924        margin: 0 0 10px;
5925    }
5926    .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check{
5927        padding-top: 0;
5928    }
5929    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check {
5930        margin-top: 8px;
5931    }
5932
5933    .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
5934    .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
5935    .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
5936    .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
5937    .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
5938    .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
5939    .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
5940    .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
5941    .widget.widget-upsell .upsell.products-grid .product-item-details .price {
5942        font-style: normal;
5943        font-weight: 700;
5944        font-size: 14px;
5945        line-height: 150%;
5946        letter-spacing: -.011em;
5947        color: #1e1e1e;
5948    }
5949
5950    .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
5951        font-style: normal;
5952        font-weight: 700;
5953        font-size: 14px;
5954        line-height: 150%;
5955        letter-spacing: -.011em;
5956        color: #1e1e1e;
5957    }
5958
5959
5960    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label {
5961        display: none;
5962    }
5963
5964    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info{
5965        height:auto !important;
5966    }
5967
5968}
5969
5970@media screen and (max-width: 500px) {
5971
5972    .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name,
5973    .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name{
5974        height: 36px;
5975    }
5976
5977    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
5978        margin: 0;
5979        text-decoration-color: #D9D9D6;
5980        width: 100%;
5981        text-align: center;
5982    }
5983
5984    .crosssell .product.details.product-item-details {
5985        flex:unset;
5986    }
5987    .crosssell .slick-initialized .slick-slide {
5988        height:100%;
5989    }
5990
5991    .widget-crosssell .products-grid .slick-slider .slick-list,
5992    .slick-slider .slick-track > .product-items {
5993        overflow: auto; /* Enable horizontal scrolling */
5994        scroll-behavior: smooth;
5995        scroll-snap-type: x mandatory; /* Ensure smooth snapping */
5996    }
5997
5998    .widget-crosssell .products-grid  .slick-track {
5999        display: flex;
6000        flex-wrap: nowrap;
6001        width: auto !important; /* Ensure the width adjusts dynamically */
6002    }
6003
6004    .widget-crosssell .products-grid  .product-items {
6005        flex: 0 0 auto; /* Prevent items from shrinking or growing */
6006    }
6007
6008   .widget.widget-upsell .products-grid.slick-initialized > .product-items{
6009        padding-bottom: 19px !important;
6010        scrollbar-width: thin !important;
6011    }
6012
6013    .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
6014        border: unset !important;
6015        width: 118px !important;
6016        margin: auto;
6017    }
6018
6019    .widget.widget-upsell .upsell.products-grid .product-item{
6020        width: calc(100% / 2.5 - 30px);
6021
6022
6023    }
6024
6025    .widget.widget-upsell .block-title {
6026        margin: 0 !important;
6027        padding: 0 0 0px !important;
6028    }
6029
6030    .widget.widget-upsell .slick-list.products.list.items.product-items {
6031        padding-top: 20px !important;
6032    }
6033
6034    .widget.widget-upsell .upsell.products-grid .slick-arrow,.widget.widget-related .upsell.products-grid .slick-arrow,.widget.widget-upsell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
6035          display:none !important;
6036        }
6037
6038    .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name{
6039        margin-bottom: 10px !important;
6040    }
6041   .widget-upsell .product-items .product-item-details {
6042        flex: unset;
6043    }
6044    .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img{
6045        aspect-ratio: 1;
6046    }
6047    .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link{
6048           overflow: hidden;
6049       display: -webkit-box;
6050       -webkit-line-clamp: 2;
6051               line-clamp: 2;
6052       -webkit-box-orient: vertical;
6053    }
6054  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link {
6055           overflow: hidden;
6056           display: -webkit-box !important;
6057           -webkit-line-clamp: 2;
6058           line-clamp: 2 !important;
6059           -webkit-box-orient: vertical;
6060           height: 36px;
6061    }
6062
6063    .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img{
6064        aspect-ratio:1;
6065    }
6066
6067}
6068
6069
6070@media screen and (max-width: 390px) {
6071
6072     .widget.widget-upsell .products-grid.slick-initialized > .product-items{
6073        padding-bottom: 19px !important;
6074        scrollbar-width: thin !important;
6075   }
6076
6077     .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
6078                margin: 0 5px;
6079    }
6080
6081
6082    .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
6083        border: unset !important;
6084        width: 118px !important;
6085        margin: 0;
6086    }
6087
6088    .widget.widget-upsell .upsell.products-grid .slick-arrow,.widget.widget-related .upsell.products-grid .slick-arrow,.widget.widget-upsell .related.products-grid .slick-arrow,.widget.widget-related .related.products-grid .slick-arrow {
6089      display:none !important;
6090    }
6091
6092    .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
6093    .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
6094    .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
6095    .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
6096    .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent
6097    {
6098        order: 3;
6099        background: #f24822;
6100        font-style: normal;
6101        font-weight: 400;
6102        font-size: 12px;
6103        line-height: 24px;
6104        
6104letter-spacing: -.011em;
6105        color: #fff;
6106        padding: 0px 2px;
6107        font-family: 'Arial' !important;
6108        margin-left: 0px;
6109    }
6110}
6111
6112    strong.product.name.product-item-name {
6113        overflow: hidden;
6114    }
6115
6116    strong.product.name.product-item-name {
6117        /* height: 87px; */
6118    }
6119
6120
6121    li.item.product.product-item.slick-slide.slick-active {
6122        float: left !important;
6123    }
6124
6125    .products-widget-container .slick-track .slick-initialized .slick-slide{
6126            float: left !important;
6127    }
6128    .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container {
6129        position: absolute;
6130        display: none !important;
6131    }
6132/*    .checkout-cart-index .products-crosssell .product-item .product-item-info  .product-image-container  .amasty-label-container {
6133        width: auto !important;
6134    }*/
6135</style>
6136</div></div></main><div class="ga">
6137<script data-breeze>
6138
6139require(['jquery','Magento_Customer/js/customer-data'], 
6140    function ($,customerData) {
6141
6142    const currentWwebsiteId = 3;
6143    var products;
6144    var productName;
6145    var countFirstLoad = 4;
6146    var websiteId = window.checkout.websiteId;
6147    
6148    $(document).ready(function() {
6149
6150        try {
6151            window.dataLayer = window.dataLayer || [];
6152            var productIds = [];
6153            var productId = $('.price-box.price-final_price').attr('data-product-id');
6154            productIds.push(productId);
6155
6156            $.ajax({
6157                type: 'POST',
6158                url: window.location.origin + '/datalayer/ga/cartlayer',
6159                data: {'ids': productIds , 'requestFrom' : 'recent_view' },
6160                success: function (data) {
6161
6162                    let _productName = data[0].product_name ? data[0].product_name : "Not Defined";
6163                    let _sku = data[0].sku ? data[0].sku : "Not Defined";
6164                    let _productPrice = data[0].price ? data[0].price : "Not Defined";
6165                    let _brand = data[0].origin_brand ? data[0].origin_brand : "Not Defined";
6166                    let _category = data[0].category ? data[0].category : "Not Defined";
6167                    let _category1 = data[0].category1 ? data[0].category1 : "Not Defined";
6168                    let _category2 = data[0].category2 ? data[0].category2 : "Not Defined";
6169                    let _category3 = data[0].category3 ? data[0].category3 : "Not Defined";
6170
6171                    var products = [{
6172                        'item_name': _productName,
6173                        'item_id': _sku,
6174                        'price': _productPrice,
6175                        'item_brand': _brand,
6176                        'item_category': _category,
6177                        'item_category2': _category1,
6178                        'item_category3': _category2,
6179                        'item_category4': _category3,
6180                        'item_variant': "Not Defined",
6181                        'quantity': 1
6182                    }];
6183
6184                    dataLayer.push({
6185                        'event': 'view_item',
6186                        'eventCategory':'ecommerce',
6187                        'eventAction':'product_detail',
6188                        'eventLabel':_productName,
6189                        'ecommerce': {
6190                            'items': products
6191                        }
6192
6193                    });
6194                    
6195                }
6196            });
6197        } catch (err) {
6198            console.log('error product view : ' + err.message);
6199        }
6200    });
6201
6202    $('#product-addtocart-button').click(function(e)
6203    {
6204        e.stopPropagation();
6205        try {
6206            var cart = customerData.get('cart');
6207            var productName = $('.page-title-wrapper span').text(); 
6208            var productSku  = $('#product_addtocart_form').attr('data-product-sku');
6209            var productQty  = $('#qty').val();
6210            var productCategory = "Food,Nordic Natural,Free Shipping,App promotion,May ";
6211
6212            generateOptionProduct(cart, productName, productSku, productCategory);
6213            
6214        } catch (err) {
6215            console.log('error ga add to cart : ' + err.message);
6216        } 
6217    });
6218
6219    $('.input-text.qty').on('change', function() {
6220
6221        try {
6222            var cart = customerData.get('cart');
6223            var count = cart().summary_count;
6224
6225            productName = $('.page-title-wrapper span').text(); 
6226            var productSku  = $('.product-info-stock-sku .product.attribute.sku .value').text();
6227            var productQty  = $(this).val();
6228            var productPrice = $('.product-info-main .price-final_price').find('.price-wrapper ').attr('data-price-amount');
6229            var productBrand = "Nordic Natural";
6230            var productCategory = "Food,Nordic Natural,Free Shipping,App promotion,May ";
6231
6232            var itemCart = [{
6233                'name': productName,
6234                'id': productSku,
6235                'price': productPrice,
6236                'brand': productBrand,
6237                'category': productCategory,
6238                'quantity': productQty
6239            }];
6240
6241            window.dataLayer = window.dataLayer || [];
6242            dataLayer.push({
6243                'event': 'addToCart',
6244                'eventCategory':'Ecommerce',
6245                'eventAction':'Add To Cart',
6246                'eventLabel':productName,
6247                'ecommerce': {
6248                    'items': itemCart
6249                }
6250            });
6251
6252        } catch (err) {
6253            console.log('error ga change quantity : ' + err.message);
6254        }
6255        
6256    });
6257
6258    
6259    var isDesktopRecentTrigger = false;
6260    var productList = $.storage.ns('product_data_storage').get();
6261
6262    window.addEventListener('scroll', function(e) {
6263        e.stopPropagation();
6264        e.preventDefault();
6265
6266        try {
6267            if( $('.recent.products-grid').length > 0 )
6268            { 
6269                if (elementInView($('.recent.products-grid')) && isDesktopRecentTrigger == false) 
6270                {
6271                    var itemsRecent = [];
6272                    var products = [];
6273                    var productIds = [];
6274                    var productVariant = 'Not Defined';
6275
6276                    let index = 1;
6277                    Object.keys(productList).forEach(function(key){
6278                        if (index > countFirstLoad) return;
6279                        productIds.push(key);
6280                        index++;
6281                    });
6282
6283                    $.ajax({
6284                        type: 'POST',
6285                        url: window.location.origin + '/datalayer/ga/cartlayer',
6286                        data: {'ids': productIds , 'requestFrom' : 'recent_view' },
6287                        success: function (data) {
6288
6289                            let idxData = 1;
6290                            $.each(data, function(index, itemProd){
6291
6292                                let _productName = itemProd.product_name ? itemProd.product_name : "Not Defined";
6293                                let _sku = itemProd.sku ? itemProd.sku : "Not Defined";
6294                                let _productPrice = itemProd.price ? itemProd.price : "Not Defined";
6295                                let _brand = itemProd.origin_brand ? itemProd.origin_brand : "Not Defined";
6296                                let _category = itemProd.category ? itemProd.category : "Not Defined";
6297                                let _category1 = itemProd.category1 ? itemProd.category1 : "Not Defined";
6298                                let _category2 = itemProd.category2 ? itemProd.category2 : "Not Defined";
6299                                let _category3 = itemProd.category3 ? itemProd.category3 : "Not Defined";
6300
6301                                var products = {
6302                                    'item_name': _productName,
6303                                    'item_id': _sku,
6304                                    'price': _productPrice,
6305                                    'item_brand': _brand,
6306                                    'item_category': _category,
6307                                    'item_category2': _category1,
6308                                    'item_category3': _category2,
6309                                    'item_category4': _category3,
6310                                    'item_variant': productVariant,
6311                                    'quantity': 1,
6312                                    'index' : idxData
6313                                };
6314
6315                                itemsRecent.push(products);
6316                                idxData++;
6317                            });
6318
6319
6320                            window.dataLayer = window.dataLayer || [];
6321                            dataLayer.push({
6322                                'event': 'view_item_list',
6323                                'eventCategory':'ecommerce',
6324                                'eventAction': 'product_view',
6325                                'eventLabel': 'Recently Viewed',
6326                                'ecommerce': {                              
6327                                    'items': itemsRecent
6328                                }
6329                            });	
6330                            
6331                        }
6332                    });
6333
6334                    isDesktopRecentTrigger = true;
6335                }
6336            }
6337        } catch (err) {
6338            console.log('error recent view ga : ' + err.message);
6339        }
6340
6341    });
6342                
6343    $(document).on('click', '.recent.products-grid li a', function() {
6344        try {
6345            var linkProduct = $(this).attr('href');
6346            var productIds = [];
6347            var _index = $(this).parents('.product-item').index() + 1;
6348
6349            Object.keys(productList).forEach(function(key){
6350                if (productList[key].url = linkProduct) {
6351                    productIds.push(key);
6352                }
6353            })
6354            
6355            sendRecentViewClick(productIds, _index)
6356        } catch (err) {
6357            console.log('error click recent view : ' + err.message);
6358        }
6359
6360    });
6361
6362    $(document).on('click', '.recent.products-grid li img', function() {
6363        try {
6364            var parent = $(this).parents('.product-item');
6365            var linkProduct = parent.find('a.product-item-link').attr('href');
6366            var productIds = [];
6367            var _index = parent.index() + 1;
6368
6369            Object.keys(productList).forEach(function(key){
6370                if (productList[key].url = linkProduct) {
6371                    productIds.push(key);
6372                }
6373            })
6374            
6375            sendRecentViewClick(productIds, _index)
6376        } catch (err) {
6377            console.log('error click recent view : ' + err.message);
6378        }
6379
6380    });
6381
6382    function elementInView(elem){
6383        return ($(window).height() + $(window).scrollTop()) > $(elem).offset().top;
6384    };
6385
6386    function sendRecentViewClick(productIds, _index)
6387    {
6388        try {
6389            $.ajax({
6390                type: 'POST',
6391                url: window.location.origin + '/datalayer/ga/cartlayer',
6392                data: {'ids': productIds , 'requestFrom' : 'recent_view' },
6393                success: function (data) {
6394                    let _productName = data[0].product_name ? data[0].product_name : "Not Defined";
6395                    let _sku = data[0].sku ? data[0].sku : "Not Defined";
6396                    let _productPrice = data[0].price ? data[0].price : "Not Defined";
6397                    let _brand = data[0].origin_brand ? data[0].origin_brand : "Not Defined";
6398                    let _category = data[0].category ? data[0].category : "Not Defined";
6399                    let _category1 = data[0].category1 ? data[0].category1 : "Not Defined";
6400                    let _category2 = data[0].category2 ? data[0].category2 : "Not Defined";
6401                    let _category3 = data[0].category3 ? data[0].category3 : "Not Defined";
6402
6403                    var products = [{
6404                        'item_name': _productName,
6405                        'item_id': _sku,
6406                        'price': _productPrice,
6407                        'item_brand': _brand,
6408                        'item_category': _category,
6409                        'item_category2': _category1,
6410                        'item_category3': _category2,
6411                        'item_category4': _category3,
6412                        'item_variant': "Not Defined",
6413                        'index' : _index,
6414                        'quantity': 1
6415                    }];
6416
6417                    if (typeof productCart !== '') {
6418                        productCart.push(products);
6419                    }
6420
6421                    window.dataLayer = window.dataLayer || [];
6422                    dataLayer.push({
6423                        'event': 'select_item',
6424                        'eventCategory':'ecommerce',
6425                        'eventAction': 'product_click',
6426                        'eventLabel':_productName,
6427                        'ecommerce': {                              
6428                            'items': products
6429                        }
6430                    });           
6431                    
6432                }
6433            });
6434        } catch (err) {
6435            console.log('error click recent view : ' + err.message);
6436        }
6437    }
6438
6439    function generateOptionProduct(cart, productName, productSku, productCategory) {
6440
6441        try {
6442            var productPrice = $('.price-wrapper').attr('data-price-amount');
6443            var productVariant = '';
6444   
6445            if ($('.swatch-attribute.color .swatch-attribute-label').length > 0) {
6446                productVariant += $('.swatch-attribute.color .swatch-attribute-label').text().trim();
6447            }
6448            if ($('.swatch-attribute.color .swatch-attribute-selected-option').length > 0) {
6449                productVariant += $('.swatch-attribute.color .swatch-attribute-selected-option').text().trim() + ' | ';
6450            }
6451            if ($('.swatch-attribute.size .swatch-attribute-label').length > 0) {
6452                productVariant += $('.swatch-attribute.size .swatch-attribute-label').text().trim();
6453            }
6454            if ($('.swatch-attribute.size .swatch-attribute-selected-option').length > 0) {
6455                productVariant += $('.swatch-attribute.size .swatch-attribute-selected-option').text().trim();
6456            }
6457
6458            if (productVariant == '') {
6459                productVariant = 'Not Defined';
6460            }
6461
6462            $.ajax({
6463                type: 'POST',
6464                url: window.location.origin + '/datalayer/ga/cartlayer',
6465                data: {'product_sku': productSku , 'typeProduct' : 'sku' },
6466                success: function (data) {
6467                    console.log('data',data)
6468                    let _productName = data.product_name ? data.product_name : "Not Defined";
6469                    let _sku = data.sku ? data.sku : "Not Defined";
6470                    let _productPrice = data.price ? data.price : "Not Defined";
6471                    let _brand = data.origin_brand ? data.origin_brand : "Not Defined";
6472                    let _category = data.category ? data.category : "Not Defined";
6473                    let _category1 = data.category1 ? data.category1 : "Not Defined";
6474                    let _category2 = data.category2 ? data.category2 : "Not Defined";
6475                    let _category3 = data.category3 ? data.category3 : "Not Defined";
6476
6477                    var products = [{
6478                        item_name: _productName,
6479                        item_id: productSku,
6480                        price: productPrice,
6481                        item_brand: _brand,
6482                        item_category: _category,
6483                        item_category2: 'Not Defined',
6484                        item_category3: 'Not Defined',
6485                        item_category4: 'Not Defined',
6486                        item_variant: productVariant,
6487                        quantity: String($('#qty').val())
6488                    }];
6489
6490                    if (typeof productCart !== '') {
6491                        productCart.push(products);
6492                    }
6493
6494                    window.dataLayer = window.dataLayer || [];
6495                    dataLayer.push({
6496                        'event': 'add_to_cart',
6497                        'eventCategory':'Ecommerce',
6498                        'eventAction':'add_to_cart',
6499                        'eventLabel':productName,
6500                        'ecommerce': {                              
6501                            'items': products
6502                        }
6503                    });
6504
6505                    let is_part_of_bundle = false;
6506
6507                    if ($('body').hasClass('page-product-bundle')) {
6508                        _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;
6509                        _productPrice = _productPrice.replace("Rp ", "");
6510                        _productPrice = _productPrice.replace(".", "");
6511                        _productPrice = _productPrice.replace(".", "");
6512                        is_part_of_bundle = true;
6513                    }
6514                    // if (currentWwebsiteId == 3) {
6515                    //     branch.logEvent('ADD_TO_CART', {
6516                    //         "item_sku": productSku,
6517                    //         "item_title": _productName,
6518                    //         "item_final_price": _productPrice,
6519                    //         "item_original_price": _productPrice,
6520                    //         "item_id": data.id,
6521                    //         "is_part_of_bundle" : is_part_of_bundle,
6522                    //        "store_currency" : "IDR",
6523                    //     }, function(err) {
6524                    //         if (err) {
6525                    //             console.error('Error logging event:', err);
6526                    //         } else {
6527                    //             console.log('Successfully logged ADD_TO_CART.');
6528                    //         } 
6529                    //     });             
6530                    // }  
6531                    
6532                }
6533            });
6534
6535        } catch (err) {
6536            console.log('error click add to cart : ' + err.message);
6537        }
6538           
6539    }
6540    
6541});
6542</script>
6542
6543</div><footer class="page-footer"><a id="back-to-top" class="back-to-top"><span>Back to top</span></a>
6544<!--<button id="back-to-top" class="back-to-top back-to-top-action">-->
6545<!--    <i class="icon-up-thin"></i>-->
6546<!--    Top-->
6547<!--</button>-->
6548<script data-breeze>
6549    require(['jquery'], function($){
6550        $(function () {
6551            window.onscroll = function() {
6552                if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
6553                    $('#back-to-top').css('display','block');
6554                } else {
6555                    $('#back-to-top').css('display','none');
6556                }
6557            };
6558            $('#back-to-top').on('click',function () {
6559                document.body.scrollTop = 0;
6560                document.documentElement.scrollTop = 0;
6561            });
6562        });
6563    });
6564</script>
6564<style>#html-body [data-pb-style=DK3T6M7],#html-body [data-pb-style=EXLLNWK]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=EXLLNWK]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=DK3T6M7]{align-self:stretch}#html-body [data-pb-style=OAID5MY]{display:flex;width:100%}#html-body [data-pb-style=CEU4VQX],#html-body [data-pb-style=IQTQM3Q],#html-body [data-pb-style=PO3J8MC],#html-body [data-pb-style=WG4K5JH]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=R8KNU7R]{text-align:left}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="footer-content-mckanmo-desktop" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="EXLLNWK"><div class="pagebuilder-column-group footer-main-column-mc" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="DK3T6M7"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OAID5MY"><div class="pagebuilder-column shop-with-us-column-mc" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CEU4VQX"><h4 class="heading-shop-with-us-kanmo-mc" data-content-type="heading" data-appearance="default" data-element="main">surga11</h4><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">surga11 LINK</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">surga11 LOGIN</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">surga11 MASUK</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">surga11 ALTERNATIF</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">surga11 LOGIN</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">surga11 LOGIN ALTERNATIF</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">surga11 LINK ALTERNATIF</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">surga11-KENTUCKY CURRY</a></p>
6565</div></div><div class="pagebuilder-column need-help-column-mc" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="PO3J8MC"><h4 class="heading-need-help-kanmo-mc" data-content-type="heading" data-appearance="default" data-element="main">butuh bantuan? hubungi kami</h4><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/">hubungi kami</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="https://batux.design/surga11.html">bantuan dan faq</a></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="tel:+6221123456789">021-123456789</a></p>
6566<p>24 Hours</p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="footer-desktop">
6567<p>
6567ikuti kami di media sosial</p>
6568<div style="display:flex;column-gap:20px">
6569    <a class="item" href="https://batux.design/"><img width="10" height="19" alt="facebook icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png"></a>
6570    <a class="item" href="https://batux.design/"><img width="24" height="25" alt="instagram icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png"></a>
6571    <a class="item" href="https://batux.design/"> <img width="24" height="25" alt="youtube icon" src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_youtube.png"></a>
6572</div>
6573</div>
6574<style>
6575.footer-desktop {display:block;}
6576.footer-mobile {display:none;}
6577@media screen and (max-width: 769px) {
6578.footer-desktop {display:none !important;}
6579.footer-mobile {display:block;}
6580}
6581</style>
6582</div></div><div class="pagebuilder-column download-ourapps-column-mc" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IQTQM3Q"><h4 class="heading-download-apps-kanmo-mc" data-content-type="heading" data-appearance="default" data-element="main">unduh aplikasi surga11</h4><div class="footer-apple-store-img" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://blog.batux.design/"><img width="200" height="60" loading="lazy" src="https://www.mothercare.co.id/media/wysiwyg/apple-en.png" alt="download app apple store">
6583</a></div><div class="footer-google-play-img" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://blog.batux.design/"><img width="200" height="60" loading="lazy" src="https://www.mothercare.co.id/media/wysiwyg/google-en.png" alt="download app google play"></a>
6584
6585<style>
6586@media (min-width:768px){
6587.footer-google-play-img {
6588    width: 70%;
6589}
6590
6591}
6592</style></div><div class="footer-google-play-img" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="footer-mobile" style="text-align:center;margin-top:15px;">
6593<p>ikuti kami di media sosial</p>
6594<div style="display:flex;column-gap:20px;justify-content: center;">
6595    <a class="item" href="https://batux.design/"><img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png" alt="facebook icon"></a>
6596    <a class="item" href="https://batux.design/"><img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png" alt="instagram icon"></a>
6597    <a class="item" href="https://batux.design/"> <img src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_youtube.png" alt="youtube icon"></a>
6598</div>
6599</div>
6600</div></div><div class="pagebuilder-column accept-pay" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WG4K5JH"><h4 data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="R8KNU7R">we accept</h4><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="footer-promo"> 
6601<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> 
6602<span><a target="_blank" href="https://batux.design/"><img loading="lazy" width="117" height="60" style="max-height: 60px;margin:0 auto 15px;" src="https://files.sitestatic.net/ImageFile/202401292310490000000da1e44f57JGGAEAC__3100x800.png" alt="iso logo"></a></span>
6603</div>
6604<div>
6605<span>Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga <br>
6606Kementerian Perdagangan RI <br>
6607WhatsApp: +62 123 8888 8989
6608</span>
6609</div>
6610
6611<style>
6612
6613.cms-page-view .breadcrumbs {
6614display:none;
6615}
6616    
6617</style>
6618</div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><style>
6619.checkout-cart-index .cart-container .cart-summary .kredivo-label {
6620    display: block;
6621}
6622.cms-page-view .breadcrumbs {
6623display:none;
6624}
6625.category-description .pagebuilder-banner-wrapper   {
6626    width: 100%;
6627    height: 0;
6628    padding-top: 25%;
6629}
6630@media screen and (max-width: 767px) {
6631.category-description .pagebuilder-banner-wrapper   {
6632    width: 100%;
6633    height: 0;
6634    padding-top: 50%;
6635}
6636.accept-pay {
6637width: 100% !important;
6638    text-align: left !important;
6639    margin-bottom: 15px;
6640}
6641}
6642
6643
6644@media only screen and (min-width: 1024px){
6645
6646.catalog-category-view .products-grid .product-items .product-item, .catalogsearch-result-index .products-grid .product-items .product-item, .catalog-category-view [data-appearance=carousel] .product-items .product-item, .catalogsearch-result-index [data-appearance=carousel] .product-items .product-item {
6647margin:0 26px 35px;
6648}
6649}
6650</style>
6651</div></div></div></div></div></div></footer>
6652
6653<!-- 
6654<div id="giftreg-message-minicart" style="display: none;">
6655	</div> -->
6656
6657
6658<script type="text/javascript" data-breeze>
6659	require(['jquery','Magento_Ui/js/modal/modal'],function($,modal){
6660		let dataMinicart = $('#giftreg-message-minicart');
6661		let datapdp = $('#giftreg-message-pdp');
6662
6663		let formUrl = 'https://batux.design/';
6664
6665		// $('.action.showcart').click(function(){
6666		// 	setTimeout(function(){
6667		// 		$('#minicart-content-wrapper .block-content').find('#giftreg-message-minicart').remove();
6668		// 		$(document).find('#minicart-content-wrapper .block-content .viewcart').after(dataMinicart)
6669		// 		dataMinicart.show();
6670		// 	},500)
6671		// })
6672
6673		if ($('body').hasClass('catalog-product-view')) {
6674			$(document).find('.action.towishlist').after(datapdp);
6675			datapdp.show();
6676		}
6677
6678		var options = {
6679	        type: 'popup',
6680	        responsive: true,
6681	        innerScroll: true,
6682	        title: 'Example Modal',
6683	        modalClass: 'giftmodalbox',
6684	        buttons: [{
6685	            text: $.mage.__("ok"),
6686	            class: '',
6687	            click: function () {
6688	                this.closeModal();
6689	            }
6690	        }]
6691	    };
6692
6693	    $('.gift-pdp-button').click(function(){
6694	    	$("#modal-gift").modal(options).modal('openModal');
6695	    })
6696
6697	    $('.giftSubmit').click(function(){
6698	    	
6699	    	if (!$('input[name=entity]:checked').val()) {
6700	    		$(this).prev('.mage-error').remove()
6701	    		$('.giftSubmit').before('<div class="mage-error">Please select gift registry event</div>');
6702	    	}else{
6703	    		$('.giftLoader').show();
6704	    		$(this).prop('disabled',true);
6705	    	
6706		    	let formData = $('#product_addtocart_form').serialize().split('&');
6707		    	let giftForm = $('#giftForm');
6708		    	giftForm.find('input[type="hidden"]').remove();
6709
6710		    	for (var i = 0; i < formData.length; i++) {
6711		    		let key = formData[i].split('=');
6712		    		let fname = key[0].replace('%5B','[')
6713		    		fname = fname.replace('%5D',']')
6714		    		giftForm.append('<input type="hidden" name="'+fname+'" value="'+key[1]+'" />')
6715		    	}
6716		    	giftForm.submit()
6717	    	}
6718	    })
6719
6720	    if ($('body').hasClass('catalog-product-view')) {
6721	    	 let unec = $('.action.towishlist').attr('data-post');
6722	    	let loginUrl = $('.notlogingift').attr('href');
6723	    	$('.notlogingift').attr('href', loginUrl+'/referer/'+JSON.parse(unec).data.uenc)
6724	    }
6725		
6726	})
6727</script>
6727
6728
6729
6730
6731<style type="text/css">
6732	div#giftreg-message-pdp a {
6733	    display: flex;
6734	    align-items: center;
6735	    justify-content: center;
6736	    gap: 10px;
6737	    padding: 17px;
6738	    font-size: 16px;
6739	    border: solid 1px #165C7D;
6740	    border-radius: 5px;
6741	    color: #165C7D;
6742	    margin-top: 15px;
6743	    width: 250px;
6744	}
6745
6746	.page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a {
6747	    width: 100%;
6748	}
6749
6750	.page-product-configurable #maincontent .column.main .product-info-wrapper .product-config form#product_addtocart_form .product-options-bottom .box-tocart .fieldset .actions{
6751		display: block;
6752	}
6753
6754	div#giftreg-message-pdp a img {
6755	    width: 16.7px;
6756	}
6757
6758	#modal-gift input[type="radio"]:after {
6759	    content: '';
6760	    display: block;
6761	    width: 17px;
6762	    height: 17px;
6763	    background: white;
6764	    position: absolute;
6765	    left: -2px;
6766	    top: -2px;
6767	    border: solid thin #E8E8E8;
6768	}
6769
6770	#modal-gift input[type="radio"] {
6771	    position: relative;
6772	}
6773
6774	#modal-gift  li label {
6775	    display: flex;
6776	    gap: 10px;
6777	    align-items: center;
6778	    font-size: 16px;
6779	    color: #165C7D;
6780	    padding: 13px;
6781	}
6782
6783	#modal-gift input[type='button'] {
6784	    width: 100%;
6785	    background: #165C7D;
6786	    color: #fff;
6787	    margin-top: 34px;
6788	    font-family: 'mothercare_2020-regular-webfont';
6789	}
6790
6791	#modal-gift h1 {
6792	    font-size: 32px;
6793	    color: #165C7D;
6794	    text-align: center;
6795	}
6796
6797	#modal-gift ul {
6798	    max-height: 253px;
6799	    overflow: auto;
6800	}
6801
6802	.giftmodalbox .modal-footer {
6803	    display: none;
6804	}
6805
6806	#modal-gift input[type="radio"]:checked:before {
6807	    content: '';
6808	    position: absolute;
6809	    width: 4px;
6810	    height: 7px;
6811	    z-index: 1;
6812	    border-bottom: solid thin #165C7D;
6813	    border-right: solid thin #165C7D;
6814	    transform: rotate(45deg);
6815	    left: 5px;
6816	    top: 2px;
6817	}
6818
6819	#modal-gift .giftLoader {
6820	    text-align: center;
6821	    position: absolute;
6822	    top: 0;
6823	    left: 0;
6824	    right: 0;
6825	    bottom: 0;
6826	    background: rgba(255,255,255,0.7);
6827	}
6828
6829	.giftmodalbox .modal-inner-content {
6830	    position: relative;
6831	}
6832	@media(min-width:1244px){
6833	    .catalog-product-view .product-config {
6834		    width: 400px;
6835		}
6836    }
6837	@media(max-width:767px){
6838	    .modal-inner-wrap{
6839	        width: 100% !important;
6840	        max-width:100% !important;
6841	        border-radius:20px 20px 0 0 !important;
6842	    }
6843	    .modal-slide, .modal-popup{
6844	        padding:0 !important;
6845	    }
6846	    .modal-inner-content h1{
6847	        font-size: 26px !important;
6848	        padding-top: 30px;
6849	    }
6850	    .modal-header .action-close::before{
6851	    width: 3.5rem;
6852	    height: 2.5rem;
6853	    }
6854	    #giftreg-message-pdp{
6855	    	width: 100%;
6856	    }
6857	    .gift-pdp-button{
6858	    	padding: 5px 20px !important;
6859	    }
6860
6861	    div#giftreg-message-pdp a {
6862		    width: 100%;
6863		}
6864
6865	    .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a {
6866		    width: 100%;
6867		}
6868    }
6869</style><span data-bind="scope: 'personalData'" style="display:none;">
6870    <!-- ko if: personalData().klevuSessionId -->
6871    <span id="klevu_sessionId" data-bind="text: personalData().klevuSessionId"></span>
6872    <!-- /ko -->
6873    <!-- ko if: personalData().klevuLoginCustomerGroup -->
6874    <span id="klevu_loginCustomerGroup" data-bind="text: personalData().klevuLoginCustomerGroup"></span>
6875    <!-- /ko -->
6876    <!-- ko if: personalData().klevuIdCode -->
6877    <span id="klevu_loginCustomerEmail" data-bind="text: personalData().klevuIdCode"></span>
6878    <!-- /ko -->
6879    <!-- ko if: personalData().klevuShopperIP -->
6880    <span id="klevu_shopperIP" data-bind="text: personalData().klevuShopperIP"></span>
6881    <!-- /ko -->
6882</span>
6883<script type="text/x-magento-init" data-breeze-processed="true">
6884{"*": {"Magento_Ui/js/core/app": {"components":{"personalData":{"component":"Klevu_Search\/js\/view\/personal-data"}}}}}
6885</script>
vendor: 1 bytes, line 6885
6885
6886<script type="text/x-magento-init" data-breeze-processed="true">
6887        {
6888            "*": {
6889                "Magento_Ui/js/core/app": {
6890                    "components": {
6891                        "storage-manager": {
6892                            "component": "Magento_Catalog/js/storage-manager",
6893                            "appendTo": "",
6894                            "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/kentuckycurryhouse.com\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"0"},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/gretavanfleetmerch.com\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"0"},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/gretavanfleetmerch.com\/rest\/mothercare_website_bahasa\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/gretavanfleetmerch.com\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"0"}}                        }
6895                    }
6896                }
6897            }
6898        }
6899</script>
vendor: 1 bytes, line 6899
6899
6900<script id="form-tmpl-multiple" type="text/x-magento-template">
6901    <form id="wishlist-hidden-form" method="post" action="<%- data.url %>" class="no-display">
6902        <% if (data.itemId) { %>
6903            <input name="item_id" value="<%- data.itemId %>">
6904        <% } %>
6905        <% if (data.wishlistId) { %>
6906            <input name="wishlist_id" value="<%- data.wishlistId %>">
6907        <% } %>
6908        <% if (data.qty) { %>
6909            <input name="qty" value="<%- data.qty %>">
6910        <% } %>
6911        <% if (data.item) { %>
6912            <input name="item" value="<%- data.item %>">
6913        <% } %>
6914        <% if (data.entity) { %>
6915            <input name="entity" value="<%- data.entity %>">
6916        <% } %>
6917        <% if (data.form_key) { %>
6918            <input name="form_key" value="<%- data.form_key %>">
6919        <% } %>
6920    </form>
6921</script>
vendor: 1 bytes, line 6921
6921
6922<script id="popup-tmpl" type="text/x-magento-template">
6923    <div class="window wishlist overlay active"></div>
6924    <div id="<%- data.popupWishlistBlockId %>" class="window wishlist popup active">
6925        <div class="popup-actions">
6926            <div class="secondary">
6927                <button type="button"
6928                        title="<%- window.jQuery.mage.__('Close') %>"
6929                        class="action close <%- data.btnCloseClass %>"
6930                        data-dismiss="popup">
6931                    <span><%- data.translate.close %></span>
6932                </button>
6933            </div>
6934        </div>
6935        <div class="popup-header">
6936             <strong class="title" id="popup-title">
6937                 <span>
6938                     <% if (data.isEdit) { %>
6939                        <%- data.translate.editWishlist %>
6940                     <% } else { %>
6941                        <%- data.translate.createNewWishlist %>
6942                     <% } %>
6943                 </span>
6944             </strong>
6945        </div>
6946        <div class="popup-content" id="popup-content">
6947            <form id="<%- data.popupWishlistFormId %>" method="post" action="<%- data.url %>" class="form wishlist">
6948                <input name="form_key" type="hidden" value="<%- data.formKey %>">
6949                <fieldset class="fieldset">
6950                    <div class="field name">
6951                        <label for="wishlist-name" class="label">
6952                            <span><%- data.translate.wishListName %></span>
6953                        </label>
6954                        <div class="control">
6955                            <input id="wishlist-name"
6956                                   class="input-text"
6957                                   data-role="prompt-field"
6958                                   data-validate="{required:true}"
6959                                   type="text"
6960                                   name="name"
6961                                   maxlength="255"
6962                                   value="<%- data.name %>">
6963                        </div>
6964                    </div>
6965                    <div class="field choice">
6966                        <input id="wishlist-public"
6967                               type="checkbox"
6968                               name="visibility"<% if (data.isPublic) { %> checked=true<% } %>">
6969                        <label for="wishlist-public" class="label">
6970                            <span><%- data.translate.publicWishList %></span>
6971                        </label>
6972                    </div>
6973                    <div class="actions-toolbar">
6974                        <div class="primary">
6975                            <button class="action save primary" type="submit" title="<%- window.jQuery.mage.__('Save') %>">
6976                                <span><%- data.translate.save %></span>
6977                            </button>
6978                        </div>
6979                        <div class="secondary">
6980                            <button class="action cancel <%- data.btnCloseClass %>" type="button" title="<%- window.jQuery.mage.__('Cancel') %>">
6981                                <span><%- data.translate.cancel %></span>
6982                            </button>
6983                        </div>
6984                    </div>
6985                </fieldset>
6986            </form>
6987        </div>
6988    </div>
6989</script>
vendor: 1 bytes, line 6989
6989
6990<script id="split-btn-tmpl" type="text/x-magento-template">
6991    <div class="split button wishlist">
6992        <button type="button" data-post='<%- JSON.stringify(data.generalParams) %>' data-action="add-to-wishlist" class="label action split">
6993            <span><%- data.buttonName %></span>
6994        </button>
6995        <button class="action toggle change"
6996                title="<%- window.jQuery.mage.__('Add to:') %>"
6997                type="button"
6998                data-mage-init='{"dropdown":{}}'
6999                data-toggle="dropdown"
7000                data-trigger-keypress-button="true">
7001            <span><%- window.jQuery.mage.__('Add to:') %></span>
7002        </button>
7003        <ul class="items" data-target="dropdown">
7004            <% _.each(data.wishlists, function(item) { %>
7005                <li class="item">
7006                    <% if (item.newClass) { %>
7007                        <span role="button"
7008                              tabindex="0"
7009                              class="action <%- item.newClass %>"
7010                              data-action-keypress="true"
7011                              data-post-new-wishlist='<%- JSON.stringify(item.params) %>'
7012                              data-action="add-to-wishlist"
7013                              title="<%- item.name %>">
7014                            <span><%- item.name %></span>
7015                        </span>
7016                    <% } else { %>
7017                        <span role="button"
7018                              tabindex="0"
7019                              data-action-keypress="true"
7020                              data-post='<%- JSON.stringify(item.params) %>'
7021                              data-action="add-to-wishlist"
7022                              title="<%- item.name %>">
7023                            <%- item.name %>
7024                        </span>
7025                    <% } %>
7026                </li>
7027            <% }); %>
7028        </ul>
7029    </div>
7030</script>
vendor: 1 bytes, line 7030
7030
7031<script type="text/x-magento-init" data-breeze-processed="true">
7032    {
7033        "*": {
7034            "Magento_Ui/js/core/app": {
7035                "components": {
7036                    "multipleWishlist": {
7037                        "component": "Magento_MultipleWishlist/js/view/multiple-wishlist",
7038                        "config": {
7039                            "multipleWishlistOptions": {
7040                                "createUrl": "https://batux.design/",
7041                                "wishlistLink": ".action.towishlist"
7042                            }
7043                        }
7044                    }
7045                }
7046            }
7047        }
7048    }
7049</script>
7049
7050
7051  
7052    
7053
7054
7055<div data-bind="scope: 'ajaxpro'">
7056    <div id="ajaxpro-reinit" data-bind="html: bindBlock('reinit')"></div>
7057</div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div style="font-size:12px;background-color:#e2004b;color: #fff;padding: 15px;text-align: center;">&copy; Copyright Sengoku 5E0. All Rights Reserved.<div>
7058<style>
7059@media only screen and (max-width: 768px) {
7060    .catalog-product-view.page-product-configurable #maincontent .column.main .product-info-wrapper {
7061        gap: 0;
7062    }
7063}
7064@media only screen and (max-width: 767px) {
7065    .page-product-configurable #maincontent .column.main .product-info-wrapper .page-title-wrapper.product h1.page-title {
7066        margin-top: 0;
7067    }
7068}
7069</style></div>    
7070                
7071    
7071<script type="text/x-magento-init" data-init-lazy="submit" data-breeze-processed="true">
7072    {
7073        "[data-role=tocart-form], .form.map.checkout": {
7074            "catalogAddToCart": {
7075                "submitForcePreventValidation": false            }
7076        }
7077    }
7078</script>
7078
7079</div>
7080</div>
7081<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"31efa1747fe246cbaa1097e357e7ae2c","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 7081
7081
7082<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"9bf8bf1e1ee84226a367299f94618e3d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 7082
7082
7083<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"da5603a3b6b14b9e9af139aa3ec4ce84","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
7083
7084
7085</div></div><div id="klevu-quick-search-theme-templates">
7085<script type="template/klevu" id="klevuQuickTemplateBase"><div class="klevu-fluid kuPreventDocumentClick"><%= helper.render('customBlockTopOuter',scope) %>
7086<div id="klevuSearchingArea" class="klevuQuickSearchingArea">
7087	<div ku-container data-container-id="ku_quick_main_container" data-container-role="main"><%= helper.render('customBlockTop',scope) %>
7088		<header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header">
7089			<section ku-block data-block-id="ku_quick_main_header_sub_panel"></section>
7090			<section ku-block data-block-id="ku_quick_main_header_banner"><%=helper.render('klevuQuickPromotionBanner',scope,data,"top") %>
7091			</section>
7092			<section ku-block data-block-id="ku_quick_main_header_site_navigation">
7093				<div class="klevuSuggestionsBlock"><%=helper.render('klevuQuickAutoSuggestions',scope) %><%=helper.render('klevuQuickPageSuggestions',scope) %><%=helper.render('klevuQuickCategorySuggestions',scope) %>
7094				</div>
7095			</section>
7096		</header><% if(data.showQuickFacetedLayoutCharLimitMessage == true) { %><% var quickFacetedLayoutMessage = (data.quickFacetedLayoutMinCharsTextValue) ? data.quickFacetedLayoutMinCharsTextValue : ""; %><% if(quickFacetedLayoutMessage != "") { %>
7097		<span class="kuFacetedLayoutMinCharText"><%= helper.translate(quickFacetedLayoutMessage) %>
7098		</span><% } %><% } else { %><% if(data.query.productList) { %><%=helper.render('klevuQuickTemplateResultsHeadingTitle',scope,data,"productList") %><%= helper.render('klevuQuickTemplateTabResults',scope) %><%= helper.render('klevuQuickProducts',scope) %><%= helper.render('klevuQuickOtherContent',scope) %><% } else { %>
7099		<div class="kuSearchPersonalizationsContainer"><%= helper.render('klevuSearchPersonalizations',scope) %>
7100		</div><% } %><% } %>
7101		<footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer">
7102			<section ku-block data-block-id="ku_quick_main_footer_sub_panel"></section>
7103			<section ku-block data-block-id="ku_quick_main_footer_banner"><%=helper.render('klevuQuickPromotionBanner',scope,data,"bottom") %>
7104			</section>
7105		</footer><%= helper.render('customBlockBottom',scope) %>
7106	</div>
7107</div></div></script>
7107<script type="template/klevu" id="klevuSearchPersonalizations"><div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content">
7108<section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left">
7109	<div ku-block data-block-id="ku_quick_left_facets"></div>
7110	<div ku-block data-block-id="ku_quick_left_call_outs"><%=helper.render('kuTemplatePopularSearches',scope) %><%=helper.render('kuTemplateRecentSearches',scope) %>
7111	</div>
7112	<div ku-block data-block-id="ku_quick_left_banner"></div>
7113</section>
7114<section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center">
7115	<header ku-block data-block-id="ku_quick_result_header"></header>
7116	<div ku-block data-block-id="ku_quick_result_items"></div>
7117	<div ku-block data-block-id="ku_quick_other_items"><%=helper.render('klevuTrendingProducts',scope) %><%=helper.render('klevuRecentViewedProducts',scope) %>
7118	</div>
7119	<footer ku-block data-block-id="ku_quick_result_footer"></footer>
7120</section>
7121<section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right">
7122	<div ku-block data-block-id="ku_quick_right_facets"></div>
7123	<div ku-block data-block-id="ku_quick_right_call_outs"></div>
7124	<div ku-block data-block-id="ku_quick_right_banner"></div>
7125</section></div></script>
7125<script type="template/klevu" id="klevuQuickAutoSuggestions"><% if(data.suggestions.autosuggestion) { %><% if(data.suggestions.autosuggestion.length> 0 ) { %><% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %><div class="klevuAutoSuggestionsWrap klevuAutosuggestions">
7126<div class="klevuSuggestionHeading">
7127	<span class="klevuHeadingText"><%=helper.translate("Suggestions")%>
7128	</span>
7129</div>
7130<ul><% helper.each(data.suggestions.autosuggestion,function(key,suggestion){ %>
7131	<li tabindex="-1">
7132		<a target="_self" href="<%=helper.buildUrl(data.settings.landingUrl, queryParam , helper.stripHtml(suggestion.suggest))%>" data-content="<%=helper.stripHtml(suggestion.suggest) %>" class="klevu-track-click"><%=suggestion.suggest %>
7133		</a>
7134	</li><% }); %>
7135</ul></div><% } %><% } %></script>
7135<script type="template/klevu" id="klevuQuickPageSuggestions"><% if(data.query.cmsCompressed) { %><% if(data.query.cmsCompressed.result.length > 0 ){ %><div class="klevuAutoSuggestionsWrap klevuCmsSuggestions" id="klevuCmsContentArea">
7136<div class="klevuSuggestionHeading">
7137	<span class="klevuHeadingText"><%=helper.translate("Pages")%>
7138	</span>
7139</div>
7140<ul><% helper.each(data.query.cmsCompressed.result,function(key,cms){ %>
7141	<li tabindex="-1">
7142		<a target="_self" href="<%=cms.url%>" class="klevu-track-click" data-url="<%=cms.url%>" data-name="<%=cms.name%>"><%=cms.name%>
7143		</a>
7144	</li><% }); %>
7145</ul></div><% } %><% } %></script>
7145<script type="template/klevu" id="klevuQuickCategorySuggestions"><% if(data.query.categoryCompressed) { %><% if(data.query.categoryCompressed.result.length > 0 ){ %><div class="klevuAutoSuggestionsWrap klevuCategorySuggestions" id="klevuCategoryArea">
7146<div class="klevuSuggestionHeading">
7147	<span class="klevuHeadingText"><%=helper.translate("Category")%>
7148	</span>
7149</div>
7150<ul><% helper.each(data.query.categoryCompressed.result,function(key,category){ %>
7151	<li tabindex="-1">
7152		<a target="_self" href="<%=category.url%>" class="klevu-track-click" data-url="<%=category.url%>" data-name="<%=category.name%>" ><%=category.name%>
7153		</a>
7154	</li><% }); %>
7155</ul></div><% } %><% } %></script>
7155<script type="template/klevu" id="klevuQuickProducts"><% if(data.query.productList) { %><% if(data.query.productList.result.length > 0 ) { %><div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="productList" >
7156<section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left">
7157	<div ku-block data-block-id="ku_quick_left_facets"><% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %><% if(isQuickFiltersOnLeft === true && data.query.productList.filters && data.query.productList.filters.length > 0) { %>
7158		<div data-section="productList" class="klevuMeta"><%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %>
7159		</div><% } %>
7160	</div>
7161	<div ku-block data-block-id="ku_quick_left_call_outs"></div>
7162	<div ku-block data-block-id="ku_quick_left_banner"></div>
7163</section>
7164<section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center">
7165	<header ku-block data-block-id="ku_quick_result_header"></header>
7166	<div ku-block data-block-id="ku_quick_result_items">
7167		<div class="klevuResultsBlock"><%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %>
7168			<div class="klevuQuickSearchResults klevuMeta productList" data-section="productList" id="productList" data-result-view="list" >
7169				<div class="kuQuickResultsListHeader"><%=helper.render('kuTemplateQuickResultsViewSwitch',scope,data,"productList") %><%=helper.render('klevuQuickTemplateSortBy',scope,data,"productList") %>
7170				</div>
7171				<div class="kuClearBoth"></div>
7172				<div class="kuQuickResultsListContainer">
7173					<ul><% helper.each(data.query.productList.result,function(key,product){ %><%=helper.render('klevuQuickProductBlock',scope,data,product) %><% }); %><%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %>
7174					</ul>
7175				</div>
7176			</div>
7177		</div>
7178	</div>
7179	<div ku-block data-block-id="ku_quick_other_items">
7180		<div data-section="productList" class="klevuMeta"><%=helper.render('klevuQuickTemplatePagination',scope,data,"productList") %>
7181		</div>
7182	</div>
7183	<footer ku-block data-block-id="ku_quick_result_footer"></footer>
7184</section>
7185<section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right">
7186	<div ku-block data-block-id="ku_quick_right_facets"><% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %><% if(isQuickFiltersOnLeft === false && data.query.productList.filters && data.query.productList.filters.length > 0) { %>
7187		<div data-section="productList" class="klevuMeta"><%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %>
7188		</div><% } %>
7189	</div>
7190	<div ku-block data-block-id="ku_quick_right_call_outs"></div>
7191	<div ku-block data-block-id="ku_quick_right_banner"></div>
7192</section></div><% } else { %><% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); %><% if(isCmsEnabled) { %><% if(data.query.cmsCompressed && data.query.cmsCompressed.result.length <= 0 ){ %><div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content">
7193<section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"></section>
7194<section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center">
7195	<div ku-block data-block-id="ku_quick_no_result_items"><%=helper.render('noResultsFoundQuick',scope) %>
7196	</div>
7197</section>
7198<section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"></section></div><% } %><% } else { %><div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content">
7199<section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"></section>
7200<section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center">
7201	<div ku-block data-block-id="ku_quick_no_result_items"><%=helper.render('noResultsFoundQuick',scope) %>
7202	</div>
7203</section>
7204<section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"></section></div><% } %><% } %><% } else { %><% } %></script>
7204<script type="template/klevu" id="klevuQuickProductBlockTitleHeader"><div class="klevuSuggestionHeading">
7205<span class="klevuHeadingText"><%=helper.translate("Products")%>
7206</span></div><div class="klevuProductsViewAll"><% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %>
7207<a href="<%=helper.buildUrl(data.settings.landingUrl, queryParam ,helper.stripHtml(data.settings.term))%>" target="_parent"><%=helper.translate("View All")%>
7208</a></div></script>
7208<script type="template/klevu" id="klevuQuickProductBlock"><% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %><li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>">
7209<a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick kuTrackRecentView">
7210	<div class="klevuProductItemTop">
7211		<div class="klevuQuickImgWrap">
7212			<div class="klevuQuickDiscountBadge">
7213				<strong><%=dataLocal.stickyLabelHead%>
7214				</strong>
7215			</div>
7216			<img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="
7217				<%=updatedProductName%>" />
7218			</div>
7219		</div>
7220		<div class="klevuProductItemBottom">
7221			<div class="klevuQuickProductDescBlock">
7222				<div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %>
7223				</div>
7224				<div class="klevu-desc-l2 kuClippedOne"><%=dataLocal.shortDesc%>
7225				</div>
7226				<div class="klevuQuickProductDesc kuClippedOne">
7227					<div class="klevuSpectxt"><%=dataLocal.summaryAttribute%>
7228						<span><%=dataLocal.stickyLabelText%>
7229						</span>
7230					</div>
7231				</div><% if(dataLocal.inStock && dataLocal.inStock != "yes") { %><%=helper.render('quickProductStock', scope, data, dataLocal) %><% } else { %><% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %>
7232				<div class="klevuQuickProductPrice kuClippedOne"><% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %><% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %>
7233					<div class="klevuQuickSalePrice kuStartPrice">
7234						<span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%>
7235						</span>
7236						<span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%>
7237						</span>
7238					</div><% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %>
7239					<span class="klevuQuickOrigPrice"><%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %>
7240					</span>
7241					<span class="klevuQuickSalePrice klevuQuickSpecialPrice"><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%>
7242					</span><% } else if(!Number.isNaN(kuSalePrice)) { %>
7243					<span class="klevuQuickSalePrice"><%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %>
7244					</span><% } else if(!Number.isNaN(kuPrice)) { %>
7245					<span class="klevuQuickSalePrice"><%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %>
7246					</span><% } %>
7247				</div><%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %><% } %><% } %><%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %>
7248			</div>
7249		</div>
7250		<div class="kuClearLeft"></div>
7251	</a><%=helper.render('quickSearchProductAddToCart',scope,data,dataLocal) %>
7252</li></script>
7252<script type="template/klevu" id="klevuQuickTemplateResultsHeadingTitle"><% var totalNumberOfResults = klevu.getObjectPath(data,"query."+dataLocal+".meta.totalResultsFound"); var searchedTerm = helper.escapeHTML(data.settings.term); %>
7253<div class="kuContainer">
7254	<div class="kuResultsHeadingTitleContainer">
7255		<strong class="kuResultsNumber"><%= (totalNumberOfResults) ? totalNumberOfResults : 0 %>
7256		</strong><%= helper.translate((parseInt(totalNumberOfResults) > 1) ? " Results" : " Result") %><%=helper.translate("found")%><%= (searchedTerm && searchedTerm.length && searchedTerm != "*") ? helper.translate("for") + " '
7257		<span>"+ klevu.dom.helpers.cleanCatogeryPath(searchedTerm) +"</span>'" : "" %>
7258	</div>
7259</div></script>
7259
7260  <!-- pagination searches template for Quick Search Results -->
7260<script type="template/klevu" id="klevuQuickTemplatePagination"><% if(data.query[dataLocal].result.length > 0 ) { %><% var productListLimit = data.query[dataLocal].meta.noOfResults; %><% var productListTotal = data.query[dataLocal].meta.totalResultsFound - 1; %>
7261<div class="kuPagination"><% if(data.query[dataLocal].meta.offset > 0) { %>
7262	<a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="0">&lt;&lt;</a>&nbsp; 
7263	<a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>">&lt;
7264	</a>&nbsp; <% } %><% if(data.query[dataLocal].meta.offset > 0) { %>
7265	<a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit))%>
7266	</a>&nbsp; <% } %>
7267	<a href="javascript:void(0);" class="kuCurrent"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%>
7268	</a>&nbsp; <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %>
7269	<a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+2)%>
7270	</a>&nbsp; <% } %><% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %>
7271	<a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>">&gt;
7272	</a>&nbsp; 
7273	<a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(Math.floor(productListTotal/productListLimit)*productListLimit)%>">&gt;&gt;
7274	</a><% } %>
7275</div><% } %></script>
7275<script type="template/klevu" id="klevuQuickPromotionBanner"><% var hasNoResultFound = klevu.getObjectPath(data,"modules.promotionalBanner.hasNoResultFound"); %><% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %><% if(data.banners && data.banners[dataLocal] && data.banners[dataLocal].length && !hasNoResultFound) { klevu.each(data.banners[dataLocal], function(index, banner){ %><% var imageUrl = banner.bannerImg; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %>
7276<div class="klevu-banner-ad kuBannerContainer"><% if(!!banner.redirectUrl) { %>
7277	<a role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" >
7278		<img src="<%= imageUrl %>" alt="
7279			<%= imageAltText %>" />
7280		</a><% } else { %>
7281		<span role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" >
7282			<img src="<%= imageUrl %>" alt="
7283				<%= imageAltText %>" />
7284			</span><% } %>
7285		</div><% }); } %>
7286	</script>
7286
7287  <!-- Popular searches template for Quick Search Results -->
7288  
7288<script type="template/klevu" id="kuTemplatePopularSearches"><% if(data.popularSearches && data.popularSearches.length) { %>
7289		<div class="kuPopularSearchesBlock kuPreventDocumentClick">
7290			<div class="klevuSuggestionHeading kuPopularSearchHeading">
7291				<span class="klevuHeadingText"><%=helper.translate("Popular Searches")%>
7292				</span>
7293			</div>
7294			<div class="kuPopularSearchTerms">
7295				<ul><% helper.each(data.popularSearches,function(key,term){ %><% if(term && term.length) { %>
7296					<li class="kuPopularSearchTerm" data-value="<%= term %>">
7297						<a target="_self" href="javascript:void(0)"><%= term %>
7298						</a>
7299					</li><% } %><% }); %>
7300				</ul>
7301			</div>
7302		</div><% } %>
7303	</script>
7303
7304  <!-- Recent searches template for Quick Search Results -->
7305  
7305<script type="template/klevu" id="kuTemplateRecentSearches"><% if(data.recentSearches && data.recentSearches.length) { %>
7306		<div class="kuRecentSearchesBlock kuPreventDocumentClick">
7307			<div class="klevuSuggestionHeading kuRecentSearchHeading">
7308				<span class="klevuHeadingText"><%=helper.translate("Recent Searches")%>
7309				</span>
7310			</div>
7311			<div class="kuRecentSearchTerms">
7312				<ul><% helper.each(data.recentSearches,function(key,term){ %><% if(term && term.length) { %>
7313					<li class="kuRecentSearchTerm" data-value="<%= helper.escapeHTML(term) %>">
7314						<a target="_parent" href="javascript:void(0)"><%= helper.escapeHTML(term) %>
7315						</a>
7316					</li><% } %><% }); %>
7317				</ul>
7318			</div>
7319		</div><% } %>
7320	</script>
7320
7321  <!-- Product block template for Trending products in Quick Search Results -->
7322  
7322<script type="template/klevu" id="klevuQuickTrendingProductBlock"><% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %>
7323		<a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuQSMenuItemTarget kuTrackRecentView">
7324			<div class="klevuProductItemTop">
7325				<div class="klevuQuickImgWrap">
7326					<div class="klevuQuickDiscountBadge">
7327						<strong><%=dataLocal.stickyLabelHead%>
7328						</strong>
7329					</div>
7330					<img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="
7331						<%=updatedProductName%>" />
7332					</div>
7333				</div>
7334				<div class="klevuProductItemBottom">
7335					<div class="klevuQuickProductDescBlock">
7336						<div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %>
7337						</div>
7338						<div class="klevuQuickProductDesc">
7339							<div class="klevuSpectxt"><%=dataLocal.summaryAttribute%>
7340								<span><%=dataLocal.stickyLabelText%>
7341								</span>
7342							</div>
7343						</div>
7344					</div>
7345				</div>
7346			</a>
7347		</script>
7347
7348  <!-- Trending products template for Quick Search Results -->
7349  
7349<script type="template/klevu" id="klevuTrendingProducts"><% var trendingProductsTitle = klevu.getObjectPath(data,"modules.trendingProducts.title"); trendingProductsTitle = (trendingProductsTitle) ? trendingProductsTitle : ""; %><% if(data.query.trendingProductList) { %><% if(data.query.trendingProductList.result.length > 0 ) { %>
7350			<div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider">
7351				<div class="klevuSuggestionHeading">
7352					<span class="klevuHeadingText"><%= helper.translate(trendingProductsTitle) %>
7353					</span>
7354				</div>
7355				<div class="klevuQuickSearchResults klevuQuickSearchTrendingResults" data-section="trendingProductList" data-source="trendingProducts" id="trendingProductList">
7356					<div class="kuCarousel kuTrendingProductsCarousel">
7357						<div class="nav nav-left">
7358							<div class="ion-chevron-left kuCarousel-arrow-icon-left"></div>
7359						</div>
7360						<div class="kuCarousel-content"><% helper.each(data.query.trendingProductList.result,function(key,product){ %>
7361							<div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=product.id%>"><%=helper.render('klevuQuickTrendingProductBlock',scope,data,product) %>
7362							</div><% }); %>
7363						</div>
7364						<div class="nav nav-right">
7365							<div class="ion-chevron-right kuCarousel-arrow-icon-right"></div>
7366						</div>
7367					</div>
7368				</div>
7369			</div><% } %><% } %>
7370		</script>
7370
7371  <!-- Product block template for Recently viewed products in Quick Search Results -->
7372  
7372<script type="template/klevu" id="klevuQuickRecentViewedProductBlock"><% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %>
7373			<a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuTrackRecentView kuQSMenuItemTarget">
7374				<div class="klevuProductItemTop">
7375					<div class="klevuQuickImgWrap">
7376						<div class="klevuQuickDiscountBadge">
7377							<strong><%=dataLocal.stickyLabelHead%>
7378							</strong>
7379						</div>
7380						<img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="
7381							<%=updatedProductName%>" />
7382						</div>
7383					</div>
7384					<div class="klevuProductItemBottom">
7385						<div class="klevuQuickProductDescBlock">
7386							<div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %>
7387							</div>
7388							<div class="klevuQuickProductDesc">
7389								<div class="klevuSpectxt"><%=dataLocal.summaryAttribute%>
7390									<span><%=dataLocal.stickyLabelText%>
7391									</span>
7392								</div>
7393							</div>
7394						</div>
7395					</div>
7396				</a>
7397			</script>
7397
7398  <!-- Recent viewed products template for Quick Search Results -->
7399  
7399<script type="template/klevu" id="klevuRecentViewedProducts"><% var recentlyViewedProductsTitle = klevu.getObjectPath(data,"modules.recentlyViewedProducts.title"); recentlyViewedProductsTitle = (recentlyViewedProductsTitle) ? recentlyViewedProductsTitle : ""; %><% if(data.query.recentViewedProductList) { %><% if(data.query.recentViewedProductList.result.length > 0 ) { %>
7400				<div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider">
7401					<div class="klevuSuggestionHeading">
7402						<span class="klevuHeadingText"><%= helper.translate(recentlyViewedProductsTitle) %>
7403						</span>
7404					</div>
7405					<div class="klevuQuickSearchResults klevuQuickSearchRecentResults" data-section="recentViewedProductList" data-source="recentlyClickedProducts" id="recentViewedProductList">
7406						<div class="kuCarousel kuRecentlyViewedProductsCarousel">
7407							<div class="nav nav-left">
7408								<div class="ion-chevron-left kuCarousel-arrow-icon-left"></div>
7409							</div>
7410							<div class="kuCarousel-content"><% helper.each(data.query.recentViewedProductList.result,function(key,product){ %>
7411								<div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=dataLocal.id%>"><%=helper.render('klevuQuickRecentViewedProductBlock',scope,data,product) %>
7412								</div><% }); %>
7413							</div>
7414							<div class="nav nav-right">
7415								<div class="ion-chevron-right kuCarousel-arrow-icon-right"></div>
7416							</div>
7417						</div>
7418					</div>
7419				</div><% } %><% } %>
7420			</script>
7420
7421  <!-- No Results Found template for Quick Search Results -->
7422  
7422<script type="template/klevu" id="klevuTemplateNoResultFoundQuick"> <div class="kuQuickSearchNoRecordFound">
7423					<div class="kuQuickNoResults">
7424						<div class="kuQuickNoResultsInner">
7425							<div class="kuQuickNoResultsMessage"><%= helper.translate(data.noResultsFoundMsg) %>
7426							</div>
7427						</div>
7428					</div>
7429					<div class="kuDividerLine"></div><%=helper.render('quickNoResultsPopularProducts', scope, data) %><%=helper.render('quickNoResultsFoundBanners', scope, data) %><%=helper.render('quickNoResultsPopularSearches', scope, data) %>
7430				</div>
7431			</script>
7431
7432  
7432<script type="template/klevu" id="klevuQuickNoResultsPopularProducts"><% var popularProductList = klevu.getObjectPath(data,"query.noResultsFoundPopularProductList.result");%><% if(popularProductList) { %><% if(popularProductList.length > 0 ) { %>
7433				<div class="klevuNoResultsProductsBlock">
7434					<div class="klevuPopularProductsHeading">
7435						<span class="klevuQuickHeadingText"><%= helper.translate(data.quickNoResultsPopularHeading) %>
7436						</span>
7437					</div>
7438					<div class="klevuQuickSearchNoResultsPopular" data-section="noResultsFoundPopularProductList" id="noResultsFoundPopularProductList">
7439						<ul><% helper.each(popularProductList,function(key, product){ %><%=helper.render('quickNoResultsPopularProductBlock',scope,data,product) %><% }); %>
7440						</ul>
7441					</div>
7442				</div><% } %><% } %>
7443			</script>
7443
7444  
7444<script type="template/klevu" id="klevuQuickNoResultsPopularProductBlock"><% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %>
7445				<li class="klevuPopularProduct" data-id="<%=dataLocal.id%>">
7446					<a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickPopularProductInnerBlock trackProductClick klevuProductClick kuTrackRecentView">
7447						<div class="klevuPopularProductItemTop">
7448							<div class="klevuQuickImgWrap">
7449								<div class="klevuQuickDiscountBadge">
7450									<strong><%=dataLocal.stickyLabelHead%>
7451									</strong>
7452								</div>
7453								<img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="
7454									<%=updatedProductName%>" />
7455								</div>
7456							</div>
7457							<div class="klevuPopularProductItemBottom">
7458								<div class="klevuQuickPopularProductDescBlock">
7459									<div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %>
7460									</div>
7461									<div class="klevu-desc-l2 kuClippedOne"><%=dataLocal.shortDesc%>
7462									</div><% if(dataLocal.inStock && dataLocal.inStock != "yes") { %><%=helper.render('quickProductStock', scope, data, dataLocal) %><% } else { %><% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %>
7463									<div class="klevuQuickProductPrice kuClippedOne"><% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %><% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %>
7464										<div class="klevuQuickSalePrice kuStartPrice">
7465											<span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%>
7466											</span>
7467											<span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%>
7468											</span>
7469										</div><% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %>
7470										<span class="klevuQuickOrigPrice"><%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %>
7471										</span>
7472										<span class="klevuQuickSalePrice klevuQuickSpecialPrice"><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%>
7473										</span><% } else if(!Number.isNaN(kuSalePrice)) { %>
7474										<span class="klevuQuickSalePrice"><%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %>
7475										</span><% } else if(!Number.isNaN(kuPrice)) { %>
7476										<span class="klevuQuickSalePrice"><%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %>
7477										</span><% } %>
7478									</div><%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %><% } %><% } %><%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %>
7479								</div>
7480							</div>
7481							<div class="kuClearLeft"></div>
7482						</a>
7483					</li>
7484				</script>
7484
7485  <!-- Popular searches template for Quick Search Results -->
7486  
7486<script type="template/klevu" id="kuQuickNoResultsPopularSearches"><% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %>
7487					<div class="kuNoResultsPopularSearchesBlock">
7488						<div class="kuNoResultsPopularSearchHeading">
7489							<span class="klevuQuickHeadingText"><%=helper.translate("Popular Searches")%>
7490							</span>
7491						</div>
7492						<div class="kuNoResultsPopularSearchTerms">
7493							<ul><% helper.each(data.noResultsFoundPopularSearches, function(key,term){ %><% if(term && term.length) { %><% var landingURLPrefix = klevu.getObjectPath(klevu.settings,"url.landing"); if(typeof landingURLPrefix === "" || landingURLPrefix === ""){ landingURLPrefix = "/"; } %>
7494								<li class="kuNoResultsPopularSearchTerm" data-value="<%= term %>">
7495									<a href="<%= landingURLPrefix %>?<%=klevu.getObjectPath(data,"settings.queryParam","q")%>=<%= term %>" title="<%= term %>"><%= term %>
7496									</a>
7497								</li><% } %><% }); %>
7498							</ul>
7499						</div>
7500					</div><% } %>
7501				</script>
7501
7502  
7502<script type="template/klevu" id="klevuQuickNoResultsFoundBanners"><% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %><% if(data.quickNoResultsFoundBanners && data.quickNoResultsFoundBanners.length) { klevu.each(data.quickNoResultsFoundBanners, function(index, banner){ %><% var imageUrl = banner.bannerImageUrl; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %>
7503					<div class="klevu-no-results-banner-ad-quick"><% if(!!banner.redirectUrl) { %>
7504						<a class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" >
7505							<img src="<%= imageUrl %>" alt="
7506								<%= imageAltText %>" />
7507							</a><% } else { %>
7508							<span target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" >
7509								<img src="<%= imageUrl %>" alt="
7510									<%= imageAltText %>" />
7511								</span><% } %>
7512							</div><% }); %>
7513							<div class="kuDividerLine"></div><% } %>
7514						</script>
7514
7515  <!-- Search result Product stock availability label template file-->
7516  
7516<script type="template/klevu" id="quickSearchResultProductStock"><% var outOfStockCaption = klevu.search.modules.kmcInputs.base.getOutOfStockCaptionValue(); var productStockStatus = helper.translate(outOfStockCaption); %>
7517							<div class="kuClippedOne kuQuickCaptionStockOut"><%= productStockStatus %>
7518							</div>
7519						</script>
7519
7520  <!-- Search result Product VAT label template file-->
7521  
7521<script type="template/klevu" id="searchResultProductVATLabelQuick"><% var caption = klevu.search.modules.kmcInputs.base.getVatCaption(); var vatCaption = helper.translate("(" + caption + ")"); %>
7522							<div class="kuCaptionVat"><%= vatCaption %>
7523							</div>
7524						</script>
7524
7525  
7525<script type="template/klevu" id="klevuQuickTemplateFilters"><% if(data.query[dataLocal].filters.length > 0 ) { %>
7526							<div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0"><% helper.each(data.query[dataLocal].filters,function(key,filter){ %><% if(filter.type == "OPTIONS"){ %>
7527								<div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>>
7528									<div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"><% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %><%=helper.translate(filter_label)%>
7529									</div>
7530									<div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %><%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>">
7531										<ul><% helper.each(filter.options,function(key,filterOption){ %>
7532											<li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>>
7533												<a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" >
7534													<span class="kuFilterIcon"></span>
7535													<span class="kufacet-text"><%=filterOption.name%>
7536													</span><% if(filterOption.selected ==true) { %>
7537													<span class="kuFilterCancel">X</span><% } else { %>
7538													<span class="kuFilterTotal"><%=filterOption.count%>
7539													</span><% } %>
7540												</a>
7541											</li><% }); %>
7542										</ul><% if(filter.options.length > 5 ) { %>
7543										<div class="kuShowOpt" tabindex="-1">
7544											<span class="kuFilterDot"></span>
7545											<span class="kuFilterDot"></span>
7546											<span class="kuFilterDot"></span>
7547										</div><% } %>
7548									</div>
7549								</div><% } else if(filter.type == "SLIDER") { %>
7550								<div class="kuFilterBox klevuFilter" data-filter="<%=filter.key%>">
7551									<div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"><% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %><%=helper.translate(filter_label)%>
7552									</div>
7553									<div class="kuFilterNames sliderFilterNames <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>">
7554										<div class="kuPriceSlider klevuSliderFilter" data-query = "<%=dataLocal%>">
7555											<div data-querykey = "<%=dataLocal%>" class="noUi-target noUi-ltr noUi-horizontal noUi-background kuSliderFilter kuPriceRangeSliderFilter<%=dataLocal%>">
7556											</div>
7557										</div>
7558									</div>
7559								</div><% } else if (filter.type == "RATING") { %>
7560								<div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>
7560" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>>
7561									<div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"><%=helper.translate(filter.label)%>
7562									</div>
7563									<div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %><%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>">
7564										<ul><% helper.each(filter.options,function(key,filterOption){ %>
7565											<li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>>
7566												<a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" >
7567													<span class="kuFilterIcon"></span>
7568													<span class="kufacet-text">
7569														<div class="klevuFacetStars">
7570															<div class="klevuFacetRating" style="width:<%=(20*Number(filterOption.name))%>%;">
7571															</div>
7572														</div>
7573													</span><% if(filterOption.selected ==true) { %>
7574													<span class="kuFilterCancel">X</span><% } else { %>
7575													<span class="kuFilterTotal"><%=filterOption.count%>
7576													</span><% } %>
7577												</a>
7578											</li><% }); %>
7579										</ul>
7580									</div>
7581								</div><% } else { %>
7582								<!-- Other Facets --><% } %><% }); %>
7583								<!-- <div class="kuFiltersFooter"><a target="_self" href="javascript:void(0)" class="kuBtn kuFacetsSlideOut kuMobileFilterCloseBtn" role="button" tabindex="0" area-label=""><%=helper.translate("Close")%></a></div> -->
7584							</div><% } %>
7585						</script>
7585
7586  
7586<script type="template/klevu" id="klevuQuickOtherContent"><% if(data.query.cmsCompressed) { %><% if(data.query.cmsCompressed.result.length > 0 ) { %>
7587							<div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="cmsCompressed" >
7588								<section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left">
7589									<div ku-block data-block-id="ku_quick_left_facets"><% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %><% if(isQuickFiltersOnLeft === true && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %>
7590										<div data-section="cmsCompressed" class="klevuMeta"><%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %>
7591										</div><% } %>
7592									</div>
7593									<div ku-block data-block-id="ku_quick_left_call_outs"></div>
7594									<div ku-block data-block-id="ku_quick_left_banner"></div>
7595								</section>
7596								<section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center">
7597									<header ku-block data-block-id="ku_quick_result_header"></header>
7598									<div ku-block data-block-id="ku_quick_result_items">
7599										<div class="klevuResultsBlock"><%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %>
7600											<div class="klevuQuickSearchResults klevuMeta cmsCompressed" data-section="cmsCompressed" id="cmsCompressed">
7601												<ul><% helper.each(data.query.cmsCompressed.result,function(key,product){ %><%=helper.render('klevuQuickTemplateContentBlock',scope,data,product) %><% }); %><%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %>
7602												</ul>
7603											</div>
7604										</div>
7605									</div>
7606									<div ku-block data-block-id="ku_quick_other_items">
7607										<div data-section="cmsCompressed" class="klevuMeta"><%=helper.render('klevuQuickTemplatePagination',scope,data,"cmsCompressed") %>
7608										</div>
7609									</div>
7610									<footer ku-block data-block-id="ku_quick_result_footer"></footer>
7611								</section>
7612								<section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right">
7613									<div ku-block data-block-id="ku_quick_right_facets"><% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %><% if(isQuickFiltersOnLeft === false && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %>
7614										<div data-section="cmsCompressed" class="klevuMeta"><%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %>
7615										</div><% } %>
7616									</div>
7617									<div ku-block data-block-id="ku_quick_right_call_outs"></div>
7618									<div ku-block data-block-id="ku_quick_right_banner"></div>
7619								</section>
7620							</div><% } else { %><% } %><% } else { %><% } %>
7621						</script>
7621
7622  
7622<script type="template/klevu" id="klevuQuickTemplateContentBlock"><% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %>
7623							<li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>">
7624								<a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick">
7625									<div class="klevuProductItemTop">
7626										<div class="klevuQuickImgWrap">
7627											<div class="klevuQuickDiscountBadge">
7628												<strong><%=dataLocal.stickyLabelHead%>
7629												</strong>
7630											</div>
7631											<img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="
7632												<%=updatedProductName%>" />
7633											</div>
7634										</div>
7635										<div class="klevuProductItemBottom">
7636											<div class="klevuQuickProductDescBlock">
7637												<div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %>
7638												</div>
7639												<div class="klevu-desc-l2 kuClippedOne"><%=dataLocal.shortDesc%>
7640												</div>
7641												<div class="klevuQuickProductDesc kuClippedOne">
7642													<div class="klevuSpectxt"><%=dataLocal.summaryAttribute%>
7643														<span><%=dataLocal.stickyLabelText%>
7644														</span>
7645													</div>
7646												</div><%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %>
7647											</div>
7648										</div>
7649										<div class="kuClearLeft"></div>
7650									</a>
7651								</li>
7652							</script>
7652
7653  
7653<script type="template/klevu" id="klevuQuickTemplateTabResults"><% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); var hasAnyResultFound = false; helper.each(data.query,function(key,query) { if(query.tab == true) { if(helper.hasResults(data,query.id)) { var results = data.query[query.id].meta.totalResultsFound; if(results > 0){ hasAnyResultFound = true; } } } }); %>
7654								<div class="kuContainer">
7655									<div class="kuTabs" role="tablist" style="display:<%= isCmsEnabled && hasAnyResultFound ? 'block' : 'none' %>"><% var selectedTab = false; %><% helper.each(data.query,function(key,query){ %><% if(query.tab == true) { %><% if(helper.hasResults(data,query.id)) { %>
7656										<a target="_self" class="kuTab<% if(!selectedTab){ selectedTab = true; %> kuTabSelected<% } %>" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"><%=helper.translate(query.tabText,data.query[query.id].meta.totalResultsFound)%>
7657										</a><% } else { %>
7658										<a target="_self" class="kuTabDeactive" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"><%=helper.translate(query.tabText,0)%>
7659										</a><% } %><% } %><% }); %>
7660									</div>
7661								</div>
7662							</script>
7662
7663  
7663<script type="template/klevu" id="klevuQuickTemplateSortBy"><% var currentSort = klevu.getObjectPath(data, "modules.quickFacetedLayoutSort.currentSort"); %>
7664								<div class="kuDropdown kuDropSortBy kuQuickFacetedLayoutSort" role="listbox">
7665									<div class="kuDropdownOptions">
7666										<div title="<%= helper.translate("Relevance") %>" class="kuDropOption kuSort kuQuickRelSort <%= (currentSort === 'RELEVANCE') ? 'kuActiveSort' : '' %>" data-value="RELEVANCE" role="option">
7667										</div>
7668										<div title="<%= helper.translate("Price: Low to high") %>" class="kuDropOption kuSort kuQuickLTHSort <%= (currentSort === 'PRICE_ASC') ? 'kuActiveSort' : '' %>" data-value="PRICE_ASC" role="option">
7669										</div>
7670										<div title="<%= helper.translate("Price: High to low") %>" class="kuDropOption kuSort kuQuickHTLSort <%= (currentSort === 'PRICE_DESC') ? 'kuActiveSort' : '' %>" data-value="PRICE_DESC" role="option">
7671										</div>
7672									</div>
7673								</div>
7674							</script>
7674
7675  
7675<script type="template/klevu" id="kuTemplateQuickResultsViewSwitch"> <div class="kuQuickResultsViewSwitchContainer">
7676									<a title="<%= helper.translate("Grid View") %>" class="kuViewSwitch kuGridViewBtn" data-value="grid">
7677										<span class="icon-gridview"></span>
7678									</a>
7679									<a title="<%= helper.translate("List View") %>" class="kuViewSwitch kuListViewBtn" data-value="list">
7680										<span class="icon-listview"></span>
7681									</a>
7682								</div>
7683							</script>
7683
7684  <!-- Quick search add to cart button template-->
7685  
7685<script type="template/klevu" id="quickSearchProductAddToCart"><% if(dataLocal.inStock != "no") { %><% var addToCartCaption = klevu.search.modules.kmcInputs.base.getAddToCartButtonCaption(); %><% if(addToCartCaption && addToCartCaption.indexOf("
7686								<img") !== -1) { %>
7687									<div class="kuAddtocart klevuQuickAddtoCart " data-id="<%=dataLocal.id%>">
7688										<a target="_self" href="javascript:void(0)" class="kuBtn klevuQuickCartBtn" role="button" tabindex="0" area-label="Add to cart"><%= addToCartCaption %>
7689										</a>
7690									</div><% } else { %>
7691									<div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>" >
7692										<button class="kuBtn kuBtnDark klevuQuickCartBtn"><%= helper.translate(addToCartCaption) %>
7693										</button>
7694									</div><% } %><% } %>
7695								</script>
7695
7696  
7696<script type="template/klevu" id="klevuQuickTemplateInfiniteScrollDown"> <li style="width:100% !important" ku-product-block class="klevuProduct klevuProductLoadMore">
7697										<div class="kuInfiniteScrollContainer">
7698											<button class="kuLoadMoreBtn">Load More</button>
7699										</div>
7700									</li>
7701								</script>
7701
7702  
7702<script type="template/klevu" id="klevuQuickImageSearchContent"> <div class="klevu-fluid kuQuickSearchImageUploadContainer kuPreventDocumentClick">
7703										<div id="klevuSearchingArea" class="klevuQuickSearchingArea">
7704											<header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header">
7705												<section ku-block data-block-id="ku_quick_main_header_sub_panel">
7706													<span class="kuQuickUploadHeaderTitle"><%= helper.translate("Visual Image Search") %>
7707													</span>
7708												</section>
7709											</header>
7710											<div ku-container data-container-id="ku_quick_main_container" data-container-role="main">
7711												<div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" >
7712													<section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"></section>
7713													<section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center">
7714														<div ku-block data-block-id="ku_quick_result_items">
7715															<div class="klevuResultsBlock">
7716																<form class="kuQuickImageSearchForm">
7717																	<input type="file" id="kuImageSearchFile" class="kuImageSearchFile" name="filename">
7718																	</form>
7719																	<button class="kuQuickUploadImageBtn">
7720																		<span class="kuUploadText upload"><%= helper.translate("Upload a photo") %>
7721																		</span>
7722																	</button>
7723																	<div class="kuImageUploadErrorMsgContainer"></div>
7724																</div>
7725															</div>
7726														</section>
7727														<section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"></section>
7728													</div>
7729												</div>
7730												<footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer">
7731													<section ku-block data-block-id="ku_quick_main_footer_sub_panel">
7732														<div class="kuImgSearchPrivacyNote">
7733															<p class="kuImgSearchPrivacyNoteInfo"><%= helper.translate("Your privacy is of utmost importance to us. Any images uploaded will only be used to provide relevant results and improve the general search experience. However, we recommend not uploading images containing people or sensitive information.") %>
7734															</p>
7735														</div>
7736														<div class="kuImgSearchHowItWorks">
7737															<div class="accordion">
7738																<input type="checkbox" id="<%= data.imageUploadTemplateId %>">
7739																	<label class="accordion-label" for="<%= data.imageUploadTemplateId %>"><%= helper.translate("How does this work?") %>
7740																	</label>
7741																	<div class="accordion-content">
7742																		<span class="img1"></span>
7743																		<span class="img2"></span>
7744																		<p class="kuUploadWorksContent"><%= helper.translate("After you take or upload a photo, we'll analyse it and recommend the closest matches.") %>
7745																		</p>
7746																	</div>
7747																</div>
7748															</div>
7749														</section>
7750													</footer>
7751												</div>
7752											</div>
7753										</script>
7753
7754  
7754<script type="template/klevu" id="klevuQuickProductRating"><% if( typeof dataLocal.rating != "" && dataLocal.rating !== "" && dataLocal.rating > 0 ) { %>
7755											<div class="klevu-stars-small-l2">
7756												<div class="klevu-rating-l2" style="width:<%=(20*Number(dataLocal.rating))%>%;">
7757												</div>
7758											</div><%=helper.render('klevuQuickProductRatingCount',scope,data,dataLocal) %><% } %>
7759										</script>
7759
7760  
7760<script type="template/klevu" id="klevuQuickProductRatingCount"><% if( typeof dataLocal.ratingCount != "" && dataLocal.ratingCount !== "" && dataLocal.ratingCount > 0 ) { %>
7761											<div class="klevuRatingCount">(<%=dataLocal.ratingCount%>)
7762											</div><% } %>
7763										</script>
7763
7764</div>
7765<div id="16dea7c2-8ca0-254c-f3c2-07bde9f468e3" class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout kuMobileDeviceEnabled"></div>
7766</body>
7767</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.