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='stylesheet'" 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='all'" 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&bg-color=255,255,255&fit=bounds&height=270&width=270&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="{"loaderAjax": {}, "loader": { "icon": "https://files.sitestatic.net/ImageFile/202401292310490000000da1e44f57JGGAEAC__3100x800.png"}}" 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="{"dropdownDialog":{ 486 "appendTo":"#switcher-language > .options", 487 "triggerTarget":"#switcher-language-trigger", 488 "closeOnMouseLeave": false, 489 "triggerClass":"active", 490 "parentClass":"active", 491 "buttons":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="{"dropdownDialog":{ 495 "appendTo":"#switcher-language > .options", 496 "triggerTarget":"#switcher-language-trigger", 497 "closeOnMouseLeave": false, 498 "triggerClass":"active", 499 "parentClass":"active", 500 "buttons":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="{"menu":{"responsive":false, "expanded":false, "position":{"my":"left top","at":"left bottom"}}}" 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&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 & 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 & 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&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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & mangkuk</a></p> 1651 <p><a href="/feeding-safety/tableware/spoons-forks.html">sendok & 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 & 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 & 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 & 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 & 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 & 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, 'appStore')"> 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, 'appStore')"> 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 "quickSearch": { 2046 "formSelector": "#search_mini_form", 2047 "url": "", 2048 "destinationSelector": "#search_autocomplete", 2049 "minSearchLength": "3" 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="{"dropdown":{"dialog":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: 'customer-name'"> 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 && !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="{"dropdownDialog":{ 2215 "appendTo":"[data-block=minicart]", 2216 "triggerTarget":".showcart", 2217 "timeout": "2000", 2218 "closeOnMouseLeave": false, 2219 "closeOnEscape": true, 2220 "triggerClass":"active", 2221 "parentClass":"active", 2222 "buttons":[]}}" data-breeze-processed="true"> 2223 <div id="minicart-content-wrapper" data-bind=" 2224 scope: 'minicart_content' 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'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&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&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's "minimum advertised price." As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart."},"tax_adjustments":{"final_price":5000,"max_price":5000,"max_regular_price":5000,"minimal_regular_price":5000,"special_price":5000,"minimal_price":5000,"regular_price":5000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 5.000<\/span>","max_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_price":"<span class=\"price\">Rp 5.000<\/span>","max_regular_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_regular_price":null,"special_price":"<span class=\"price\">Rp 5.000<\/span>","regular_price":"<span class=\"price\">Rp 5.000<\/span>"}},"weee_attributes":[],"weee_adjustment":"<span class=\"price\">Rp 5.000<\/span>"}},"images":[{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=325&height=325&canvas=325,325&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_grid_content_widget","height":325,"width":325,"label":"Nordic Natural Baby's DHA","resized_width":325,"resized_height":325},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=270&height=270&canvas=270,270&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_list_content_widget","height":270,"width":270,"label":"Nordic Natural Baby's DHA","resized_width":270,"resized_height":270},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=156&height=156&canvas=156,156&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_images_names_widget","height":156,"width":156,"label":"Nordic Natural Baby's DHA","resized_width":156,"resized_height":156},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=325&height=325&canvas=325,325&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_grid_content_widget","height":325,"width":325,"label":"Nordic Natural Baby's DHA","resized_width":325,"resized_height":325},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=270&height=207&canvas=270,207&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_list_content_widget","height":207,"width":270,"label":"Nordic Natural Baby's DHA","resized_width":270,"resized_height":207},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=156&height=156&canvas=156,156&o
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's "minimum advertised price." As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart. </div> 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's "minimum advertised price." As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart. </div> 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&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;">© 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"><<</a> 7263 <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>">< 7264 </a> <% } %><% 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> <% } %> 7267 <a href="javascript:void(0);" class="kuCurrent"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%> 7268 </a> <% 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> <% } %><% 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)%>">> 7272 </a> 7273 <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(Math.floor(productListTotal/productListLimit)*productListLimit)%>">>> 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.