1 2 3 4<!DOCTYPE html> 5<html lang="id"> 6 7<head prefix="og: https://modennews.com/ fb: https://modennews.com/ product: https://modennews.com/"> 8
8<script async="" src="https://platform-api.sharethis.com/panorama.js"></script>
8 9
9<script async="" 10 src="https://t.sharethis.com/1/k/t.dhj?cid=c010&cls=B&dmn=modennews.com&rnd=1783242326382" 11 id="pxscrpt"></script>
11 12
12<script async="" src="https://buttons-config.sharethis.com/js/5baf03a9752ef70011efcea0.js"></script>
12 13
13<script async="" src="https://cdn.branch.io/branch-latest.min.js"></script>
13 14
14<script data-breeze="1"> 15 var LOCALE = 'id\u002DID'; 16 var BASE_URL = 'https\u003A\u002F\u002Fwww.mothercare.co.id\u002F'; 17 var VIEW_URL = 'https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID'; 18 var required = []; 19 var require = (deps, callback) => required.push([deps, callback]); 20 </script>
20 21 <meta content='index, follow, nosnippet' name='robots'> 22 <meta name="title" content="KIT4D ➊Platform Toto Slot Eksklusif 2026 Gampang Jackpot"> 23 <meta name="description" 24 content="Mencantumkan tahun 2026 memberikan kesan bahwa platform kit4d adalah yang paling update, modern, dan memiliki sistem terbaru."> 25 <meta name="keywords" 26 content="TOTO, SLOT, TOTOSLOT, TOTO SLOT, KIT4D, KIT 4D, KIT4D DAFTAR, KIT4D LOGIN, TOTO SLOT GACOR , TOTO SLOT RESMI, TOTO SLOT TERPERCAYA."> 27 <meta name="distribution" content="Global"> 28 <meta name="rating" content="general"> 29 <meta name="geo.region" content="ID"> 30 <meta name="geo.placename" content="Indonesia"> 31 <meta name="author" content="KIT4D"> 32 <meta name="publisher" content="KIT4D"> 33 <meta name="copyright" content="KIT4D"> 34 <meta name="viewport" content="width=device-width, initial-scale=1"> 35 <meta name="format-detection" content="telephone=no"> 36 <title>KIT4D ➊Platform Toto Slot Eksklusif 2026 Gampang Jackpot</title> 37 <link rel="stylesheet" type="text/css" media="all and (min-width: 1px)" 38 href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/b2bfec61d909c3765479549b8b44c102.min.css"> 39 <link rel="stylesheet" type="text/css" media="all" 40 href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/56b5914bf926abed304351798d035de2.min.css"> 41 <link rel="stylesheet" type="text/css" media="screen, print" 42 href="https://www.mothercare.co.id/static/version1741963345/_cache/merged/fac5fbb731d8a9118c7561e0e8b1fc67.min.css"> 43 <!--[if IE 11] --> 44
44<script type="text/javascript" 45 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Klevu_Search/js/klevu/ieUrlPolyfill.min.js"></script>
45 46 <!--[endif]--> 47
47<script type="text/javascript" defer="" 48 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/kanmo_custom.min.js"></script>
48 49
49<script type="text/javascript" 50 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_BookingAppointment/js/product_detail_handler.min.js"></script>
50 51 <link rel="preload" as="font" crossorigin="anonymous" 52 href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-demi-webfont.woff2"> 53 <link rel="preload" as="font" crossorigin="anonymous" 54 href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-regular-webfont.woff2"> 55 <link rel="preload" as="font" crossorigin="anonymous" 56 href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-thin-webfont.woff2"> 57 <link rel="canonical" href="https://modennews.com/"> 58 <link rel="amphtml" href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 59 <link rel="alternate" hreflang="id-id" href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 60 <link rel="alternate" href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 61 <link rel="alternate" hreflang="id" href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 62 <link rel="alternate" hreflang="x-default" href="https://modennews.com/"> 63 <link rel="icon" href="https://veldrive.com/PikiErTA/2026/05/15/ikon.png" type="image/png"> 64 <link rel="shortcut icon" href="https://veldrive.com/PikiErTA/2026/05/15/ikon.png" type="image/png"> 65 <style> 66 body.onestepcheckout-index-index [type="radio"] { 67 cursor: pointer; 68 accent-color: var(--yellow-main, #ffd21c); 69 filter: 70 drop-shadow(0 0 4px rgba(255, 208, 0, 0.55)) drop-shadow(0 0 7px rgba(255, 25, 25, 0.22)); 71 } 72 73 body.onestepcheckout-index-index [type="radio"]:hover { 74 filter: 75 drop-shadow(0 0 6px rgba(255, 208, 0, 0.8)) drop-shadow(0 0 10px rgba(255, 25, 25, 0.35)); 76 } 77 78 body.onestepcheckout-index-index [type="radio"]:focus-visible { 79 outline: 2px solid #fff45c; 80 outline-offset: 3px; 81 } 82 83 td.value { 84 color: var(--yellow-bright, #fff45c) !important; 85 font-weight: 700; 86 text-shadow: 87 0 1px 2px rgba(0, 0, 0, 0.95), 88 0 0 7px rgba(255, 208, 0, 0.55), 89 0 0 12px rgba(255, 25, 25, 0.18); 90 } 91 92 td.value a { 93 color: var(--yellow-main, #ffd21c) !important; 94 text-decoration-color: rgba(255, 210, 28, 0.65); 95 } 96 97 td.value a:hover { 98 color: #ffffff !important; 99 text-shadow: 100 0 0 7px rgba(255, 208, 0, 0.8), 101 0 0 12px rgba(255, 25, 25, 0.35); 102 } 103 </style> 104
104<script data-breeze=""> 105 require([ 106 'jquery' 107 ], function ($) { 108 $(document).ready(function () { 109 setTimeout(function () { 110 if (window.outerWidth < 450) { 111 if ($('.widget.block.block-banners').length > 0) { 112 $('.widget.block.block-banners').each(function () { 113 $(this).insertAfter($(this).parent().find('#cart-totals')); 114 $(this).css('padding-bottom', '20px') 115 }); 116 } 117 } 118 }, 1000); 119 }); 120 }); 121 </script>
121 <!-- NO Pixel ID is configured, please goto Admin --> 122
122<script> 123 console.log( 124 'No Meta pixel is configured, please log in as a admin and then visit Stores -> Meta -> Setup -> Get Started' 125 ); 126 </script>
126 127 128
128<script> 129 // load Branch 130 (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); 131 // init Branch 132 branch.init("key_live_hwpt9nHjEmScI07bH10AshccrwmZM7hP"); // Change `key_live_YOUR_KEY_GOES_HERE` to match your Branch Dashboard 133 </script>
133 134 <link rel="preconnect" href="https://js.klevu.com"> 135
135<script type="text/javascript"> 136 var klevu_lang = 'id'; 137 var klevu_baseCurrencyCode = 'IDR'; 138 var klevu_currentCurrencyCode = 'IDR'; 139 var klevu_pubIsInUse = true; 140 var klevu_current_version = '3.2.0'; 141 </script>
141 142
142<script type="text/javascript" src="https://js.klevu.com/core/v2/klevu.js"></script>
142 143
143<script type="text/javascript" id="klevu_jsapikeys"> 144 klevu({ "search": { "apiKey": "klevu-159060263433311987" }, "analytics": { "apiKey": "klevu-159060263433311987" } }); 145 </script>
145 146
146<script type="text/javascript" id="klevu_jsmodules"> 147 // Add Price Field Suffix for customer group and currency conversion 148 var klevu_addPriceSuffixToQueryControl = { 149 name: 'addPriceSuffixToQuery', 150 fire: function (data, scope) { 151 var customerData = JSON.parse(window.localStorage.getItem('klv_mage') || '{}').customerData || { 152 customer_group_id: 32000 153 }; 154 klevu.search.modules.addPriceSuffixToQuery(data, scope, klevu_baseCurrencyCode, customerData.customer_group_id); 155 } 156 }; 157 158 (function (klevu) { 159 klevu.extend(true, klevu.search.modules, { 160 addPriceSuffixToQuery: function (data, scope, currencyCode, customerGroupId) { 161 if (typeof data.request.current === "undefined") { 162 return false; 163 } 164 165 klevu.each(data.request.current.recordQueries, function (key, query) { 166 //code to fetch prices 167 klevu.setObjectPath( 168 data, 169 "localOverrides.query." + query.id + ".settings.priceFieldSuffix", 170 currencyCode + '-' + customerGroupId 171 ); 172 }); 173 }, 174 mageConvertPriceRecordCurrencyData: function (productRecords, currencyCode, currencyRates) { 175 if (!productRecords) { 176 return; 177 } 178 179 klevu.each(productRecords, function (recordKey, productRecord) { 180 var fromRate = parseFloat(currencyRates[productRecord.currency] || 0); 181 var toRate = parseFloat(currencyRates[currencyCode] || 0); 182 if (!fromRate || !toRate) { 183 return; 184 } 185 186 var exchangeRate = toRate / fromRate; 187 188 if (klevu.isNumeric(klevu.getObjectPath(productRecord, "price"))) { 189 productRecord.price *= exchangeRate; 190 } 191 if (klevu.isNumeric(klevu.getObjectPath(productRecord, "salePrice"))) { 192 productRecord.salePrice *= exchangeRate; 193 } 194 if (klevu.isNumeric(klevu.getObjectPath(productRecord, "startPrice"))) { 195 productRecord.startPrice *= exchangeRate; 196 } 197 198 productRecord.currency = currencyCode; 199 }); 200 } 201 }); 202 })(klevu); 203 </script>
203 204
204<script type="text/javascript" id="klevu_jsinteractive"> 205 klevu.interactive(function () { 206 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" } }; 207 klevu(options); 208 }); 209 </script>
209 210
210<script type="text/javascript" src="https://js.klevu.com/theme/default/v2/quick-search-theme.js"></script>
210 211
211<script type="text/x-magento-init" data-breeze-processed="true"> 212 { 213 "*": { 214 "Magento_PageCache/js/form-key-provider": { 215 "isPaginationCacheEnabled": 216 0 } 217 } 218 } 219 </script>
219 220
220<script> 221
vendor: 159 bytes, lines 221-225
221window.dataLayer = window.dataLayer || []; 222 function gtag() { dataLayer.push(arguments); } 223 gtag('js', new Date()); 224 225 gtag('config', '
225G-404GXE7LR3
vendor: 9 bytes, lines 225-226
225'); 226
226</script>
226 227 228 <link rel="stylesheet" type="text/css" as="style" onload="this.rel='stylesheet'" media="all" 229 href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/default.min.css"> 230 <link rel="stylesheet" type="text/css" media="all" onload="media='all'" 231 href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/css/deferred-default.min.css"> 232 233 <meta property="og:type" content="product"> 234 <meta property="og:title" content="KIT4D ➊Platform Toto Slot Eksklusif 2026 Gampang Jackpot"> 235 <meta property="og:image" 236 content="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 237 <meta property="og:description" 238 content="Mencantumkan tahun 2026 memberikan kesan bahwa platform kit4d adalah yang paling update, modern, dan memiliki sistem terbaru."> 239 <meta property="og:url" content="https://modennews.com/"> 240 <meta property="product:price:amount" content="10.000"> 241 <meta property="product:price:currency" content="IDR"> 242
242<script type="text/javascript" id="klevu_initsessiondata"> 243 var nowUnixtime = parseInt(Date.now() / 1000); 244 245 function klevufejs_getCookie(name) { 246 if (typeof (name) === "undefined") { 247 name = "klv_mage"; 248 } 249 var c = "", 250 ca = document.cookie.split(';'); 251 252 for (var i = 0; i < ca.length; i++) { 253 c = ca[i]; 254 if (typeof c !== "string") { 255 continue; 256 } 257 var cookiePair = c.split("="); 258 259 if (name === cookiePair[0].trim()) { 260 try { 261 return JSON.parse(decodeURIComponent(cookiePair[1])); 262 } catch (err) { 263 // this is fine, data will be regenerated 264 } 265 } 266 } 267 return { 268 expire_sections: {} 269 }; 270 } 271 272 document.addEventListener('klevu.customerData.loaded', function (e) { 273 var klevufejs_cookie = klevufejs_getCookie(); 274 klevufejs_cookie.expire_sections.customerData = nowUnixtime + 600; 275 276 document.cookie = "klv_mage=" + JSON.stringify(klevufejs_cookie) + ";" + (new Date((nowUnixtime + 3600) * 1000).toUTCString()) + ";path=/;SameSite=Strict"; 277 }); 278 279 var klevufejs_cookie = klevufejs_getCookie(); 280 var klevuData = { 281 ...{ 282 customerData: { 283 revalidate_after: -1 284 } 285 }, 286 ...JSON.parse(window.localStorage.getItem('klv_mage') || '{}') 287 }; 288 289 const klevuCustomerDataLoadedEvent = document.createEvent('CustomEvent'); 290 klevuCustomerDataLoadedEvent.initEvent('klevu.customerData.loaded', false, true); 291 const klevuCustomerDataLoadErrorEvent = document.createEvent('CustomEvent'); 292 klevuCustomerDataLoadErrorEvent.initEvent('klevu.customerData.loadError', false, true); 293 294 if (typeof klevufejs_cookie.expire_sections !== "object" 295 || (klevufejs_cookie.expire_sections.customerData || -1) < nowUnixtime 296 || klevuData.customerData.revalidate_after < nowUnixtime 297 ) { 298 var xhttp = new XMLHttpRequest(); 299 xhttp.onerror = function (request) { 300 document.dispatchEvent(klevuCustomerDataLoadErrorEvent); 301 }; 302 xhttp.ontimeout = function (request) { 303 this.onerror(request); 304 }; 305 xhttp.onload = function (request) { 306 if (this.status >= 400 || this.timeout) { 307 this.onerror(request); 308 return; 309 } 310 311 var klevuData = JSON.parse(window.localStorage.getItem('klv_mage') || '{}'); 312 klevuData.customerData = JSON.parse(this.response); 313 window.localStorage.setItem('klv_mage', JSON.stringify(klevuData)); 314 315 document.dispatchEvent(klevuCustomerDataLoadedEvent); 316 }; 317 xhttp.open('GET', 'https://www.mothercare.co.id/rest/V1/klevu/customerData', false); 318 xhttp.send(); 319 } else { 320 document.dispatchEvent(klevuCustomerDataLoadedEvent); 321 } 322 </script>
322 323 324
324<script data-breeze="" defer="" 325 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/knockout-3.5.1.min.js"></script>
325 326
326<script data-breeze="" defer="" 327 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/extend-ko.min.js"></script>
327 328
328<script data-breeze="" defer="" 329 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/turbolinks-5.2.0.min.js"></script>
329 330
330<script data-breeze="" defer="" 331 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/underscore-1.13.1.min.js"></script>
331 332
332<script data-breeze="" defer="" 333 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/tabbable-5.2.1.min.js"></script>
333 334
334<script data-breeze="" defer="" 335 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>
335 336
336<script data-breeze="" defer="" 337 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/cash-8.1.2.min.js"></script>
337 338
338<script data-breeze="" defer="" 339 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/extend-cash.min.js"></script>
339 340
340<script data-breeze="" defer="" 341 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>
341 342
342<script data-breeze="" defer="" 343 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>
343 344
344<script data-breeze="" defer="" 345 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/class.min.js"></script>
345 346
346<script data-breeze="" defer="" 347 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/double-tap.min.js"></script>
347 348
348<script data-breeze="" defer="" 349 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/globals.min.js"></script>
349 350
350<script data-breeze="" defer="" 351 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/load-script.min.js"></script>
351 352
352<script data-breeze="" defer="" 353 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/async.min.js"></script>
353 354
354<script data-breeze="" defer="" 355 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/request.min.js"></script>
355 356
356<script data-breeze="" defer="" 357 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/translate.min.js"></script>
357 358
358<script data-breeze="" defer="" 359 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/validator.min.js"></script>
359 360
360<script data-breeze="" defer="" 361 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/component.min.js"></script>
361 362
362<script data-breeze="" defer="" 363 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/cookie.min.js"></script>
363 364
364<script data-breeze="" defer="" 365 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/storage.min.js"></script>
365 366
366<script data-breeze="" defer="" 367 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/sections.min.js"></script>
367 368
368<script data-breeze="" defer="" 369 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/main.min.js"></script>
369 370
370<script data-breeze="" defer="" 371 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/turbo.min.js"></script>
371 372
372<script data-breeze="" defer="" 373 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/core/define.min.js"></script>
373 374
374<script data-breeze="" defer="" 375 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/common.min.js"></script>
375 376
376<script data-breeze="" defer="" 377 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/url.min.js"></script>
377 378
378<script data-breeze="" defer="" 379 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/theme.min.js"></script>
379 380
380<script data-breeze="" defer="" 381 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/theme-blank.min.js"></script>
381 382
382<script data-breeze="" defer="" 383 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/extend.min.js"></script>
383 384
384<script data-breeze="" defer="" 385 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/js/breeze/custom.min.js"></script>
385 386
386<script data-breeze="" defer="" 387 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/core.min.js"></script>
387 388
388<script data-breeze="" defer="" 389 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form.min.js"></script>
389 390
390<script data-breeze="" defer="" 391 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/lite-yt-embed.min.js"></script>
391 392
392<script data-breeze="" defer="" 393 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/dropdown.min.js"></script>
393 394
394<script data-breeze="" defer="" 395 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/dropdown-dialog.min.js"></script>
395 396
396<script data-breeze="" defer="" 397 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/collapsible.min.js"></script>
397 398
398<script data-breeze="" defer="" 399 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/tabs.min.js"></script>
399 400
400<script data-breeze="" defer="" 401 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/accordion.min.js"></script>
401 402
402<script data-breeze="" defer="" 403 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/toggle-advanced.min.js"></script>
403 404
404<script data-breeze="" defer="" 405 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/modal.min.js"></script>
405 406
406<script data-breeze="" defer="" 407 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/confirm.min.js"></script>
407 408
408<script data-breeze="" defer="" 409 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/ui/alert.min.js"></script>
409 410
410<script data-breeze="" defer="" 411 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer-data.min.js"></script>
411 412
412<script data-breeze="" defer="" 413 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer.min.js"></script>
413 414
414<script data-breeze="" defer="" 415 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form-key.min.js"></script>
415 416
416<script data-breeze="" defer="" 417 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/page-cache.min.js"></script>
417 418
418<script data-breeze="" defer="" 419 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/messages.min.js"></script>
419 420
420<script data-breeze="" defer="" 421 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/block-loader.min.js"></script>
421 422
422<script data-breeze="" defer="" 423 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/data-post.min.js"></script>
423 424
424<script data-breeze="" defer="" 425 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/menu.min.js"></script>
425 426
426<script data-breeze="" defer="" 427 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/minicart.min.js"></script>
427 428
428<script data-breeze="" defer="" 429 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/proceed-to-checkout.min.js"></script>
429 430
430<script data-breeze="" defer="" 431 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/catalog-add-to-cart.min.js"></script>
431 432
432<script data-breeze="" defer="" 433 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/product-list-toolbar-form.min.js"></script>
433 434
434<script data-breeze="" defer="" 435 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/compare-products.min.js"></script>
435 436
436<script data-breeze="" defer="" 437 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validation.min.js"></script>
437 438
438<script data-breeze="" defer="" 439 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/redirect-url.min.js"></script>
439 440
440<script data-breeze="" defer="" 441 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/quick-search.min.js"></script>
441 442
442<script data-breeze="" defer="" 443 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/msrp.min.js"></script>
443 444
444<script data-breeze="" defer="" 445 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-tag-manager-universal.min.js"></script>
445 446
446<script data-breeze="" defer="" 447 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-tag-manager.min.js"></script>
447 448
448<script data-breeze="" defer="" 449 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/wishlist.min.js"></script>
449 450
450<script data-breeze="" defer="" 451 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/recent-products.min.js"></script>
451 452
452<script data-breeze="" defer="" 453 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/form-provider.min.js"></script>
453 454
454<script data-breeze="" defer="" 455 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/login-as-customer.min.js"></script>
455 456
456<script data-breeze="" defer="" 457 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/captcha.min.js"></script>
457 458
458<script data-breeze="" defer="" 459 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/google-recaptcha.min.js"></script>
459 460
460<script data-breeze="" defer="" 461 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/modal-manager.min.js"></script>
461 462
462<script data-breeze="" defer="" 463 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/ajaxpro.min.js"></script>
463 464
464<script data-breeze="" defer="" 465 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/modal.min.js"></script>
465 466
466<script data-breeze="" defer="" 467 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/data-post.min.js"></script>
467 468
468<script data-breeze="" defer="" 469 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/catalog-add-to-cart.min.js"></script>
469 470
470<script data-breeze="" defer="" 471 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Ajaxpro/js/breeze/catalog-product-view.min.js"></script>
471 472
472<script data-breeze="" defer="" 473 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/breeze/tabs.min.js"></script>
473 474
474<script data-breeze="" defer="" 475 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/tabs-toolbar.min.js"></script>
475 476
476<script data-breeze="" defer="" 477 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Easytabs/js/tabs-updater.min.js"></script>
477 478
478<script data-breeze="" defer="" 479 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validate-product.min.js"></script>
479 480
480<script data-breeze="" defer="" 481 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/register-viewed-products.min.js"></script>
481 482
482<script data-breeze="" defer="" 483 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/price-utils.min.js"></script>
483 484
484<script data-breeze="" defer="" 485 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/price-box.min.js"></script>
485 486
486<script data-breeze="" defer="" 487 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/price-options.min.js"></script>
487 488
488<script data-breeze="" defer="" 489 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/breadcrumbs.min.js"></script>
489 490
490<script data-breeze="" defer="" 491 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/gallery.min.js"></script>
491 492
492<script data-breeze="" defer="" 493 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/lib/panzoom-4.5.0.min.js"></script>
493 494
494<script data-breeze="" defer="" 495 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/gallery-panzoom.min.js"></script>
495 496
496<script data-breeze="" defer="" 497 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/reviews.min.js"></script>
497 498
498<script data-breeze="" defer="" 499 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/common/shuffle-and-reveal.min.js"></script>
499 500
500<script data-breeze="" defer="" 501 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/upsell-products.min.js"></script>
501 502
502<script data-breeze="" defer="" 503 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/related-products.min.js"></script>
503 504
504<script data-breeze="" defer="" 505 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/cart.min.js"></script>
505 506
506<script data-breeze="" defer="" 507 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/product-configure.min.js"></script>
507 508
508<script data-breeze="" defer="" 509 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/bundle.min.js"></script>
509 510
510<script data-breeze="" defer="" 511 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/configurable.min.js"></script>
511 512
512<script data-breeze="" defer="" 513 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/swatch-renderer.min.js"></script>
513 514
514<script data-breeze="" defer="" 515 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/configurable-configure.min.js"></script>
515 516
516<script data-breeze="" defer="" 517 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/validators/customer.min.js"></script>
517 518
518<script data-breeze="" defer="" 519 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/address.min.js"></script>
519 520
520<script data-breeze="" defer="" 521 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/change-email-password.min.js"></script>
521 522
522<script data-breeze="" defer="" 523 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/region-updater.min.js"></script>
523 524
524<script data-breeze="" defer="" 525 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/address-validation.min.js"></script>
525 526
526<script data-breeze="" defer="" 527 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/customer-assistance.min.js"></script>
527 528
528<script data-breeze="" defer="" 529 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/last-ordered-items.min.js"></script>
529 530
530<script data-breeze="" defer="" 531 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/logout-redirect.min.js"></script>
531 532
532<script data-breeze="" defer="" 533 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerName/js/breeze/customer-name.min.js"></script>
533 534
534<script data-breeze="" defer="" 535 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/cityUpdater.min.js"></script>
535 536
536<script data-breeze="" defer="" 537 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/districtUpdater.min.js"></script>
537 538
538<script data-breeze="" defer="" 539 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/postalcodeUpdater.min.js"></script>
539 540
540<script data-breeze="" defer="" 541 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_CustomerCustomAttributes/js/breeze/subdistrictUpdater.min.js"></script>
541 542
542<script data-breeze="" defer="" 543 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/slider.min.js"></script>
543 544
544<script data-breeze="" defer="" 545 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/carousel.min.js"></script>
545 546
546<script data-breeze="" defer="" 547 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/tabs.min.js"></script>
547 548
548<script data-breeze="" defer="" 549 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/map.min.js"></script>
549 550
550<script data-breeze="" defer="" 551 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Swissup_Breeze/js/components/pagebuilder/initializer.min.js"></script>
551 552 553 <link rel="preload" as="image" 554 href="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp" 555 imagesrcset="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp 512w,https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp 549w,https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp 608w,https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp 704w,https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp 960w,https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp 1216w" 556 imagesizes="(min-width: 1536px) 608px, (min-width: 1280px) calc((85vw - 4rem) / 2), (min-width: 768px) calc((100vw - 4rem) / 2), calc(100vw - 1rem)"> 557 558
558<script data-breeze="1" type="module">required.map((pair) => require(pair[0], pair[1])); required = [];</script>
558 559
559<script type="text/javascript" 560 id="kfl-a2e3a276-dc33-91ae-69a6-54b2955b0632">!function (e) { e.support.hook(["analytics.collector", "analytics.utility"], (function () { e.support.isActive("analytics.processors") || (e.extend(!0, e.analytics, { processors: { helpers: { buildAnalyticsEvent: function (t) { return { payload: t.payload, type: t.type, url: e.getGlobalSetting("url.analyticsCollect", "https://stats.ksearchnet.com/analytics/"), apiKey: e.getObjectPath(t.eventSource, "apiKey", e.getGlobalSetting("search.apiKey", e.getGlobalSetting("global.apiKey"))), key: t.type + "_" + e.getObjectPath(t, "id", e.randomId()) } } }, product: { helpers: { buildAnalyticsEvent: function (t) { return { payload: t.payload, type: t.type, url: e.getGlobalSetting("url.analyticsCollect", "https://stats.ksearchnet.com/analytics/"), apiKey: e.getObjectPath(t.eventSource, "apiKey", e.getGlobalSetting("search.apiKey", e.getGlobalSetting("global.apiKey"))), key: t.type + "_" + t.itemId } } }, click: function (t) { let s = { type: "product_click", eventSource: t, payload: {}, itemId: 0 }, a = e.getObjectPath(t, "data.items.0", {}), n = e.getObjectPath(t, "data.meta.tags", []), i = { klevu_keywords: e.getObjectPath(t, "data.meta.searchedTerm", "*"), klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), klevu_src: e.getObjectPath(t, "data.meta.src", ""), klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND"), klevu_responseId: e.getObjectPath(t, "data.meta.responseId", ""), klevu_siteId: e.getObjectPath(t, "data.meta.siteId", ""), tags: n }; if (e.support.isActive("user")) { let t = e.user.getIpData(); e.isUndefined(t.ipv4) || (i.klevu_shopperIP_v4 = t.ipv4), e.isUndefined(t.ipv6) || (i.klevu_shopperIP_v6 = t.ipv6), e.isUndefined(t.uuid) || (i.klevu_uuid = t.uuid) } e.support.isActive("core.dataProtection") && (i.data_protection = e.dataProtection.dataCanBeTracked()), i.klevu_productId = e.getObjectPath(a, "id", 0), e.getObjectPath(a, "itemGroupId", !1) && (i.klevu_productGroupId = e.getObjectPath(a, "itemGroupId", !1)), i.klevu_productVariantId = e.getObjectPath(a, "variantId", !1), i.klevu_productName = e.getObjectPath(a, "name", !1), i.klevu_productUrl = e.getObjectPath(a, "url", !1), i.klevu_productSku = e.getObjectPath(a, "sku", !1), i.klevu_salePrice = e.getObjectPath(a, "salePrice", 0), s.id = e.getObjectPath(a, "id", 0); let r, c = e.getObjectPath(t, "scope", "").split(","); e.each(c, (function (n, c) { switch (c) { case "quick": e.getObjectPath(t, "data.filters.activeFilters", !1) && (i.klevu_keywords += " [[" + e.getObjectPath(t, "data.filters.activeFiltersString", "") + "]]"), i.klevu_src = i.klevu_src.replace("]]", ";;template:quick-search]]"), s.payload = i, s.type = "search_product_click", r = e.analytics.processors.helpers.buildAnalyticsEvent(s), e.analytics.utility.addAnalyticsEventsToStorage(r); break; case "landing": i.klevu_src = "[[typeOfRecord:" + e.getObjectPath(a, "typeOfRecord", "KLEVU_PRODUCT") + ";;template:landing]]", e.getObjectPath(t, "data.filters.activeFilters", !1) && (i.klevu_keywords += " [[" + e.getObjectPath(t, "data.filters.activeFiltersString", "") + "]]", i.klevu_src = i.klevu_src.replace("]]", ";;source:filters]]")), s.payload = i, s.type = "search_product_click", r = e.analytics.processors.helpers.buildAnalyticsEvent(s), e.analytics.utility.addAnalyticsEventsToStorage(r); break; case "catnav": i.klevu_src = "[[typeOfRecord:" + e.getObjectPath(a, "typeOfRecord", "KLEVU_PRODUCT") + ";;template:" + e.getObjectPath(t, "data.meta.srcTemplateName", "category") + "]]", e.getObjectPath(t, "data.filters.activeFilters", !1) && (i.klevu_activeFilters = e.getObjectPath(t, "data.filters.activeFiltersString", ""), i.klevu_src = i.klevu_src.replace("]]", ";;source:filters]]")), i.klevu_categoryName = e.getObjectPath(t, "data.meta.categoryName", ""), i.klevu_categoryPath = e.getObjectPath(t, "data.meta.categoryPath", ""), i.klevu_abTestId = e.getObjectPath(t, "data.meta.abTestId", ""), i.klevu_abTestVariantId = e.getObjectPath(t, "data.meta.abTestVariantId", ""), i.klevu_abTestSource = e.getObjectPath(t, "data.meta.abTestSource", ""); let n = e.getObjectPath(t, "data.originalItems", []); if (n.length > 0) { let t = []; e.each(n, (function (e, s) { s.id && t.push(s.id) })), i.klevu_productIds = t.join(",") } i.klevu_productRatings = e.getObjectPath(a, "rating", 0), i.klevu_productPosition = e.getObjectPath(t, "data.meta.pageStartsFrom", 0), i.klevu_salePrice = e.getObjectPath(a, "salePrice", 0), i.klevu_productSku = e.getObjectPath(a, "sku", !1), delete i.klevu_keywords, s.payload = i, s.type = "catnav_product_click", r = e.analytics.processors.helpers.buildAnalyticsEvent(s), e.analytics.utility.addAnalyticsEventsToStorage(r) } })) }, personalisedClick: function (t) { let s = { type: "personalised_product_click", eventSource: t, payload: {}, itemId: 0 }, a = e.getObjectPath(t, "data.items.0", {}), n = { klevu_src: e.getObjectPath(t, "data.meta.src", ""), klevu_source: e.getObjectPath(t, "data.meta.source", ""), klevu_recentsearch: e.getObjectPath(t, "data.meta.recentsearch", "") }; n.klevu_productId = e.getObjectPath(a, "id", 0), e.getObjectPath(a, "itemGroupId", !1) && (n.klevu_productGroupId = e.getObjectPath(a, "itemGroupId", !1)), n.klevu_productVariantId = e.getObjectPath(a, "variantId", !1), n.klevu_productName = e.getObjectPath(a, "name", !1), n.klevu_productUrl = e.getObjectPath(a, "url", !1), n.klevu_rank = e.getObjectPath(t, "data.meta.rank", ""), s.id = e.getObjectPath(a, "id", 0); let i, r = e.getObjectPath(t, "scope", "").split(","); s.payload = n, s.type = "personalised_product_click", i = e.analytics.processors.helpers.buildAnalyticsEvent(s), e.analytics.utility.addAnalyticsEventsToStorage(i), e.each(r, (function (e, t) { t })) }, view: function (e) { }, buy: function (e) { } }, search: { term: function (t) { let s = { type: "search_term", eventSource: t, payload: {} }, a = e.getObjectPath(t, "data.meta.tags", []); e.each(a, (function (e, t) { a[e] = encodeURIComponent(t) })); let n = { klevu_term: e.getObjectPath(t, "data.meta.searchedTerm", "*"), klevu_originalTerm: e.getObjectPath(t, "data.meta.originalTerm", ""), klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), klevu_src: e.getObjectPath(t, "data.meta.src", ""), klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND"), klevu_responseId: e.getObjectPath(t, "data.meta.responseId", ""), klevu_siteId: e.getObjectPath(t, "data.meta.siteId", ""), tags: a }; if (e.support.isActive("user")) { let t = e.user.getIpData(); e.isUndefined(t.ipv4) || (n.klevu_shopperIP_v4 = t.ipv4), e.isUndefined(t.ipv6) || (n.klevu_shopperIP_v6 = t.ipv6), e.isUndefined(t.uuid) || (n.klevu_uuid = t.uuid) } e.support.isActive("core.dataProtection") && (n.data_protection = e.dataProtection.dataCanBeTracked()); let i = !1, r = e.getObjectPath(t, "scope", "").split(","); e.each(r, (function (s, a) { switch (a) { case "quick": i = !0, e.getObjectPath(t, "data.filters.activeFilters", !1) && (n.klevu_term += " [[" + e.getObjectPath(t, "data.filters.activeFiltersString", "") + "]]"), n.klevu_src = n.klevu_src.replace("]]", ";;template:quick-search]]"); break; case "landing": n.klevu_src = n.klevu_src.replace("]]", ";;template:landing]]"), e.getObjectPath(t, "data.filters.activeFilters", !1) && (n.klevu_term += " [[" + e.getObjectPath(t, "data.filters.activeFiltersString", "") + "]]", n.klevu_src = n.klevu_src.replace("]]", ";;source:filters]]")) } })), s.payload = n; let c = e.analytics.processors.helpers.buildAnalyticsEvent(s); e.analytics.utility.addAnalyticsEventsToStorage(c), e.analytics.utility.sendAnalyticsEventsFromStorage(), !e.isUndefined(e.analyticsUtil.base) && e.isFunction(e.analyticsUtil.base.sendGaDataForTerm) && i && !e.support.isActive("analytics.gtmProcessor") && e.analyticsUtil.base.sendGaDataForTerm(n) } }, catNav: { view: function (t) { let s = { type: "catnav_view", eventSource: t, payload: {} }, a = { klevu_categoryName: e.getObjectPath(t, "data.meta.categoryName", ""), klevu_categoryPath: e.getObjectPath(t, "data.meta.categoryPath", ""), klevu_pageNumber: e.getObjectPath(t, "data.meta.pageNumber", ""), klevu_src: e.getObjectPath(t, "data.meta.src", ""), klevu_limit: e.getObjectPath(t, "data.meta.limit", ""), klevu_sort: e.getObjectPath(t, "data.meta.sort", ""), klevu_totalResults: e.getObjectPath(t, "data.meta.totalResults", "0"), klevu_typeOfQuery: e.getObjectPath(t, "data.meta.typeOfQuery", "WILDCARD_AND"), klevu_responseId: e.getObjectPath(t, "data.meta.responseId", ""), klevu_siteId: e.getObjectPath(t, "data.meta.siteId", "") }; if (e.support.isActive("user")) { let t = e.user.getIpData(); e.isUndefined(t.ipv4) || (a.klevu_shopperIP_v4 = t.ipv4), e.isUndefined(t.ipv6) || (a.klevu_shopperIP_v6 = t.ipv6), e.isUndefined(t.uuid) || (a.klevu_uuid = t.uuid) } e.support.isActive("core.dataProtection") && (a.data_protection = e.dataProtection.dataCanBeTracked()); let n = e.getObjectPath(t, "data.items", []); if (n.length > 0) { let t = []; e.each(n, (function (e, s) { s.id && t.push(s.id) })), a.klevu_productIds = t.join(",") } let i = e.getObjectPath(t, "scope", "").split(","); e.each(i, (function (s, n) { if ("catnav" === n) a.klevu_src = a.klevu_src.replace("]]", ";;template:category]]"), e.getObjectPath(t, "data.filters.activeFilters", !1) && (a.klevu_activeFilters = e.getObjectPath(t, "data.filters.activeFiltersString", ""), a.klevu_src = a.klevu_src.replace("]]", ";;source:filters]]")), a.klevu_abTestId = e.getObjectPath(t, "data.meta.abTestId", ""), a.klevu_abTestVariantId = e.getObjectPath(t, "data.meta.abTestVariantId", ""), a.klevu_abTestSource = e.getObjectPath(t, "data.meta.abTestSource", "") })), s.payload = a; let r = e.analytics.processors.helpers.buildAnalyticsEvent(s); e.analytics.utility.addAnalyticsEventsToStorage(r), e.analytics.utility.sendAnalyticsEventsFromStorage() } }, recs: { helpers: { convertEventItems: function (t) { let s = []; return e.each(t, (function (t, a) { s.push({ item_id: a.id, item_name: a.name, price: a.salePrice, currency: a.currency, item_brand: a.brand, item_category: a.category, item_variant_id: e.isUndefined(a.variantId) ? a.id : a.variantId, item_group_id: e.isUndefined(a.itemGroupId) || "" === a.itemGroupId ? a.id : a.itemGroupId, index: t + 1, quantity: 1 }) })), s }, buildAnalyticsEventData: function (t, s) { return { tags: e.getObjectPath(t, "data.general.tags", []), list_id: e.getObjectPath(t, "data.general.list_id", !1), list_name: e.getObjectPath(t, "data.general.list_name", !1), list_logic: e.getObjectPath(t, "data.general.list_logic", !1), spot_id: e.getObjectPath(t, "data.general.spot_id",
560!1), spot_name: e.getObjectPath(t, "data.general.spot_name", !1), segment_id: e.getObjectPath(t, "data.general.segment_id", !1), segment_name: e.getObjectPath(t, "data.general.segment_name", !1), action: e.getObjectPath(t, "data.general.action", !1), items: s } }, buildAnalyticsEvent: function (t) { let s = { event: t.type, event_apikey: e.getObjectPath(t.eventSource, "apiKey", !1), user_profile: e.getObjectPath(t.eventSource, "user", {}), event_data: e.analytics.processors.recs.helpers.buildAnalyticsEventData(t.eventSource, t.items) }; if (e.support.isActive("user")) { let t = e.user.getIpData(); e.isUndefined(t.ipv4) || (s.user_profile.ip_address_v4 = t.ipv4), e.isUndefined(t.ipv6) || (s.user_profile.ip_address_v6 = t.ipv6), e.isUndefined(t.uuid) || (s.user_profile.klevu_uuid = t.uuid) } return e.support.isActive("core.dataProtection") && (s.user_profile.data_protection = e.dataProtection.dataCanBeTracked()), { payload: s, type: "collect", url: e.getGlobalSetting("url.analyticsCollect", "https://stats.ksearchnet.com/analytics/"), apiKey: e.getObjectPath(t.eventSource, "apiKey", e.getGlobalSetting("search.apiKey", e.getGlobalSetting("global.apiKey"))), key: t.type + "_" + e.getObjectPath(t.eventSource, "data.general.recs_key", e.randomId()), override: !0 } } }, click: function (t) { let s = { type: "select_recs_list", eventSource: t, items: [] }, a = e.getObjectPath(t, "data.items", []); if (a && a.length && (s.items = e.analytics.processors.recs.helpers.convertEventItems(a)), e.analytics.utility.hasAnalyticsEventByName(s.type + "_" + e.getObjectPath(t, "data.general.recs_key", e.randomId()))) { let a = e.analytics.utility.getAnalyticsEventByName(s.type + "_" + e.getObjectPath(t, "data.general.recs_key", e.randomId())), n = e.getObjectPath(a, "payload.items", []); n.length > 0 && (s.items = e.toUniqueArray(e.makeArray(n, s.items))) } let n = e.analytics.processors.recs.helpers.buildAnalyticsEvent(s); n.override = !0, s.items.length > 0 && e.analytics.utility.addAnalyticsEventsToStorage(n) }, view: function (t) { let s = { type: "view_recs_list", eventSource: t, items: [] }, a = e.getObjectPath(t, "data.items", []); a && a.length && (s.items = e.analytics.processors.recs.helpers.convertEventItems(a)); let n = e.analytics.processors.recs.helpers.buildAnalyticsEvent(s); s.items.length > 0 && e.analytics.utility.addAnalyticsEventsToStorage(n), s.items.length > 0 && e.analytics.utility.sendAnalyticsEventsFromStorage() }, staticView: function (t) { let s = { type: "view_recs_list", eventSource: t, static_content: [] }, a = e.analytics.processors.recs.helpers.buildAnalyticsEvent(s), n = e.getObjectPath(t, "data.activeStaticContent", []); a.payload.event_data.static_content = n, a.payload.event_data.static_content.length && (e.analytics.utility.addAnalyticsEventsToStorage(a), e.analytics.utility.sendAnalyticsEventsFromStorage()) }, staticClick: function (t) { let s = { type: "select_recs_list", eventSource: t, static_content: [] }, a = e.analytics.processors.recs.helpers.buildAnalyticsEvent(s); a.payload.event_data.static_content = e.getObjectPath(s, "eventSource.data.staticContent", []), e.analytics.utility.addAnalyticsEventsToStorage(a) } }, general: { bannerClick: function (e) { } } } }), e.analytics.collector.registerObserver({ name: "analytics", processOld: !0, eventTypes: ["recommendation_view"], processor: e.analytics.processors.recs.view }), e.analytics.collector.registerObserver({ name: "analytics", processOld: !0, eventTypes: ["recommendation_click"], processor: e.analytics.processors.recs.click }), e.analytics.collector.registerObserver({ name: "analytics", processOld: !0, eventTypes: ["search_term"], processor: e.analytics.processors.search.term }), e.analytics.collector.registerObserver({ name: "analytics", processOld: !0, eventTypes: ["search_catview"], processor: e.analytics.processors.catNav.view }), e.analytics.collector.registerObserver({ name: "analytics", processOld: !0, eventTypes: ["search_product_click"], processor: e.analytics.processors.product.click }), e.analytics.collector.registerObserver({ name: "analytics", processOld: !0, eventTypes: ["personalised_product_click"], processor: e.analytics.processors.product.personalisedClick }), e.analytics.collector.registerObserver({ name: "analytics", processOld: !0, eventTypes: ["recommendation_view_static"], processor: e.analytics.processors.recs.staticView }), e.analytics.collector.registerObserver({ name: "analytics", processOld: !0, eventTypes: ["recommendation_click_static"], processor: e.analytics.processors.recs.staticClick }), e.support.register({ name: "analytics.processors", loaded: !0, active: !0, dependency: ["analytics.base", "anal
560ytics.collector", "analytics.extractor"] })) })) }(klevu), function (e) { e.support.hook(["core.constructors"], (function () { e.constructors.isLoaded("user") || (e.constructors.add({ name: "user", create: function () { let t = { settings: { dictionary: { user: e.dictionary("user") }, request: {}, response: {}, user: { apiKey: !1, ipv4: !1, ipv6: !1, sessionId: !1, sessionInfo: { connectorInfo: [] }, segmentInfo: { segments: [] }, ipv4: !1, ipv6: !1, uuid: !1 }, general: { scope: document.createElement("div"), apiKey: !1, lastSend: !1, ipDataLastSend: !1, connectorInfo: {}, flags: { canSend: !0, forceSend: !1, isInit: !1, isInitForce: !1, isInSend: !1 } } }, webhookSettings: { run: !0, object: "user", scope: "all" }, saveToDictionary: function () { this.settings.user.sessionId && this.settings.dictionary.user.addElement("sessionId", this.settings.user.sessionId); let t = e.extend(!0, {}, this.settings.user.sessionInfo); delete t.connectorInfo, this.settings.dictionary.user.addElement("sessionInfo", JSON.stringify(t)), this.settings.dictionary.user.addElement("connectorInfo", JSON.stringify(this.settings.general.connectorInfo)), this.settings.dictionary.user.addElement("segmentInfo", JSON.stringify(this.settings.user.segmentInfo)), this.settings.dictionary.user.addElement("segments", JSON.stringify(this.settings.user.segmentInfo.segments)), this.settings.dictionary.user.addElement("lastSend", JSON.stringify(this.settings.general.lastSend)), this.settings.dictionary.user.addElement("ipv4", JSON.stringify(this.settings.user.ipv4)), this.settings.dictionary.user.addElement("ipv6", JSON.stringify(this.settings.user.ipv6)), this.settings.dictionary.user.addElement("uuid", JSON.stringify(this.settings.user.uuid)), this.settings.dictionary.user.addElement("lastSendIp", this.settings.general.ipDataLastSend), this.settings.dictionary.user.mergeToGlobal() }, getAllSettings: function () { return this.settings }, getScope: function () { return this }, hasData: function (t) { return !!e.getObjectPath(this.settings, t, !1) }, getData: function (t, s) { return e.isUndefined(s) && (s = !1), e.getObjectPath(this.settings, t, s) }, setData: function (t, s) { return e.setObjectPath(this.settings, t, s), this.saveToDictionary(), this }, setApiKey: function (t) { e.setObjectPath(this.settings, "user.apiKey", t), e.setObjectPath(this.settings, "general.apiKey", t); let s = this.chains.init; return e.isUndefined(s) || 0 === s.list().length || (s.setScope(this), s.setData(this.settings), s.fire()), this }, getApiKey: function () { return this.settings.general.apiKey }, initIpData: function () { return this.isIpDataExpired() && this.refreshIpData(), this }, refreshIpData: function (s) { e.isUndefined(s) && (s = "ipv4"); let a = t, n = t.settings, i = e.extend(!0, {}, { klevu_uuid: a.getIpDataUser() }), r = { context: { type: s } }; return n.general.scope.userObject = a, r.scope = n.general.scope, r.context.requestObject = { url: e.getGlobalSetting("url." + s, "https://" + s + "check.ksearchnet.com/"), type: "FETCH", method: "POST", mimeType: "application/json; charset=UTF-8", contentType: "application/json; charset=utf-8", dataType: "json", crossDomain: !0, data: JSON.stringify(e.clean(i)), success: function () { let t, s, a, n; 1 === arguments.length ? (t = arguments[0].responseObj.data, s = arguments[0].requestDetails, a = arguments[0].status, n = arguments[0].isSuccess) : (t = arguments[0], s = arguments[1], a = arguments[2], n = arguments[3]), n && (e.isUndefined(t.ip_address) || s.scope.userObject.setData("user." + s.context.type, t.ip_address), e.isUndefined(t.klevu_uuid) || s.scope.userObject.setData("user.uuid", t.klevu_uuid)), s.scope.userObject.setData("general.ipDataLastSend", e.time.timestamp()), "ipv4" === s.context.type && s.scope.userObject.refreshIpData("ipv6") }, error: function () { let t, s, a; 1 === arguments.length ? (t = arguments[0].requestDetails, s = arguments[0].status, a = arguments[0].isSuccess) : (t = arguments[0], s = arguments[1], a = arguments[2]), t.scope.userObject.setData("general.ipDataLastSend", e.time.timestamp()), "ipv4" === t.context.type && t.scope.userObject.refreshIpData("ipv6") } }, r.context.requestDetails = e.extend(!0, {}, r), e.request(r.context.requestObject, r.context.requestDetails), this }, getIpData: function () { return { ipv4: this.settings.user.ipv4, ipv6: this.settings.user.ipv6, uuid: this.getIpDataUser() } }, getIpDataUser: function () { return this.settings.user.uuid }, isIpDataExpired: function () { let t = e.time.timestamp(); return !this.settings.general.ipDataLastSend || t - parseInt(this.settings.general.ipDataLastSend) > e.getGlobalSetting("user.ipDataRefresh", 3600) }, setWebhookSettings: function (t) { return e.event.webhook.helpers.setWebhookSettingsForScope(t, this), this }, getWebhookSettings: function () { return e.event.webhook.helpers.getWebhookSettingsForScope(this) }, addConnector: function (s, a) { let n = t.getData("general.connectorInfo." + s, !1), i = !1; n ? e.each(a, (function (t, s) { (e.isUndefined(n[t]) || n[t] != s) && (i = !0) })) : i = !0, t.setData("general.connectorInfo." + s, a), i && e.user.fetchSessionForce() }, getSegments: function () { let e = t.getData("user.segmentInfo.segments", []); return 0 !== e.length && e }, getSessionId: function () { return t.getData("user.sessionId",
560!1) }, fetchSession: function () { if (!t.getApiKey()) return void e.support.hook(["core.logger"], (function () { e.logger.log("user.core", "warn", "Request can not be made as apiKey is not set") })); if (!t.getData("general.canSend", !1)) return void e.support.hook(["core.logger"], (function () { e.logger.log("user.core", "warn", "Request can not be made as request is stopped") })); e.event.webhook.helpers.fireEventForScope({ webhookSettings: t.webhookSettings, name: "fetchSession", action: "before", data: t.getAllSettings(), scope: t }); let s = t.chains.request; e.isUndefined(s) || 0 === s.list().length || (s.setScope(t), s.setData(t.settings), s.fire()) }, fetchSessionForce: function () { return t.setData("general.flags.forceSend", !0), t.fetchSession() }, chains: e.constructors.get("user").chains }; e.event.webhook.helpers.fireEventForScope({ webhookSettings: t.webhookSettings, name: "mainObject", action: "beforeBuild", data: t.getAllSettings(), scope: t }); let s = t.chains.build; return e.isUndefined(s) || 0 === s.list().length || (s.setScope(t), s.setData(t.settings), s.fire()), e.event.webhook.helpers.fireEventForScope({ webhookSettings: t.webhookSettings, name: "mainObject", action: "afterBuild", data: t.getAllSettings(), scope: t }), t }, chains: { build: e.chain({ stopOnFalse: !0, webhook: { name: "chains.build" } }), init: e.chain({ stopOnFalse: !0, webhook: { name: "chains.init" } }), request: e.chain({ stopOnFalse: !0, webhook: { name: "chains.request" } }), response: e.chain({ stopOnFalse: !0, webhook: { name: "chains.receive" } }) } }), e.constructors.get("user").chains.init.add({ name: "validateReInit", fire: function (e, t) { if (!e.general.flags.isInitForce && e.general.flags.isInit) return !1 } }), e.constructors.get("user").chains.init.add({ name: "initDictionary", fire: function (t, s) { t.dictionary.user = e.dictionary("user_" + t.general.apiKey), t.dictionary.user.setDataProtection(!0), t.dictionary.user.setStorage("local"), t.dictionary.user.mergeFromGlobal() } }), e.constructors.get("user").chains.init.add({ name: "loadDictionaryData", fire: function (e, t) { e.user.sessionId = "sessionId" !== e.dictionary.user.getElement("sessionId") && e.dictionary.user.getElement("sessionId"), e.user.sessionInfo = "sessionInfo" !== e.dictionary.user.getElement("sessionInfo") ? JSON.parse(e.dictionary.user.getElement("sessionInfo")) : { connectorInfo: [] }, e.general.connectorInfo = "connectorInfo" !== e.dictionary.user.getElement("connectorInfo") ? JSON.parse(e.dictionary.user.getElement("connectorInfo")) : {}, e.user.segmentInfo.segments = "segments" !== e.dictionary.user.getElement("segments") ? JSON.parse(e.dictionary.user.getElement("segments")) : [], e.user.segmentInfo = "segmentInfo" !== e.dictionary.user.getElement("segmentInfo") ? JSON.parse(e.dictionary.user.getElement("segmentInfo")) : { segments: e.user.segmentInfo.segments }, e.general.lastSend = "lastSend" !== e.dictionary.user.getElement("lastSend") ? parseInt(e.dictionary.user.getElement("lastSend")) : 0, e.user.ipv4 = "ipv4" !== e.dictionary.user.getElement("ipv4") && JSON.parse(e.dictionary.user.getElement("ipv4")), e.user.ipv6 = "ipv6" !== e.dictionary.user.getElement("ipv6") && JSON.parse(e.dictionary.user.getElement("ipv6")), e.user.uuid = "uuid" !== e.dictionary.user.getElement("uuid") && JSON.parse(e.dictionary.user.getElement("uuid")), e.general.ipDataLastSend = "lastSendIp" !== e.dictionary.user.getElement("lastSendIp") ? parseInt(e.dictionary.user.getElement("lastSendIp")) : 0 } }), e.constructors.get("user").chains.init.add({ name: "checkDataProtection", fire: function (t, s) { e.dataProtection.dataCanBeTracked() ? s.setData("general.canSend", !0) : (e.support.hook(["core.logger"], (function () { e.logger.log("user.core", "warn", "Data protection enforced , can not read data, setting the request to be stopped") })), s.setData("general.canSend", !1)) } }), e.constructors.get("user").chains.init.add({ name: "setInitState", fire: function (e, t) { e.general.flags.isInit = !0 } }), e.constructors.get("user").chains.init.add({ name: "fetchSession", fire: function (e, t) { t.fetchSession() } }), e.constructors.get("user").chains.init.add({ name: "fetchIpData", fire: function (e, t) { t.initIpData() } }), e.constructors.get("user").chains.request.add({ name: "checkIfOutOfTimeout", fire: function (t, s) { if (e.time.timestamp() - parseInt(t.general.lastSend) < e.getGlobalSetting("user.sessionRefresh", 300) && !t.general.flags.forceSend) return e.supp
560ort.hook(["core.logger"], (function () { e.logger.log("user.core", "info", "Request is still valid") })), !1 } }), e.constructors.get("user").chains.request.add({ name: "validateIfOnlyOneSend", fire: function (t, s) { if (t.general.flags.isInSend) return setTimeout(e.user.fetchSession, 1e3), !1; t.general.flags.isInSend = !0 } }), e.constructors.get("user").chains.request.add({ name: "moveConnectorInfo", fire: function (t, s) { t.user.sessionInfo.connectorInfo = [], e.each(t.general.connectorInfo, (function (e, s) { t.user.sessionInfo.connectorInfo.push(s) })) } }), e.constructors.get("user").chains.request.add({ name: "resetData", fire: function (e, t) { e.request = { context: { forceSend: t.settings.general.flags.forceSend } }, window.fetch ? e.request.method = "FETCH" : e.request.method = "AJAX", e.general.scope.userObject = t, e.request.scope = e.general.scope } }), e.constructors.get("user").chains.request.add({ name: "buildPayload", fire: function (t, s) { let a = e.extend(!0, {}, t.user); e.setObjectPath(a, "segmentInfo", {}), t.request.context.requestObject = { url: e.getGlobalSetting("url.userSession", "https://visitor.service.ksearchnet.com/public/1.0/") + t.general.apiKey + "/session", type: t.request.method, method: "POST", mimeType: "application/json; charset=UTF-8", contentType: "application/json; charset=utf-8", dataType: "json", crossDomain: !0, data: JSON.stringify(e.clean(a)), success: function () { let t, s, a, n; 1 === arguments.length ? (t = arguments[0].responseObj.data, s = arguments[0].requestDetails, a = arguments[0].status, n = arguments[0].isSuccess) : (t = arguments[0], s = arguments[1], a = arguments[2], n = arguments[3]); var i = e.getObjectPath(s.scope.userObject, "chains.response"); e.isUndefined(i) || 0 === i.list().length || (i.setScope(s.scope.userObject), e.setObjectPath(s, "response.data", t), e.setObjectPath(s, "context.status", a), e.setObjectPath(s, "context.isSuccess", n), i.setData(s), i.fire()) }, error: function () { let t, s, a; 1 === arguments.length ? (t = arguments[0].requestDetails, s = arguments[0].status, a = arguments[0].isSuccess) : (t = arguments[0], s = arguments[1], a = arguments[2]); var n = e.getObjectPath(t.scope.userObject, "chains.response"); e.isUndefined(n) || 0 === n.list().length || (n.setScope(t.scope.userObject), e.setObjectPath(t, "response.data", {}), e.setObjectPath(t, "context.status", s), e.setObjectPath(t, "context.isSuccess", a), n.setData(t), n.fire()) } }, t.request.context.requestDetails = e.extend(!0, {}, t.request) } }), e.constructors.get("user").chains.request.add({ name: "makeRequest", fire: function (t, s) { e.request(t.request.context.requestObject, t.request.context.requestDetails) } }), e.constructors.get("user").chains.response.add({ name: "checkResponseCode", fire: function (e, t) { if (!e.context.
560isSuccess) return t.settings.general.flags.isInSend = !1, !1 } }), e.constructors.get("user").chains.response.add({ name: "saveReturnData", fire: function (t, s) { e.isUndefined(t.response.data.sessionId) || (s.setData("user.sessionId", t.response.data.sessionId), e.isUndefined(t.response.data.segmentInfo) || s.setData("user.segmentInfo", t.response.data.segmentInfo), e.isUndefined(t.response.data.segmentInfo) || e.isUndefined(t.response.data.segmentInfo.ttl) ? s.setData("general.lastSend", e.time.timestamp()) : s.setData("general.lastSend", e.time.timestamp() - e.getGlobalSetting("user.sessionRefresh", 300) + parseInt(t.response.data.segmentInfo.ttl))) } }), e.constructors.get("user").chains.response.add({ name: "saveToDictionary", fire: function (e, t) { t.saveToDictionary() } }), e.constructors.get("user").chains.response.add({ name: "markAsComplete", fire: function (e, t) { t.settings.general.flags.isInSend = !1, e.context.forceSend && (t.settings.general.flags.forceSend = !1) } }), e.constructors.get("user").chains.response.add({ name: "sendWebhookAfterSessionCall", fire: function (t, s) { e.event.webhook.helpers.fireEventForScope({ webhookSettings: s.webhookSettings, name: "fetchSession", action: "after", data: s.getAllSettings(), scope: s }) } })) })), e.support.hook(["user"], (function () { e.settings.chains.initChain.add({ name: "userSession", fire: function (t, s) { var a = e.getGlobalSetting("search.apiKey", e.getGlobalSetting("recs.apiKey", e.getGlobalSetting("global.apiKey"))), n = e.dataProtection.dataCanBeTracked(); if (!e.isUndefined(a) && n) { var i = e.getGlobalSetting("powerUp.userSession"); if (!e.isUndefined(i) && !1 === i) return; if (e.getObjectPath(t, "flags.userSession.build", !1)) return; e.setObjectPath(t, "flags.userSession.build", !0), e.user.setApiKey(a) } } }) })), e.support.isActive("user") || (e.extend({ user: e.constructors.construct("user") }), e.support.register({ name: "user", loaded: !0, active: !0, dependency: ["core.lib"] })) }(klevu);</script>
560 561 <style> 562 lite-youtube { 563 position: relative; 564 display: block; 565 contain: content; 566 width: 100%; 567 max-width: 720px; 568 margin: 18px auto; 569 overflow: hidden; 570 cursor: pointer; 571 572 background-color: var(--black-deep, #020202); 573 background-position: center center; 574 background-size: cover; 575 576 border: 2px solid var(--yellow-main, #ffd000); 577 border-radius: 16px; 578 579 box-shadow: 580 inset 0 1px 0 rgba(255, 255, 255, 0.18), 581 inset 0 -5px 14px rgba(0, 0, 0, 0.9), 582 0 0 14px var(--gold-glow, rgba(255, 208, 0, 0.55)), 583 0 0 28px var(--red-glow, rgba(255, 25, 25, 0.4)); 584 } 585 586 lite-youtube::before { 587 content: ""; 588 display: block; 589 position: absolute; 590 top: 0; 591 left: 0; 592 z-index: 1; 593 594 width: 100%; 595 height: 80px; 596 padding-bottom: 30px; 597 598 background: 599 linear-gradient(to bottom, 600 rgba(255, 208, 0, 0.24) 0%, 601 rgba(229, 9, 20, 0.15) 35%, 602 rgba(0, 0, 0, 0) 100%); 603 604 border-top: 1px solid rgba(255, 247, 140, 0.65); 605 606 transition: 607 opacity 0.25s ease, 608 transform 0.25s ease; 609 610 pointer-events: none; 611 } 612 613 lite-youtube::after { 614 content: ""; 615 display: block; 616 padding-bottom: calc(100% / (16 / 9)); 617 } 618 619 lite-youtube>iframe { 620 position: absolute; 621 top: 0; 622 left: 0; 623 624 width: 100%; 625 height: 100%; 626 627 border: 0; 628 border-radius: 14px; 629 } 630 631 lite-youtube>.lty-playbtn { 632 position: absolute; 633 top: 50%; 634 left: 50%; 635 z-index: 2; 636 637 width: 76px; 638 height: 54px; 639 640 border: 1px solid rgba(255, 245, 120, 0.95); 641 border-radius: 16px; 642 643 cursor: pointer; 644 transform: translate3d(-50%, -50%, 0); 645 646 background-color: transparent; 647 background-image: 648 linear-gradient(145deg, 649 rgba(255, 82, 72, 0.98) 0%, 650 var(--red-main, #e50914) 40%, 651 var(--red-deep, #a80008) 72%, 652 var(--red-darker, #260002) 100%); 653 654 box-shadow: 655 inset 0 2px 0 rgba(255, 255, 255, 0.35), 656 inset 0 -4px 8px rgba(60, 0, 0, 0.8), 657 0 0 14px var(--red-glow, rgba(255, 25, 25, 0.55)), 658 0 0 26px var(--gold-glow, rgba(255, 208, 0, 0.45)); 659 660 transition: 661 transform 0.18s ease, 662 box-shadow 0.18s ease, 663 filter 0.18s ease; 664 665 font-size: 0; 666 } 667 668 lite-youtube>.lty-playbtn::before { 669 content: ""; 670 position: absolute; 671 top: 50%; 672 left: 52%; 673 674 width: 0; 675 height: 0; 676 677 border-top: 11px solid transparent; 678 border-bottom: 11px solid transparent; 679 border-left: 18px solid var(--yellow-bright, #fff45c); 680 681 transform: translate(-50%, -50%); 682 683 filter: 684 drop-shadow(0 1px 1px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 5px rgba(255, 208, 0, 0.55)); 685 } 686 687 lite-youtube>.lty-playbtn::after { 688 content: ""; 689 position: absolute; 690 inset: 4px; 691 692 border-radius: 12px; 693 border: 1px solid rgba(255, 255, 255, 0.14); 694 695 pointer-events: none; 696 } 697 698 lite-youtube .lty-playbtn:focus, 699 lite-youtube:hover>.lty-playbtn { 700 outline: none; 701 filter: brightness(1.12); 702 703 transform: 704 translate3d(-50%, -50%, 0) scale(1.08); 705 706 box-shadow: 707 inset 0 2px 0 rgba(255, 255, 255, 0.4), 708 inset 0 -4px 8px rgba(60, 0, 0, 0.8), 709 0 0 20px var(--red-glow, rgba(255, 25, 25, 0.7)), 710 0 0 36px var(--gold-glow, rgba(255, 208, 0, 0.65)); 711 } 712 713 lite-youtube .lty-playbtn:focus-visible { 714 outline: 3px solid #ffffff; 715 outline-offset: 4px;
716 } 717 718 lite-youtube:hover { 719 border-color: var(--yellow-bright, #fff45c); 720 721 box-shadow: 722 inset 0 1px 0 rgba(255, 255, 255, 0.2), 723 inset 0 -5px 14px rgba(0, 0, 0, 0.9), 724 0 0 20px var(--gold-glow, rgba(255, 208, 0, 0.7)), 725 0 0 36px var(--red-glow, rgba(255, 25, 25, 0.5)); 726 } 727 728 lite-youtube.lyt-activated { 729 cursor: unset; 730 } 731 732 lite-youtube.lyt-activated::before, 733 lite-youtube.lyt-activated>.lty-playbtn { 734 opacity: 0; 735 pointer-events: none; 736 } 737 738 .lyt-visually-hidden { 739 position: absolute; 740 width: 1px; 741 height: 1px; 742 overflow: hidden; 743 white-space: nowrap; 744 clip: rect(0 0 0 0); 745 clip-path: inset(50%); 746 } 747 748 @media (max-width: 480px) { 749 lite-youtube { 750 margin: 12px auto; 751 border-radius: 12px; 752 } 753 754 lite-youtube>iframe { 755 border-radius: 10px; 756 } 757 758 lite-youtube>.lty-playbtn { 759 width: 64px; 760 height: 46px; 761 border-radius: 13px; 762 } 763 764 lite-youtube>.lty-playbtn::before { 765 border-top-width: 9px; 766 border-bottom-width: 9px; 767 border-left-width: 15px; 768 } 769 } 770 </style> 771 <style type="text/css" id="klevu-quick-search-theme-styles"> 772 [ku-container] a, 773 [ku-container] p, 774 [ku-container] div, 775 [ku-container] ul li { 776 font-family: inherit; 777 font-size: 13px; 778 line-height: 130%; 779 text-decoration: none; 780 font-weight: normal 781 } 782 783 [ku-container] * { 784 -webkit-box-sizing: border-box; 785 -moz-box-sizing: border-box; 786 box-sizing: border-box; 787 outline: 0; 788 -webkit-font-smoothing: antialiased; 789 vertical-align: top 790 } 791 792 .kuBase { 793 margin: 0; 794 padding: 0; 795 border: 0; 796 box-sizing: border-box; 797 box-shadow: none; 798 position: relative; 799 max-width: 100% 800 } 801 802 [ku-container], 803 [ku-block] { 804 margin: 0; 805 padding: 0; 806 border: 0; 807 box-sizing: border-box; 808 box-shadow: none; 809 position: relative; 810 max-width: 100% 811 } 812 813 [ku-container][data-container-role="main"] { 814 margin: 0; 815 padding: 0; 816 border: 0; 817 box-sizing: border-box; 818 box-shadow: none; 819 position: relative; 820 max-width: 100%; 821 width: 1200px; 822 margin: 0 auto 823 } 824 825 [ku-container][data-container-role="header"] { 826 margin: 0; 827 padding: 0; 828 border: 0; 829 box-sizing: border-box; 830 box-shadow: none; 831 position: relative; 832 max-width: 100% 833 } 834 835 [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] { 836 margin: 0; 837 padding: 0; 838 border: 0; 839 box-sizing: border-box; 840 box-shadow: none; 841 position: relative; 842 max-width: 100% 843 } 844 845 [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] { 846 margin: 0; 847 padding: 0; 848 border: 0; 849 box-sizing: border-box; 850 box-shadow: none; 851 position: relative; 852 max-width: 100% 853 } 854 855 [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] { 856 margin: 0; 857 padding: 0; 858 border: 0; 859 box-sizing: border-box; 860 box-shadow: none; 861 position: relative; 862 max-width: 100% 863 } 864 865 .kuResultContent { 866 margin: 0; 867 padding: 0; 868 border: 0; 869 box-sizing: border-box; 870 box-shadow: none; 871 position: relative; 872 max-width: 100% 873 } 874 875 .kuResultContent [ku-container]:empty { 876 display: none !important; 877 width: 0 !important; 878 padding: 0; 879 margin: 0; 880 overflow: hidden 881 } 882 883 [ku-container][data-container-role="content"] { 884 margin: 0; 885 padding: 0; 886 border: 0; 887 box-sizing: border-box; 888 box-shadow: none; 889 position: relative; 890 max-width: 100%; 891 display: table; 892 width: 100% 893 } 894 895 [ku-container][data-container-role="content"] [ku-block]:empty { 896 display: none !important; 897 width: 0 !important; 898 padding: 0; 899 margin: 0; 900 overflow: hidden 901 } 902 903 [ku-block][ku-empty], 904 [ku-container][ku-empty] { 905 display: none !important; 906 width: 0 !important; 907 padding: 0 !important; 908 height: 0 !important; 909 margin: 0 !important; 910 overflow: hidden !important 911 } 912 913 [ku-container][data-container-role="left"] { 914 display: table-cell; 915 width: 22%; 916 height: auto; 917 max-width: 275px 918 } 919 920 [ku-container][data-container-role="right"] { 921 display: table-cell; 922 width: 22%; 923 height: auto; 924 max-width: 275px 925 } 926 927 [ku-container][data-container-role="content"] [ku-container][data-container-role="results"] { 928 display: table-cell; 929 width: auto; 930 height: auto 931 } 932 933 [ku-container][data-container-role="content"]:after { 934 content: ''; 935 display: block; 936 clear: both 937 } 938 939 [ku-block]:empty { 940 display: none !important; 941 width: 0 !important; 942 height: 0 !important; 943 min-height: 0 !important; 944 padding: 0; 945 margin: 0; 946 overflow: hidden 947 } 948 949 @media only screen and (max-width:1100px) { 950 .kuResults ul li { 951 width: 33%; 952 padding: 5px 953 } 954 955 .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 956 max-width: 60%; 957 width: 60% 958 } 959 } 960 961 @media only screen and (max-width:991px) { 962 963 [ku-container][data-container-role="left"], 964 [ku-container][data-container-role="right"] { 965 width: 32% 966 } 967 } 968 969 @media only screen and (max-width:767px) { 970 971 [ku-container][data-container-role="content"], 972 [ku-container][data-container-role="content"] [ku-container][data-container-role="results"], 973 [ku-container][data-container-role="left"], 974 [ku-container][data-container-role="right"] { 975 display: block; 976 width: 100%; 977 height: auto 978 } 979 980 .kuContainer .kuTabs a { 981 display: inline-block 982 } 983 984 .kuContainer .kuTabs a:hover { 985 border-bottom: 0 solid #ddd; 986 text-decoration: none; 987 background: #f5f5f5 988 } 989 990 .kuContainer a.kuTabSelected { 991 border-bottom: 0 solid #ddd; 992 background: #f5f5f5 993 } 994 995 .kuLandingNoResultsMessage { 996 font-size: 15px; 997 line-height: 1.2em; 998 padding: 10px 5%; 999 text-align: center 1000 } 1001 1002 .kuFilterBox { 1003 margin-bottom: 5px; 1004 padding-bottom: 10px; 1005 width: 100% 1006 } 1007 } 1008 1009 .klevu-stars-small-l2 { 1010 height: 13px; 1011 display: inline-block; 1012 vertical-align: bottom; 1013 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x; 1014 width: 65px; 1015 margin-top: 5px 1016 } 1017 1018 .klevu-stars-small-l2 .klevu-rating-l2 { 1019 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x; 1020 height: 13px; 1021 display: inline-block 1022 } 1023 1024 .klevuRatingCount { 1025 display: inline-block; 1026 margin-top: 3px; 1027 margin-left: 1px 1028 } 1029 1030 .kuQuickSearchFacetedLayout>div, 1031 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div { 1032 width: 100% !important; 1033 max-width: 550px !important 1034 } 1035 1036 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"], 1037 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 1038 width: 33%; 1039 padding-right: 2% 1040 } 1041 1042 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"], 1043 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 1044 width: Calc(65%) 1045 } 1046 1047 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 1048 width: 33%; 1049 padding-right: 0 1050 } 1051 1052 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 1053 width: 33% 1054 } 1055 1056 .kuQuickSearchFacetedLayout .kuQuickResultsListContainer { 1057 position: relative; 1058 height: 360px; 1059 overflow: auto 1060 } 1061 1062 .kuQuickSearchFacetedLayout .kuPagination { 1063 padding: 10px 20px; 1064 text-align: right 1065 } 1066 1067 .kuQuickSearchFacetedLayout .kuPagination a { 1068 margin: 0; 1069 position: relative; 1070 display: inline-block; 1071 padding-left: 0; 1072 padding-right: 10px; 1073 color: #333; 1074 cursor: pointer; 1075 text-decoration: none; 1076 border-right: 1px solid #ddd; 1077 font-size: 14px 1078 } 1079 1080 .kuQuickSearchFacetedLayout .kuPagination a:hover { 1081 color: #333 1082 } 1083 1084 .kuQuickSearchFacetedLayout .kuPagination a:last-child { 1085 border-right: 0 1086 } 1087 1088 .kuQuickSearchFacetedLayout .kuPagination a.kuCurrent { 1089 background: #fff; 1090 -webkit-box-shadow: none; 1091 -moz-box-shadow: none; 1092 box-shadow: none; 1093 font-weight: bold 1094 } 1095 1096 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 1097 width: 32% !important; 1098 border-right: 1px solid #e2e2e2; 1099 border-top: 1px solid #e2e2e2; 1100 display: inline-block; 1101 float: left; 1102 min-height: 200px 1103 } 1104 1105 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct .klevu-desc-l2 { 1106 display: none 1107 } 1108 1109 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover { 1110 background-color: #f8f8f8 1111 } 1112 1113 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart { 1114 opacity: 1;
1115 visibility: visible 1116 } 1117 1118 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(1) { 1119 border-top: 0; 1120 border-top: 0 1121 } 1122 1123 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2) { 1124 border-top: 0; 1125 border-top: 0 1126 } 1127 1128 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 1129 border-top: 0; 1130 border-top: 0 1131 } 1132 1133 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 1134 border-bottom: 1px solid #e2e2e2 1135 } 1136 1137 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(2) { 1138 border-bottom: 1px solid #e2e2e2 1139 } 1140 1141 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(3) { 1142 border-bottom: 1px solid #e2e2e2 1143 } 1144 1145 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3n+3) { 1146 border-right: 0 1147 } 1148 1149 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop { 1150 width: 100%; 1151 float: none 1152 } 1153 1154 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom { 1155 width: 100%; 1156 float: none 1157 } 1158 1159 .kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart { 1160 margin: 0 auto; 1161 position: absolute; 1162 display: inline-block; 1163 bottom: auto; 1164 width: auto; 1165 top: 25%; 1166 left: 0; 1167 width: 100%; 1168 text-align: center; 1169 opacity: 0; 1170 visibility: hidden 1171 } 1172 1173 .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemBottom { 1174 width: 100%; 1175 float: none 1176 } 1177 1178 .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view='grid'].klevuQuickSearchResults .klevuProductItemTop { 1179 width: 100%; 1180 float: none 1181 } 1182 1183 .kuQuickSearchFacetedLayoutRightSideFilters .kuPagination { 1184 text-align: left 1185 } 1186 1187 .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div { 1188 min-width: 54% 1189 } 1190 1191 @media only screen and (min-width:768px) and (max-width:991px) { 1192 .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div { 1193 min-width: 66%; 1194 max-width: 100% 1195 } 1196 1197 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 1198 width: 38% 1199 } 1200 1201 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 1202 width: 38% 1203 } 1204 1205 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 1206 width: 49% !important; 1207 border-top: 0; 1208 min-height: 230px 1209 } 1210 1211 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 1212 border-top: 1px solid #e2e2e2 1213 } 1214 1215 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 1216 border-top: 0 1217 } 1218 1219 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2) { 1220 border-right: 0 1221 } 1222 1223 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd) { 1224 border-right: 1px solid #e2e2e2; 1225 border-top: 0 1226 } 1227 1228 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 1229 width: 38%; 1230 padding-right: 2% 1231 } 1232 } 1233 1234 @media only screen and (max-width:767px) { 1235 .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] { 1236 width: 100%; 1237 padding-right: 0; 1238 max-width: 100% 1239 } 1240 1241 .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] { 1242 width: 100%; 1243 padding-right: 0; 1244 max-width: 100% 1245 } 1246 1247 .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterHead { 1248 font-weight: bold 1249 } 1250 1251 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct { 1252 width: 49% !important; 1253 border-top: 0;
1254 min-height: 230px 1255 } 1256 1257 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(3) { 1258 border-top: 1px solid #e2e2e2 1259 } 1260 1261 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-last-child(1) { 1262 border-top: 0 1263 } 1264 1265 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(2n+2) { 1266 border-right: 0 1267 } 1268 1269 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:nth-child(odd) { 1270 border-right: 1px solid #e2e2e2; 1271 border-top: 0 1272 } 1273 1274 .kuQuickSearchFacetedLayout [data-result-view='grid'] .klevuProduct:hover .klevuQuickAddtoCart { 1275 opacity: 1; 1276 visibility: visible 1277 } 1278 1279 .kuQuickSearchFacetedLayout [data-result-view='grid'].klevuQuickSearchResults .klevuQuickAddtoCart { 1280 position: relative; 1281 display: inline-block; 1282 bottom: 15px; 1283 width: auto; 1284 top: auto; 1285 left: 0; 1286 width: 100%; 1287 text-align: center; 1288 opacity: 1; 1289 visibility: visible; 1290 margin-top: 10px 1291 } 1292 1293 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 1294 width: 100%; 1295 padding-right: 0; 1296 max-width: 100% 1297 } 1298 1299 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 1300 width: 100%; 1301 padding-right: 0; 1302 max-width: 100% 1303 } 1304 } 1305 1306 .kuCarousel { 1307 box-sizing: border-box; 1308 position: relative; 1309 width: 100%; 1310 height: 210px 1311 } 1312 1313 .kuCarousel *:before { 1314 box-sizing: border-box 1315 } 1316 1317 .kuCarousel *:after { 1318 box-sizing: border-box 1319 } 1320 1321 .kuCarousel .kuCarousel-content { 1322 position: relative; 1323 overflow: hidden; 1324 transition: width .4s; 1325 height: 100% 1326 } 1327 1328 .kuCarousel .kuSlide { 1329 height: 100%; 1330 position: absolute; 1331 z-index: 1; 1332 transition: left .4s cubic-bezier(0.47, 0.13, 0.15, 0.89) 1333 } 1334 1335 .kuCarousel .nav { 1336 position: absolute; 1337 top: 50%; 1338 margin-top: -8%; 1339 background-color: #FFF; 1340 width: 24px; 1341 height: 24px; 1342 z-index: 2; 1343 cursor: pointer; 1344 border-radius: 50%; 1345 border: 0; 1346 outline: 0; 1347 color: white; 1348 -webkit-user-select: none; 1349 background-position: center; 1350 background-repeat: no-repeat; 1351 background-size: 100%; 1352 display: block 1353 } 1354 1355 .kuCarousel .nav-left { 1356 left: -5px; 1357 background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-prev.png) 1358 } 1359 1360 .kuCarousel .nav-right { 1361 right: -5px; 1362 background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-next.png) 1363 } 1364 1365 .kuCarousel .kuCarousel-arrow-icon-left { 1366 margin-left: 5px; 1367 margin-top: 2px 1368 } 1369 1370 .kuCarousel .kuCarousel-arrow-icon-right { 1371 margin-left: 7px; 1372 margin-top: 2px 1373 } 1374 1375 .kuFilterNames { 1376 height: 118px; 1377 overflow: hidden 1378 } 1379 1380 .kuFilterNames ul { 1381 margin: 0; 1382 padding: 0 1383 } 1384 1385 .kuFilterNames ul li { 1386 list-style: none; 1387 text-align: left; 1388 width: 100%; 1389 display: inline-block; 1390 margin: 0; 1391 padding: 0 1392 } 1393 1394 .kuFilterNames ul li a { 1395 display: block; 1396 position: relative; 1397 overflow: hidden; 1398 padding: 0; 1399 text-decoration: none; 1400 cursor: pointer; 1401 font-style: normal; 1402 color: #333; 1403 background: 0; 1404 margin: 2px; 1405 margin-left: 5px 1406 } 1407 1408 .kuFilterNames ul li a span { 1409 display: inline-block; 1410 vertical-align: middle 1411 } 1412 1413 .kuFilterNames ul li a span.kufacet-text { 1414 max-width: 74%; 1415 width: 74%; 1416 overflow: hidden; 1417 white-space: nowrap; 1418 text-overflow: ellipsis; 1419 float: left 1420 } 1421 1422 .kuFilterNames ul li a span.kuFilterIcon { 1423 float: left; 1424 margin: 0; 1425 padding: 0; 1426 font-weight: normal 1427 } 1428 1429 .kuFilterNames ul li a:hover { 1430 cursor: pointer 1431 } 1432 1433 .kuFilterNames ul li a:hover span.kuFilterIcon:before { 1434 background: #fff 1435 } 1436 1437 .kuFilterNames ul li a:hover span.kuFilterIcon:after { 1438 content: ''; 1439 position: absolute; 1440 width: 8px; 1441 height: 8px; 1442 background: #333; 1443 top: 5px; 1444 left: 5px; 1445 border: 0; 1446 margin-top: 0;
1447 margin-left: 0; 1448 -moz-box-sizing: border-box; 1449 -webkit-box-sizing: border-box; 1450 box-sizing: border-box; 1451 -webkit-transform: rotate(-45deg); 1452 -moz-transform: rotate(-45deg); 1453 -o-transform: rotate(-45deg); 1454 -ms-transform: rotate(-45deg); 1455 transform: rotate(-45deg); 1456 border-radius: 50% 1457 } 1458 1459 .kuFilterNames ul li a span.kuFilterTotal { 1460 float: right; 1461 text-align: right; 1462 margin: 0; 1463 padding: 0 1464 } 1465 1466 .kuFilterNames ul li a span.kuFilterCancel { 1467 float: right; 1468 text-align: right; 1469 margin: 0; 1470 padding: 0 1471 } 1472 1473 .kuFilterNames ul li .klevuFacetStars { 1474 height: 14px; 1475 display: inline-block; 1476 vertical-align: bottom; 1477 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x; 1478 width: 65px 1479 } 1480 1481 .kuFilterNames ul li .klevuFacetStars .klevuFacetRating { 1482 background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x; 1483 height: 14px; 1484 display: inline-block 1485 } 1486 1487 .kuFilterNames ul li.kuSelected a { 1488 color: #333 1489 } 1490 1491 .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 1492 background: #fff 1493 } 1494 1495 .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 1496 content: ''; 1497 position: absolute; 1498 width: 8px; 1499 height: 8px; 1500 background: #333; 1501 top: 5px; 1502 left: 5px; 1503 border: 0; 1504 margin-top: 0; 1505 margin-left: 0; 1506 -moz-box-sizing: border-box; 1507 -webkit-box-sizing: border-box; 1508 box-sizing: border-box; 1509 -webkit-transform: rotate(-45deg); 1510 -moz-transform: rotate(-45deg); 1511 -o-transform: rotate(-45deg); 1512 -ms-transform: rotate(-45deg); 1513 transform: rotate(-45deg); 1514 border-radius: 50%; 1515 border-color: #333 1516 } 1517 1518 .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 1519 -moz-box-sizing: border-box; 1520 -webkit-box-sizing: border-box; 1521 box-sizing: border-box; 1522 border-color: #333 1523 } 1524 1525 .kuFilterNames.kuFilterShowAll { 1526 height: auto; 1527 overflow: unset 1528 } 1529 1530 .kuFilterHead { 1531 font-family: inherit; 1532 font-size: 13px; 1533 font-weight: bold; 1534 padding: 5px; 1535 color: #333; 1536 display: block; 1537 line-height: 1.8; 1538 text-transform: uppercase; 1539 border-bottom: 1px solid #eee; 1540 background: 0; 1541 margin-bottom: 15px; 1542 margin-top: 0; 1543 position: relative; 1544 cursor: pointer; 1545 transition: all .3s ease 1546 } 1547 1548 .kuShowOpt { 1549 padding: 0 5px; 1550 cursor: pointer; 1551 position: absolute; 1552 bottom: -5px 1553 } 1554 1555 .kuShowOpt a { 1556 color: #333; 1557 text-decoration: none 1558 } 1559 1560 .kuHideOpt a { 1561 color: #333; 1562 text-decoration: none 1563 } 1564 1565 .kuFilterDot { 1566 height: 5px; 1567 width: 5px; 1568 background-color: #333; 1569 border-radius: 50%; 1570 display: inline-block; 1571 margin: 2px 1572 } 1573 1574 .kuFilterIcon:before { 1575 content: ''; 1576 border: 2px solid #ddd; 1577 border-radius: 50%; 1578 margin: 0; 1579 margin-right: 6px; 1580 height: 18px; 1581 width: 18px; 1582 display: inline-block; 1583 color: #ddd; 1584 position: relative; 1585 -moz-box-sizing: border-box; 1586 -webkit-box-sizing: border-box; 1587 box-sizing: border-box; 1588 transition: background 200ms; 1589 -webkit-transition: background 200ms; 1590 -moz-transition: background 200ms; 1591 -webkit-transition: border-color 200ms; 1592 -moz-transition: border-color 200ms; 1593 transition: border-color 200ms 1594 } 1595 1596 .kuMulticheck .kuFilterIcon:before { 1597 content: ''; 1598 border: 1px solid #ddd; 1599 border-radius: 0; 1600 margin: 0; 1601 margin-right: 8px; 1602 height: 18px; 1603 width: 18px;
1604 display: inline-block; 1605 color: #ddd; 1606 position: relative 1607 } 1608 1609 .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before { 1610 background: #fff; 1611 border: 1px solid #333 1612 } 1613 1614 .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after { 1615 content: ''; 1616 position: absolute; 1617 width: 10px; 1618 height: 5px; 1619 background: transparent; 1620 top: 5px; 1621 left: 4px; 1622 border: 2px solid #333; 1623 border-top: 0; 1624 border-right: 0; 1625 border-radius: 0; 1626 -moz-box-sizing: border-box; 1627 -webkit-box-sizing: border-box; 1628 box-sizing: border-box; 1629 -webkit-transform: rotate(-45deg); 1630 -moz-transform: rotate(-45deg); 1631 -o-transform: rotate(-45deg); 1632 -ms-transform: rotate(-45deg); 1633 transform: rotate(-45deg) 1634 } 1635 1636 .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 1637 background: #fff; 1638 border: 1px solid #333 1639 } 1640 1641 .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 1642 content: ''; 1643 position: absolute; 1644 width: 10px; 1645 height: 5px; 1646 background: transparent; 1647 top: 4px; 1648 left: 4px; 1649 border: 2px solid #ddd; 1650 border-top: 0; 1651 border-right: 0; 1652 border-radius: 0; 1653 -moz-box-sizing: border-box; 1654 -webkit-box-sizing: border-box; 1655 box-sizing: border-box; 1656 -webkit-transform: rotate(-45deg); 1657 -moz-transform: rotate(-45deg); 1658 -o-transform: rotate(-45deg); 1659 -ms-transform: rotate(-45deg); 1660 transform: rotate(-45deg) 1661 } 1662 1663 .kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 1664 -moz-box-sizing: border-box; 1665 -webkit-box-sizing: border-box; 1666 box-sizing: border-box; 1667 border-color: #333 1668 } 1669 1670 .kuQuickSearchFacetedLayout .kuFilters, 1671 .kuSearchResultsPageContainer .kuFilters { 1672 padding: 10px 1673 } 1674 1675 .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterNames ul li a span.kufacet-text, 1676 .kuSearchResultsPageContainer .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 1677 max-width: 70%; 1678 width: 70% 1679 } 1680 1681 .kuQuickSearchFacetedLayout [data-block-id="ku_quick_left_facets"] { 1682 background-color: #fff; 1683 overflow: auto; 1684 max-height: 400px; 1685 text-align: left 1686 } 1687 1688 .kuQuickSearchFacetedLayout [data-block-id="ku_quick_right_facets"] { 1689 background-color: #fff; 1690 overflow: auto; 1691 max-height: 400px; 1692 text-align: left 1693 } 1694 1695 .kuFilterBox { 1696 margin-bottom: 12px; 1697 background: 0; 1698 padding-bottom: 12px; 1699 position: relative 1700 } 1701 1702 .kuFilterBox .kuFilterHead { 1703 padding: 5px 0; 1704 color: #333; 1705 display: block; 1706 text-transform: uppercase; 1707 border-bottom: 1px solid #ddd; 1708 background: 0; 1709 margin-bottom: 0 1710 } 1711 1712 .kuFilterBox .kuFilterNames { 1713 height: 125px; 1714 overflow: hidden 1715 } 1716 1717 .kuFilterBox .kuFilterNames ul { 1718 margin: 0; 1719 padding: 0 1720 } 1721 1722 .kuFilterBox .kuFilterNames ul li { 1723 list-style: none; 1724 text-align: left; 1725 width: 100%; 1726 display: inline-block; 1727 margin: 0; 1728 padding: 0 1729 } 1730 1731 .kuFilterBox .kuFilterNames ul li a { 1732 display: block; 1733 position: relative; 1734 overflow: hidden; 1735 padding: 0; 1736 text-decoration: none; 1737 cursor: pointer; 1738 color: #333; 1739 background: 0; 1740 margin: 2px 5px 2px 0 1741 } 1742 1743 .kuFilterBox .kuFilterNames ul li a span { 1744 display: inline-block; 1745 vertical-align: middle 1746 } 1747 1748 .kuFilterBox .kuFilterNames ul li a span.kufacet-text { 1749 max-width: 75%; 1750 width: 75%; 1751 overflow: hidden; 1752 white-space: nowrap; 1753 text-overflow: ellipsis; 1754 float: left 1755 } 1756 1757 .kuFilterBox .kuFilterNames ul li a span.kuFilterIcon { 1758 float: left; 1759 margin: 0; 1760 padding: 0; 1761 font-weight: normal 1762 } 1763 1764 .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:before { 1765 background: #fff 1766 } 1767 1768 .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:after { 1769 content: ""; 1770 position: absolute; 1771 width: 8px; 1772 height: 8px; 1773 top: 5px; 1774 left: 5px; 1775 border: 0; 1776 margin-top: 0;
1777 margin-left: 0; 1778 -webkit-transform: rotate(-45deg); 1779 -moz-transform: rotate(-45deg); 1780 -o-transform: rotate(-45deg); 1781 -ms-transform: rotate(-45deg); 1782 transform: rotate(-45deg); 1783 border-radius: 50%; 1784 background: #ddd 1785 } 1786 1787 .kuFilterBox .kuFilterNames ul li.kuSelected a { 1788 color: #333 1789 } 1790 1791 .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 1792 background: #fff 1793 } 1794 1795 .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 1796 content: ""; 1797 position: absolute; 1798 width: 8px; 1799 height: 8px; 1800 top: 5px; 1801 left: 5px; 1802 border: 0; 1803 margin-top: 0; 1804 margin-left: 0; 1805 -webkit-transform: rotate(-45deg); 1806 -moz-transform: rotate(-45deg); 1807 -o-transform: rotate(-45deg); 1808 -ms-transform: rotate(-45deg); 1809 transform: rotate(-45deg); 1810 border-radius: 50%; 1811 background: #ddd; 1812 border-color: #333 !important 1813 } 1814 1815 .kuFilterBox .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 1816 -moz-box-sizing: border-box; 1817 -webkit-box-sizing: border-box; 1818 box-sizing: border-box; 1819 border-color: #333 1820 } 1821 1822 .kuFilterBox .kuFilterNames.sliderFilterNames { 1823 height: 90px 1824 } 1825 1826 .kuFilterBox .kuFilterIcon:before { 1827 content: ""; 1828 border: 2px solid #ccc; 1829 border-radius: 50%; 1830 margin: 0; 1831 margin-right: 8px; 1832 height: 18px; 1833 width: 18px; 1834 display: inline-block; 1835 color: #ccc; 1836 position: relative; 1837 -moz-box-sizing: border-box; 1838 -webkit-box-sizing: border-box; 1839 box-sizing: border-box; 1840 transition: background 200ms; 1841 -webkit-transition: background 200ms; 1842 -moz-transition: background 200ms; 1843 -webkit-transition: border-color 200ms; 1844 -moz-transition: border-color 200ms; 1845 transition: border-color 200ms 1846 } 1847 1848 .kuFilterBox .kuFilterNames.kuFilterCollapse { 1849 height: 0; 1850 overflow: hidden 1851 } 1852 1853 .kuFilterBox .kuFilterNames.kuFilterCollapse .kuShowOpt { 1854 display: none 1855 } 1856 1857 .kuFilterBox .kuFilterNames.kuFilterShowAll { 1858 height: auto; 1859 overflow: unset 1860 } 1861 1862 .kuFilterBox .kuShowOpt { 1863 padding: 0; 1864 cursor: pointer; 1865 position: absolute; 1866 bottom: -12px 1867 } 1868 1869 .kuFilterBox .kuShowOpt a { 1870 color: #4d7abf; 1871 text-decoration: none 1872 } 1873 1874 .kuFilterBox .kuShowOpt .kuFilterDot { 1875 height: 5px; 1876 width: 5px; 1877 background-color: #888; 1878 border-radius: 50%; 1879 display: inline-block; 1880 margin: 2px 1881 } 1882 1883 .kuFilterBox .kuExpand { 1884 position: relative !important; 1885 transition: all .3s ease 1886 } 1887 1888 .kuFilterBox .kuCollapse { 1889 position: relative !important; 1890 transition: all .3s ease 1891 } 1892 1893 .kuFilterBox .kuFilterHead.kuCollapse { 1894 margin-bottom: 10px 1895 } 1896 1897 .kuFilterBox .kuFilterHead.kuCollapse::after { 1898 border-color: #333; 1899 border-image: none; 1900 border-style: solid; 1901 border-width: 0 1px 1px 0; 1902 content: ""; 1903 display: inline-block; 1904 padding: 4px; 1905 position: absolute; 1906 right: 12px; 1907 top: 14px; 1908 -webkit-transform: rotate(-135deg); 1909 -moz-transform: rotate(-135deg); 1910 -o-transform: rotate(-135deg); 1911 -ms-transform: rotate(-135deg); 1912 transform: rotate(-135deg); 1913 transition: all .3s ease 1914 } 1915 1916 .kuFilterBox .kuFilterHead.kuExpand::after { 1917 -moz-border-bottom-colors: none; 1918 -moz-border-left-colors: none; 1919 -moz-border-right-colors: none; 1920 -moz-border-top-colors: none; 1921 border-color: #333; 1922 border-image: none; 1923 border-style: solid; 1924 border-width: 0 1px 1px 0; 1925 content: ""; 1926 display: inline-block; 1927 padding: 4px; 1928 position: absolute; 1929 right: 12px; 1930 top: 10px; 1931 -webkit-transform: rotate(45deg); 1932 -moz-transform: rotate(45deg); 1933 -o-transform: rotate(45deg); 1934 -ms-transform: rotate(45deg); 1935 transform: rotate(45deg); 1936 transition: all .3s ease 0s 1937 } 1938 1939 .kuFilterBox.kuMulticheck .kuFilterIcon:before { 1940 content: ""; 1941 border: 1px solid #ccc; 1942 border-radius: 0 1943 } 1944 1945 .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after { 1946 width: 10px; 1947 height: 5px; 1948 background: transparent; 1949 top: 4px; 1950 left: 4px;
1951 border: 2px solid #ddd; 1952 border-top: 0; 1953 border-right: 0; 1954 border-radius: 0 1955 } 1956 1957 .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before { 1958 background: #fff; 1959 border: 1px solid #333 1960 } 1961 1962 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after { 1963 width: 10px; 1964 height: 5px; 1965 background: transparent; 1966 top: 4px; 1967 left: 4px; 1968 border: 2px solid #ddd; 1969 border-top: 0; 1970 border-right: 0; 1971 border-radius: 0 1972 } 1973 1974 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before { 1975 background: #fff; 1976 border: 1px solid #333 1977 } 1978 1979 .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after { 1980 border-color: #333 1981 } 1982 1983 /*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */ 1984 .noUi-target, 1985 .noUi-target * { 1986 -webkit-touch-callout: none; 1987 -webkit-user-select: none; 1988 -ms-touch-action: none; 1989 touch-action: none; 1990 -ms-user-select: none; 1991 -moz-user-select: none; 1992 -moz-box-sizing: border-box; 1993 box-sizing: border-box 1994 } 1995 1996 .noUi-target { 1997 position: relative; 1998 direction: ltr 1999 } 2000 2001 .noUi-base { 2002 width: 100%; 2003 height: 100%; 2004 position: relative; 2005 z-index: 1 2006 } 2007 2008 .noUi-origin { 2009 position: absolute; 2010 right: 0; 2011 top: 0; 2012 left: 0; 2013 bottom: 0 2014 } 2015 2016 .noUi-handle { 2017 position: relative; 2018 z-index: 1 2019 } 2020 2021 .noUi-stacking .noUi-handle { 2022 z-index: 10 2023 } 2024 2025 .noUi-state-tap .noUi-origin { 2026 -webkit-transition: left .3s, top .3s; 2027 transition: left .3s, top .3s 2028 } 2029 2030 .noUi-state-drag * { 2031 cursor: inherit !important 2032 } 2033 2034 .noUi-base { 2035 -webkit-transform: translate3d(0, 0, 0); 2036 transform: translate3d(0, 0, 0) 2037 } 2038 2039 .noUi-horizontal { 2040 height: 12px 2041 } 2042 2043 .noUi-horizontal .noUi-handle { 2044 width: 24px; 2045 height: 24px; 2046 left: -17px; 2047 top: -7px; 2048 border-radius: 100% 2049 } 2050 2051 .noUi-vertical { 2052 width: 18px 2053 } 2054 2055 .noUi-vertical .noUi-handle { 2056 width: 28px; 2057 height: 34px; 2058 left: -6px; 2059 top: -17px 2060 } 2061 2062 .noUi-background { 2063 background: #fafafa; 2064 box-shadow: inset 0 1px 1px #f0f0f0 2065 } 2066 2067 .noUi-connect { 2068 background: #333; 2069 box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); 2070 -webkit-transition: background 450ms; 2071 transition: background 450ms 2072 } 2073 2074 .noUi-origin { 2075 border-radius: 2px 2076 } 2077 2078 .noUi-target { 2079 border-radius: 4px; 2080 border: 1px solid #d3d3d3; 2081 box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb 2082 } 2083 2084 .noUi-target.noUi-connect { 2085 box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb 2086 } 2087 2088 .noUi-draggable { 2089 cursor: w-resize 2090 } 2091 2092 .noUi-vertical .noUi-draggable { 2093 cursor: n-resize 2094 } 2095 2096 .noUi-handle { 2097 border: 1px solid #d9d9d9; 2098 background: #fff; 2099 cursor: default; 2100 box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; 2101 cursor: pointer 2102 } 2103 2104 .noUi-active { 2105 box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb 2106 } 2107 2108 .noUi-handle:after, 2109 .noUi-handle:before { 2110 content: ""; 2111 display: block; 2112 position: absolute; 2113 height: 14px; 2114 width: 1px; 2115 background: #e4e1e1; 2116 left: 8px; 2117 top: 4px 2118 } 2119 2120 .noUi-handle:after { 2121 left: 12px 2122 } 2123 2124 .noUi-vertical .noUi-handle:after, 2125 .noUi-vertical .noUi-handle:before { 2126 width: 14px; 2127 height: 1px; 2128 left: 6px; 2129 top: 14px 2130 } 2131 2132 .noUi-vertical .noUi-handle:after {
2133 top: 17px 2134 } 2135 2136 [disabled] .noUi-connect, 2137 [disabled].noUi-connect { 2138 background: #b8b8b8 2139 } 2140 2141 [disabled] .noUi-handle, 2142 [disabled].noUi-origin { 2143 cursor: not-allowed 2144 } 2145 2146 .noUi-pips, 2147 .noUi-pips * { 2148 -moz-box-sizing: border-box; 2149 box-sizing: border-box 2150 } 2151 2152 .noUi-pips { 2153 position: absolute; 2154 color: #999 2155 } 2156 2157 .noUi-value { 2158 width: 40px; 2159 position: absolute; 2160 text-align: center 2161 } 2162 2163 .noUi-value-sub { 2164 color: #ccc; 2165 font-size: 10px 2166 } 2167 2168 .noUi-marker { 2169 position: absolute; 2170 background: #ccc 2171 } 2172 2173 .noUi-marker-large, 2174 .noUi-marker-sub { 2175 background: #aaa 2176 } 2177 2178 .noUi-pips-horizontal { 2179 padding: 10px 0; 2180 height: 50px; 2181 top: 100%; 2182 left: 0; 2183 width: 100% 2184 } 2185 2186 .noUi-value-horizontal { 2187 margin-left: -20px; 2188 padding-top: 20px 2189 } 2190 2191 .noUi-value-horizontal.noUi-value-sub { 2192 padding-top: 15px 2193 } 2194 2195 .noUi-marker-horizontal.noUi-marker { 2196 margin-left: -1px; 2197 width: 2px; 2198 height: 5px 2199 } 2200 2201 .noUi-marker-horizontal.noUi-marker-sub { 2202 height: 10px 2203 } 2204 2205 .noUi-marker-horizontal.noUi-marker-large { 2206 height: 15px 2207 } 2208 2209 .noUi-pips-vertical { 2210 padding: 0 10px; 2211 height: 100%; 2212 top: 0; 2213 left: 100% 2214 } 2215 2216 .noUi-value-vertical { 2217 width: 15px; 2218 margin-left: 20px; 2219 margin-top: -5px 2220 } 2221 2222 .noUi-marker-vertical.noUi-marker { 2223 width: 5px; 2224 height: 2px; 2225 margin-top: -1px 2226 } 2227 2228 .noUi-marker-vertical.noUi-marker-sub { 2229 width: 10px 2230 } 2231 2232 .noUi-marker-vertical.noUi-marker-large { 2233 width: 15px 2234 } 2235 2236 .noUi-tooltip { 2237 display: block; 2238 position: absolute; 2239 border: 1px solid #d9d9d9; 2240 border-radius: 3px; 2241 background: #fff; 2242 padding: 5px; 2243 text-align: center; 2244 width: max-content 2245 } 2246 2247 .noUi-horizontal .noUi-handle-lower .noUi-tooltip { 2248 bottom: -32px 2249 } 2250 2251 .noUi-horizontal .noUi-handle-upper .noUi-tooltip { 2252 bottom: -32px; 2253 right: 0 2254 } 2255 2256 .noUi-vertical .noUi-handle-lower .noUi-tooltip { 2257 left: 120% 2258 } 2259 2260 .noUi-vertical .noUi-handle-upper .noUi-tooltip { 2261 right: 120% 2262 } 2263 2264 .klevu-fluid, 2265 .klevu-fluid *, 2266 .klevuTarget, 2267 .klevuTarget *, 2268 .kuContainer * { 2269 font-family: inherit 2270 } 2271 2272 [ku-container] a, 2273 [ku-container] p, 2274 [ku-container] div, 2275 [ku-container] ul li { 2276 font-family: inherit; 2277 font-size: 13px; 2278 line-height: 130%; 2279 text-decoration: none; 2280 font-weight: normal 2281 } 2282 2283 [ku-container] * { 2284 -webkit-box-sizing: border-box; 2285 -moz-box-sizing: border-box; 2286 box-sizing: border-box; 2287 outline: 0; 2288 -webkit-font-smoothing: antialiased; 2289 vertical-align: top 2290 } 2291 2292 .kuClearLeft { 2293 clear: left 2294 } 2295 2296 .kuClearRight { 2297 clear: right 2298 } 2299 2300 .kuClearBoth, 2301 .kuClearBoth:after { 2302 clear: both 2303 } 2304 2305 .kuGreen { 2306 color: #009b46 !important 2307 } 2308 2309 .kuBlack { 2310 color: #333 !important 2311 } 2312 2313 .kuClipped { 2314 overflow: hidden; 2315 display: -webkit-box; 2316 -webkit-box-orient: vertical 2317 } 2318 2319 .kuClippedOne { 2320 overflow: hidden; 2321 display: -webkit-box; 2322 -webkit-box-orient: vertical; 2323 -webkit-line-clamp: 1 2324 } 2325 2326 .kuClippedTwo { 2327 overflow: hidden; 2328 display: -webkit-box; 2329 -webkit-box-orient: vertical; 2330 -webkit-line-clamp: 2 2331 } 2332 2333 .klevuTarget * { 2334 box-sizing: border-box 2335 } 2336 2337 .kuBtn { 2338 display: inline-block; 2339 padding: 5px 10px; 2340 cursor: pointer; 2341 font-size: 11px !important; 2342 text-transform: uppercase; 2343 text-decoration: none; 2344 margin: 5px 5px 5px 0; 2345 border-radius: 3px; 2346 border: 2px solid transparent; 2347 text-align: center 2348 } 2349 2350 .kuBtnDark { 2351 background: #333; 2352 color: #fff; 2353 border-color: #333 2354 } 2355 2356 .kuBtnLight { 2357 background: #ddd; 2358 color: #333; 2359 border-color: #dedede 2360 } 2361 2362 .kuBtnDarkOutline { 2363 background: transparent; 2364 color: #333; 2365 border: 2px solid #333 2366 } 2367 2368 .kuBtnLightOutline { 2369 background: transparent; 2370 color: #ddd; 2371 border: 2px solid #ddd 2372 } 2373 2374 .kuBtnDark:hover, 2375 .kuBtnLight:hover, 2376 .kuBtnDarkOutline:hover, 2377 .kuBtnLightOutline:hover { 2378 background: #757575; 2379 color: #fff; 2380 border-color: #757575 2381 } 2382 2383 .klevuTarget.klevu-fluid>div { 2384 position: absolute; 2385 z-index: 20000000000; 2386 width: 35%; 2387 max-width: 450px; 2388 font-family: inherit; 2389 font-size: 13px; 2390 background-color: #fff; 2391 border-radius: 3px; 2392 color: #333 2393 } 2394 2395 .kuBase { 2396 margin: 0; 2397 padding: 0; 2398 border: 0; 2399 box-sizing: border-box; 2400 box-shadow: none; 2401 position: relative; 2402 max-width: 100% 2403 } 2404 2405 [ku-container], 2406 [ku-block] { 2407 margin: 0; 2408 padding: 0; 2409 border: 0; 2410 box-sizing: border-box; 2411 box-shadow: none; 2412 position: relative; 2413 max-width: 100% 2414 } 2415 2416 [ku-container][data-container-role="main"] { 2417 margin: 0; 2418 padding: 0; 2419 border: 0; 2420 box-sizing: border-box; 2421 box-shadow: none; 2422 position: relative; 2423 max-width: 100%; 2424 width: 1200px; 2425 margin: 0 auto 2426 } 2427 2428 [ku-container][data-container-role="header"] { 2429 margin: 0; 2430 padding: 0; 2431 border: 0; 2432 box-sizing: border-box; 2433 box-shadow: none; 2434 position: relative; 2435 max-width: 100% 2436 } 2437 2438 [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] { 2439 margin: 0; 2440 padding: 0; 2441 border: 0; 2442 box-sizing: border-box; 2443 box-shadow: none; 2444 position: relative; 2445 max-width: 100% 2446 } 2447 2448 [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] { 2449 margin: 0; 2450 padding: 0; 2451 border: 0; 2452 box-sizing: border-box; 2453 box-shadow: none; 2454 position: relative; 2455 max-width: 100% 2456 } 2457 2458 [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] { 2459 margin: 0; 2460 padding: 0; 2461 border: 0; 2462 box-sizing: border-box; 2463 box-shadow: none; 2464 position: relative; 2465 max-width: 100% 2466 } 2467 2468 .kuResultContent { 2469 margin: 0; 2470 padding: 0; 2471 border: 0; 2472 box-sizing: border-box; 2473 box-shadow: none; 2474 position: relative; 2475 max-width: 100% 2476 } 2477 2478 .kuResultContent [ku-container]:empty { 2479 display: none !important; 2480 width: 0 !important; 2481 padding: 0; 2482 margin: 0; 2483 overflow: hidden 2484 } 2485 2486 [ku-container][data-container-role="content"] { 2487 margin: 0; 2488 padding: 0; 2489 border: 0; 2490 box-sizing: border-box; 2491 box-shadow: none; 2492 position: relative; 2493 max-width: 100%; 2494 display: table; 2495 width: 100% 2496 } 2497 2498 [ku-container][data-container-role="content"] [ku-block]:empty { 2499 display: none !important; 2500 width: 0 !important; 2501 padding: 0; 2502 margin: 0; 2503 overflow: hidden 2504 } 2505 2506 [ku-block][ku-empty], 2507 [ku-container][ku-empty] { 2508 display: none !important; 2509 width: 0 !important; 2510 padding: 0 !important; 2511 height: 0 !important; 2512 margin: 0 !important; 2513 overflow: hidden !important 2514 } 2515 2516 .klevuQuickSearchingArea { 2517 width: 100%; 2518 max-width: 100%; 2519 border-radius: 2px; 2520 -webkit-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4); 2521 -moz-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4); 2522 box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4) 2523 } 2524 2525 .klevuQuickSearchingArea .klevuLoader img { 2526 display: inline-block; 2527 width: 22px !important 2528 } 2529 2530 .klevuQuickSearchingArea span.klevuLoader img { 2531 margin-right: 10px 2532 } 2533 2534 .klevuQuickSearchingArea .kuFacetedLayoutMinCharText { 2535 padding: 10px; 2536 line-height: 35px 2537 } 2538 2539 .klevuSuggestionsBlock { 2540 position: relative 2541 } 2542 2543 .klevuSuggestionsBlock .klevuLoader { 2544 position: absolute; 2545 top: 0; 2546 right: 0; 2547 display: inline-block; 2548 padding: 6px 10px 2549 } 2550 2551 .klevuSuggestionHeading { 2552 text-transform: uppercase; 2553 padding: 10px 5px 2554 } 2555 2556 .klevuHeadingText { 2557 color: #333; 2558 display: inline-block 2559 } 2560 2561 .klevuHeadingText a { 2562 float: right; 2563 margin-right: 10px; 2564 color: #333; 2565 font-weight: normal; 2566 text-decoration: none 2567 } 2568 2569 .klevuHeadingText a:hover { 2570 text-decoration: underline 2571 } 2572 2573 .klevuAutoSuggestionsWrap { 2574 border-bottom: 1px solid #ddd; 2575 padding: 5px 10px 2576 } 2577 2578 .klevuAutoSuggestionsWrap ul { 2579 margin: 0; 2580 padding: 0; 2581 text-align: left 2582 } 2583 2584 .klevuAutoSuggestionsWrap ul li { 2585 display: block; 2586 list-style: none; 2587 margin: 0; 2588 cursor: default; 2589 text-align: left 2590 } 2591 2592 .klevuAutoSuggestionsWrap ul li a { 2593 display: block; 2594 padding: 5px; 2595 line-height: 14px; 2596 color: #333; 2597 text-decoration: none; 2598 font-size: 13px 2599 } 2600 2601 .klevuAutoSuggestionsWrap ul li:hover { 2602 background-color: #f5f5f5 2603 } 2604 2605 .klevuAutoSuggestionsWrap ul li:focus { 2606 background-color: #f5f5f5 2607 } 2608 2609 .klevuAutoSuggestionsWrap ul li ul li a { 2610 padding-left: 35px 2611 } 2612 2613 .klevuAutoSuggestionsWrap ul li strong { 2614 color: #333 2615 } 2616 2617 .klevuAutoSuggestionsWrap ul li.klevu-hovered { 2618 background-color: #f5f5f5 2619 } 2620 2621 .klevuResultsBlock .klevuSuggestionHeading { 2622 padding: 12px 15px 2623 } 2624 2625 .klevuResultsBlock .klevuProductsViewAll { 2626 display: inline-block; 2627 position: absolute; 2628 top: 12px; 2629 right: 12px 2630 } 2631 2632 .klevuResultsBlock .klevuProductsViewAll a { 2633 color: #333; 2634 font-weight: normal; 2635 text-decoration: none; 2636 text-transform: uppercase; 2637 font-size: 10px; 2638 cursor: pointer; 2639 border-bottom: 2px solid #ccc; 2640 padding: 2px 0 2641 } 2642 2643 .klevuResultsBlock .klevuQuickSearchResults { 2644 position: relative; 2645 margin: 0; 2646 padding: 0; 2647 box-sizing: border-box 2648 } 2649 2650 .klevuResultsBlock .klevuQuickSearchResults ul { 2651 margin: 0; 2652 padding-left: 0; 2653 text-align: left 2654 } 2655 2656 .klevuResultsBlock .klevuQuickSearchResults ul li { 2657 display: block; 2658 width: 100%; 2659 height: auto; 2660 text-align: left; 2661 position: relative; 2662 border-bottom: 1px solid #ddd; 2663 margin-bottom: auto 2664 } 2665 2666 .klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock { 2667 text-decoration: none; 2668 color: #333; 2669 outline: 0; 2670 display: block; 2671 padding: 8px; 2672 height: auto; 2673 line-height: 20px 2674 } 2675 2676 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock { 2677 float: left; 2678 width: 100%; 2679 margin-left: 8px 2680 } 2681 2682 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName { 2683 font-weight: bold; 2684 color: #333; 2685 word-wrap: break-word 2686 } 2687 2688 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickPriceGreyText { 2689 font-weight: normal !important; 2690 color: #393939 !important; 2691 font-size: 11px !important 2692 } 2693 2694 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDesc { 2695 color: #333 2696 } 2697 2698 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice { 2699 font-weight: bold; 2700 margin-bottom: 5px; 2701 color: #333 2702 } 2703 2704 .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice { 2705 margin-right: 5px; 2706 text-decoration: line-through; 2707 color: #333 2708 } 2709 2710 .klevuResultsBlock .klevuQuickSearchResults ul li:hover { 2711 background-color: #f5f5f5 2712 } 2713 2714 .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickSearchResults ul li div { 2715 color: #fff !important 2716 } 2717 2718 .klevuResultsBlock .klevuQuickSearchResults ul li:focus { 2719 background-color: #f5f5f5 2720 } 2721 2722 .klevuResultsBlock .klevuQuickSearchResults ul li:focus .klevuQuickSearchResults ul li div { 2723 color: #fff !important 2724 } 2725 2726 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop { 2727 margin: 0; 2728 box-sizing: border-box; 2729 float: left; 2730 padding: 5px; 2731 position: relative; 2732 width: 20% 2733 } 2734 2735 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom { 2736 margin: 0; 2737 box-sizing: border-box; 2738 padding: 5px; 2739 position: relative; 2740 min-height: 60px; 2741 float: left; 2742 width: 80% 2743 } 2744 2745 .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 { 2746 color: #8a8a8a; 2747 font-size: 13px 2748 } 2749 2750 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap { 2751 float: none; 2752 overflow: hidden; 2753 width: 100% !important; 2754 height: 70px !important; 2755 text-align: center 2756 } 2757 2758 .klevuResultsBlock .klevuQuickSearchResults img { 2759
2759 max-width: 100% !important; 2760 max-height: 100% !important; 2761 width: auto; 2762 height: auto; 2763 border: 0; 2764 outline: 0; 2765 display: inline-block; 2766 margin: 0 auto; 2767 opacity: 1 2768 } 2769 2770 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge { 2771 background: #ffcc01; 2772 padding: 0 5px; 2773 color: #333; 2774 font-size: 9px; 2775 position: absolute; 2776 top: 6px; 2777 left: 4px 2778 } 2779 2780 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge strong { 2781 color: #333 2782 } 2783 2784 .klevuResultsBlock .klevuQuickNoResults { 2785 text-align: center; 2786 font-size: 13px; 2787 padding: 0 2788 } 2789 2790 .klevuResultsBlock .klevuQuickNoResults .klevuQuickNoResultsInner { 2791 padding: 15px; 2792 margin: 0 2793 } 2794 2795 .klevuResultsBlock .klevuQuickNoResultsMessage { 2796 background: transparent; 2797 font-size: 13px; 2798 padding: 20px; 2799 text-align: center; 2800 border: 0 2801 } 2802 2803 @media only screen and (max-width:1024px) { 2804 .klevuTarget.klevu-fluid>div { 2805 width: 50% 2806 } 2807 2808 .klevuQuickSearchResults .klevuQuickImgWrap { 2809 height: 55px !important 2810 } 2811 } 2812 2813 @media only screen and (max-width:767px) { 2814 .klevuTarget.klevu-fluid>div { 2815 max-width: 400px; 2816 width: 70% 2817 } 2818 } 2819 2820 @media only screen and (max-width:480px) { 2821 .klevuTarget.klevu-fluid>div { 2822 width: 98%; 2823 left: 1% !important 2824 } 2825 2826 .klevu-fluid .klevuQuickSearchResults ul li .klevuQuickProductDesc { 2827 display: none 2828 } 2829 } 2830 2831 @media only screen and (max-width:420px) { 2832 .klevuTarget.klevu-fluid>div { 2833 max-width: 100% 2834 } 2835 } 2836 2837 .searchRequestLoading .klevuQuickSearchingArea { 2838 opacity: .6; 2839 pointer-events: none 2840 } 2841 2842 .searchRequestLoading .klevuQuickSearchingArea::after { 2843 content: url("https://js.klevu.com/klevu-js-v1/img/klevu-loader.GIF"); 2844 position: absolute; 2845 margin-left: 45%; 2846 top: 12px 2847 } 2848 2849 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer [ku-container][data-container-role="left"] { 2850 width: 100%; 2851 max-width: 100% 2852 } 2853 2854 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuPopularSearchesBlock { 2855 margin-bottom: 8px 2856 } 2857 2858 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuRecentSearchesBlock { 2859 margin-bottom: 8px 2860 } 2861 2862 .kuRecommendationSlider { 2863 display: none 2864 } 2865 2866 .kuRecommendationSlider .klevuProductItemTop .klevuQuickImgWrap { 2867 float: none; 2868 overflow: hidden; 2869 width: 100% !important; 2870 height: 155px !important; 2871 text-align: center; 2872 margin: 0 auto; 2873 position: relative; 2874 box-sizing: border-box; 2875 padding: 0; 2876 border: 1px solid #eee; 2877 max-height: 155px !important 2878 } 2879 2880 .kuEmptySearchBox.kuPersonalizedSearchRecsEnabled .kuRecommendationSlider { 2881 display: block 2882 } 2883 2884 .kuSearchPersonalizationsContainer { 2885 height: 40px 2886 } 2887 2888 .kuSearchPersonalizationsContainer * { 2889 visibility: hidden 2890 } 2891 2892 .kuEmptySearchBox .kuSearchPersonalizationsContainer { 2893 height: auto 2894 } 2895 2896 .kuEmptySearchBox .kuSearchPersonalizationsContainer * { 2897 visibility: unset 2898 } 2899 2900 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuQuickSearchingArea { 2901 padding: 6px 9px 2902 } 2903 2904 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemTop { 2905 width: 100%; 2906 display: block; 2907 float: none 2908 } 2909 2910 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemBottom { 2911 width: 100%; 2912 display: block; 2913 float: none 2914 } 2915 2916 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuSuggestionHeading { 2917 padding: 10px 3px 2918 } 2919 2920 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuProductItemBottom { 2921 font-size: 12px; 2922 color: #666 2923 } 2924 2925 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuRecentSearchTerms { 2926 border: 0 2927 } 2928 2929 .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuPopularSearchTerms { 2930 border: 0 2931 } 2932 2933 @media only screen and (max-width:767px) { 2934 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] { 2935 width: 100%; 2936 padding-right: 0 2937 } 2938 2939 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] { 2940 width: 100%; 2941 padding-right: 0 2942 } 2943 2944 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div { 2945 max-width: 85% 2946 } 2947 } 2948 2949 .klevuTarget.klevu-fluid.kuEmptySearchBox>div { 2950 min-width: 38% !important 2951 } 2952 2953 .kuDropdown.kuQuickFacetedLayoutSort { 2954 display: inline-block; 2955 float: right; 2956 min-width: 75px; 2957 padding-top: 10px; 2958 text-align: center 2959 } 2960 2961 .klevuResultsBlock .klevuQuickSearchResults ul:before { 2962 content: ''; 2963 width: 100%; 2964 display: block; 2965 height: 0; 2966 background: 0 2967 } 2968 2969 .kuQuickSearchResultsContainer .kuResultsHeadingTitleContainer { 2970 padding: 8px 10px; 2971 border-bottom: 1px solid #eee 2972 } 2973 2974 .klevu-banner-ad { 2975 clear: both; 2976 text-align: center; 2977 width: 100%; 2978 padding: 8px; 2979 -webkit-box-sizing: border-box; 2980 -moz-box-sizing: border-box; 2981 box-sizing: border-box 2982 } 2983 2984 .klevu-banner-ad img { 2985 display: inline-block; 2986 width: auto; 2987 max-width: 100%; 2988 max-height: 100% 2989 } 2990 2991 .kuPopularSearchTerms ul { 2992 margin: 0; 2993 padding: 0; 2994 text-align: left 2995 } 2996 2997 .kuPopularSearchTerms li { 2998 display: block; 2999 list-style: none; 3000 margin: 0; 3001 text-transform: capitalize; 3002 cursor: default; 3003 text-align: left 3004 } 3005 3006 .kuPopularSearchTerms li a { 3007 display: block; 3008 padding: 5px; 3009 line-height: 14px; 3010 color: #333; 3011 text-decoration: none; 3012 font-size: 13px 3013 } 3014 3015 .kuPopularSearchTerms li:hover { 3016 background-color: #f5f5f5 3017 } 3018 3019 .kuRecentSearchTerms ul { 3020 margin: 0; 3021 padding: 0; 3022 text-align: left 3023 } 3024 3025 .kuRecentSearchTerms li { 3026 display: block; 3027 list-style: none; 3028 margin: 0; 3029 text-transform: capitalize; 3030 cursor: default; 3031 text-align: left 3032 } 3033 3034 .kuRecentSearchTerms li a { 3035 display: block; 3036 padding: 5px; 3037 line-height: 14px; 3038 color: #333; 3039 text-decoration: none; 3040 font-size: 13px 3041 } 3042 3043 .kuRecentSearchTerms li:hover { 3044 background-color: #f5f5f5 3045 } 3046 3047 .kuQuickSearchNoRecordFound { 3048 text-align: center; 3049 margin-top: 4%; 3050 margin-bottom: 4%; 3051 color: #333; 3052 font-size: 13px; 3053 background: #FFF; 3054 display: block 3055 } 3056 3057 .kuQuickSearchNoRecordFound .klevuQuickPriceGreyText { 3058 font-weight: normal !important; 3059 color: #393939 !important; 3060 font-size: 11px !important 3061 } 3062 3063 .kuQuickSearchNoRecordFound .kuQuickNoResults { 3064 max-width: 90%; 3065 margin: auto; 3066 text-align: justify 3067 } 3068 3069 .kuQuickSearchNoRecordFound .kuQuickNoResultsMessage { 3070 display: block; 3071 text-align: center; 3072 line-height: 14px; 3073 color: #333; 3074 text-decoration: none; 3075 font-size: 13px 3076 } 3077 3078 .kuQuickSearchNoRecordFound .kuDividerLine { 3079 margin: 10px 0; 3080 border-bottom: #ccc 1px solid; 3081 width: 100% 3082 } 3083 3084 .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick { 3085 clear: both; 3086 text-align: center; 3087 width: 100%; 3088 padding: 8px; 3089 -webkit-box-sizing: border-box; 3090 -moz-box-sizing: border-box; 3091 box-sizing: border-box 3092 } 3093 3094 .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick img { 3095 display: inline-block; 3096 width: auto; 3097 max-width: 100%; 3098 max-height: 100% 3099 } 3100 3101 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll { 3102 display: inline-block; 3103 position: absolute; 3104 top: 12px; 3105 right: 12px 3106 } 3107 3108 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchHeading { 3109 text-transform: uppercase; 3110 padding-bottom: 10px; 3111 text-align: left 3112 } 3113 3114 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll a { 3115 color: #333; 3116 font-weight: normal; 3117 text-decoration: none; 3118 text-transform: uppercase; 3119 font-size: 10px; 3120 cursor: pointer; 3121 border-bottom: 2px solid #CCC; 3122 padding: 2px 0 3123 } 3124 3125 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular { 3126 position: relative; 3127 margin: 0; 3128 padding: 0; 3129 box-sizing: border-box 3130 } 3131 3132 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul { 3133 margin: 0; 3134 padding-left: 0; 3135 text-align: left 3136 } 3137 3138 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li { 3139 display: block; 3140 width: 100%; 3141 height: auto; 3142 text-align: left; 3143 position: relative; 3144 border-bottom: 1px solid #ddd 3145 } 3146 3147 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li a.klevuQuickPopularProductInnerBlock { 3148 text-decoration: none; 3149 color: #333; 3150 outline: 0; 3151 display: block; 3152 padding: 8px; 3153 height: auto; 3154 line-height: 20px 3155 } 3156 3157 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickPopularProductDescBlock { 3158 float: left; 3159 width: 100%; 3160 margin-left: 8px 3161 } 3162 3163 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductName { 3164 font-weight: bold; 3165 color: #333; 3166 word-wrap: break-word 3167 } 3168 3169 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc { 3170 color: #333 3171 } 3172 3173 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickSalePrice { 3174 font-weight: bold; 3175 margin-bottom: 5px; 3176 color: #333 3177 } 3178 3179 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickOrigPrice { 3180 margin-left: 5px; 3181 text-decoration: line-through; 3182 color: #333 3183 } 3184 3185 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover { 3186 background-color: #f5f5f5 3187 } 3188 3189 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover .klevuQuickSearchNoResultsPopular ul li div { 3190 color: #fff !important 3191 } 3192 3193 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemTop { 3194 margin: 0; 3195 box-sizing: border-box; 3196 float: left; 3197 padding: 5px; 3198 position: relative; 3199 width: 20% 3200 } 3201 3202 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom { 3203 margin: 0; 3204 box-sizing: border-box; 3205 padding: 5px; 3206 position: relative; 3207 min-height: 60px; 3208 float: left; 3209 width: 80% 3210 } 3211 3212 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom .klevu-desc-l2 { 3213 color: #8a8a8a; 3214 font-size: 13px 3215 } 3216 3217 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap { 3218 float: none; 3219 overflow: hidden; 3220 width: 100% !important; 3221 height: 70px !important; 3222 text-align: center 3223 } 3224 3225 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular img { 3226 max-width: 100% !important; 3227 max-height: 100% !important; 3228 width: auto; 3229 height: auto; 3230 border: 0; 3231 outline: 0; 3232 display: inline-block; 3233 margin: 0 auto; 3234 opacity: 1 3235 } 3236 3237 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge { 3238 background: #ffcc01; 3239 padding: 0 5px; 3240 color: #333; 3241 font-size: 9px; 3242 position: absolute; 3243 top: 6px; 3244 left: 4px 3245 } 3246 3247 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge strong { 3248 color: #333 3249 } 3250 3251 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults { 3252 text-align: center; 3253 font-size: 13px; 3254 padding: 0 3255 } 3256 3257 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults .klevuQuickNoResultsInner { 3258 padding: 15px; 3259 margin: 0 3260 } 3261 3262 .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResultsMessage { 3263 background: transparent; 3264 font-size: 13px; 3265 padding: 20px; 3266 text-align: center; 3267 border: 0 3268 } 3269 3270 .kuQuickSearchNoRecordFound .searchRequestLoading .klevuQuickSearchingArea { 3271 opacity: .6; 3272 pointer-events: none 3273 } 3274 3275 .kuQuickSearchNoRecordFound .klevuPopularProductsHeading { 3276 text-align: left; 3277 padding: 8px 15px; 3278 text-transform: uppercase 3279 } 3280
3281 .kuQuickSearchNoRecordFound .kuNoResultsContainer { 3282 max-width: 100% 3283 } 3284 3285 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchesBlock { 3286 padding: 10px 3287 } 3288 3289 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms ul { 3290 margin: 0; 3291 padding: 0 3px; 3292 text-align: left 3293 } 3294 3295 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li { 3296 display: block; 3297 list-style: none; 3298 margin: 0; 3299 text-transform: capitalize; 3300 cursor: pointer; 3301 text-align: left 3302 } 3303 3304 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li:hover { 3305 background-color: #f5f5f5 3306 } 3307 3308 .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li a { 3309 display: block; 3310 padding: 5px; 3311 line-height: 14px; 3312 color: #333; 3313 text-decoration: none; 3314 font-size: 13px 3315 } 3316 3317 @media only screen and (max-width:1024px) { 3318 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 3319 width: 50% 3320 } 3321 3322 .kuQuickSearchNoRecordFound .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap { 3323 height: 55px !important 3324 } 3325 } 3326 3327 @media only screen and (max-width:767px) { 3328 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 3329 max-width: 400px; 3330 width: 70% 3331 } 3332 } 3333 3334 @media only screen and (max-width:480px) { 3335 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 3336 width: 98%; 3337 left: 1% !important 3338 } 3339 3340 .kuQuickSearchNoRecordFound .klevu-fluid .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc { 3341 display: none 3342 } 3343 } 3344 3345 @media only screen and (max-width:420px) { 3346 .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div { 3347 max-width: 100% 3348 } 3349 } 3350 3351 .kuCaptionStockIn { 3352 font-size: 11px; 3353 color: green; 3354 display: inline-block; 3355 padding: 0; 3356 float: left; 3357 width: 100%; 3358 box-sizing: border-box; 3359 margin: 2px 0 3360 } 3361 3362 .kuQuickCaptionStockOut { 3363 font-size: 11px; 3364 color: Red; 3365 display: inline-block; 3366 padding: 0; 3367 float: left; 3368 min-height: 30px; 3369 width: 100%; 3370 box-sizing: border-box; 3371 margin: 2px 0 3372 } 3373 3374 .kuQuickSearchResultsContainer .kuCaptionVat { 3375 display: block; 3376 font-size: 11px; 3377 color: #767676; 3378 width: 100%; 3379 float: left; 3380 margin: 0; 3381 padding: 0; 3382 box-sizing: border-box; 3383 margin: 2px 0 3384 } 3385 3386 .kuQuickSearchFacetedLayout .productListActive [data-content="cmsCompressed"] { 3387 display: none !important 3388 } 3389 3390 .kuQuickSearchFacetedLayout .cmsCompressedActive [data-content="productList"] { 3391 display: none !important 3392 } 3393 3394 .kuQuickSearchFacetedLayout .kuContainer { 3395 width: 100%; 3396 margin: 0 auto; 3397 font-family: inherit; 3398 font-size: 12px; 3399 -moz-box-sizing: border-box; 3400 -webkit-box-sizing: border-box; 3401 box-sizing: border-box; 3402 width: 100% !important; 3403 padding: 0 !important 3404 } 3405 3406 .kuQuickSearchFacetedLayout .kuContainer .kuTabs { 3407 margin: 0 auto !important; 3408 text-align: center; 3409 border-bottom: 1px solid #eee 3410 } 3411 3412 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a { 3413 padding: 8px; 3414 cursor: pointer; 3415 margin-right: 5px; 3416 color: #333; 3417 display: inline-block; 3418 position: relative 3419 } 3420 3421 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a:hover { 3422 border-bottom: 3px solid #ddd; 3423 text-decoration: none 3424 } 3425 3426 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected { 3427 border-bottom: 3px solid #ddd 3428 } 3429 3430 .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected:hover { 3431 background: 0 3432 } 3433 3434 .kuQuickSearchFacetedLayout .kuSort { 3435 display: inline-block; 3436 margin: 0; 3437 height: 15px; 3438 width: 15px; 3439 background-repeat: no-repeat !important 3440 } 3441 3442 .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort { 3443 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-relevance.png) no-repeat 0 0; 3444 cursor: pointer; 3445 margin-right: 2px 3446 } 3447 3448 .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort:hover { 3449 background-position: 0 -17px 3450 } 3451 3452 .kuQuickSearchFacetedLayout .kuSort.kuActiveSort { 3453 background-position: 0 -17px 3454 } 3455 3456 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort { 3457 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-low-to-high.png) no-repeat 0 0; 3458 cursor: pointer; 3459 margin-right: -4px 3460 } 3461 3462 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort { 3463 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-high-to-low.png) no-repeat 0 0; 3464 cursor: pointer 3465 } 3466 3467 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort { 3468 background-position: 0 -17px 3469 } 3470 3471 .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort:hover { 3472 background-position: 0 -17px 3473 } 3474 3475 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort { 3476 background-position: 0 -17px 3477 } 3478 3479 .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort:hover { 3480 background-position: 0 -17px 3481 } 3482 3483 .kuQuickSearchFacetedLayout .kuSort:hover { 3484 background-position: 0 -17px 3485 } 3486 3487 .kuQuickSearchFacetedLayout .kuQuickResultsViewSwitchContainer { 3488 display: inline-block; 3489 float: left 3490 } 3491 3492 .kuQuickSearchFacetedLayout .kuDropdown.kuQuickFacetedLayoutSort { 3493 float: left; 3494 display: inline-block; 3495 float: right 3496 } 3497 3498 .kuQuickResultsViewSwitchContainer { 3499 position: relative; 3500 display: inline-block; 3501 z-index: 11; 3502 width: auto; 3503 padding: 10px 5px 3504 } 3505 3506 .kuQuickResultsViewSwitchContainer a { 3507 display: inline-block; 3508 width: 22px; 3509 height: 22px; 3510 margin-left: 4px;
3511 text-align: center; 3512 vertical-align: middle; 3513 overflow: hidden 3514 } 3515 3516 .kuQuickResultsViewSwitchContainer a.kuCurrent { 3517 background-position: 0 -25px; 3518 text-decoration: none 3519 } 3520 3521 .kuQuickResultsViewSwitchContainer .kuGridViewBtn { 3522 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-gridview.png) no-repeat 0 0; 3523 cursor: pointer 3524 } 3525 3526 .kuQuickResultsViewSwitchContainer .kuListViewBtn { 3527 background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-listview.png) no-repeat 0 0; 3528 cursor: pointer 3529 } 3530 3531 [data-result-view='list'] .klevuProduct { 3532 width: 100% !important 3533 } 3534 3535 [data-result-view='list'] .klevuProduct:hover .kuProdAdditional { 3536 box-shadow: none !important 3537 } 3538 3539 [data-result-view='list'] .klevuProduct main { 3540 display: inline-block; 3541 width: 30% 3542 } 3543 3544 [data-result-view='list'] .klevuProduct footer { 3545 display: inline-block; 3546 width: 69% 3547 } 3548 3549 [data-result-view='list'] .klevuProduct .kuProdAdditional { 3550 position: relative !important; 3551 visibility: unset !important; 3552 border: 0 !important 3553 } 3554 3555 [data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn { 3556 display: inline-block 3557 } 3558 3559 @media only screen and (max-width:576px) { 3560 [data-result-view='list'] .klevuProduct main { 3561 width: 100% 3562 } 3563 3564 [data-result-view='list'] .klevuProduct footer { 3565 width: 100% 3566 } 3567 3568 [data-result-view='list'] .klevuProduct .kuAddtocart .kuBtn { 3569 display: block 3570 } 3571 } 3572 3573 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart { 3574 margin: 0; 3575 position: absolute; 3576 display: inline-block; 3577 bottom: 10px; 3578 right: 5px; 3579 width: auto 3580 } 3581 3582 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart .kuBtn { 3583 padding: 3px 6px; 3584 font-size: 9px !important 3585 } 3586 3587 .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart img { 3588 max-width: 80px !important; 3589 height: auto; 3590 max-height: 45px !important 3591 } 3592 3593 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart { 3594 margin: 0; 3595 position: absolute; 3596 display: inline-block; 3597 bottom: 10px; 3598 right: 5px; 3599 width: auto 3600 } 3601 3602 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart .kuBtn { 3603 padding: 3px 6px; 3604 font-size: 9px !important 3605 } 3606 3607 .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart img { 3608 max-width: 80px !important; 3609 height: auto; 3610 max-height: 45px !important 3611 } 3612 3613 .kuQuickSearchFacetedLayout .klevuQuickSearchResults .klevuQuickAddtoCart { 3614 margin: 0; 3615 position: absolute; 3616 display: inline-block; 3617 bottom: 15px; 3618 right: 5px; 3619 width: auto; 3620 visibility: hidden; 3621 opacity: 0 3622 } 3623 3624 .kuQuickSearchFacetedLayout .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickAddtoCart { 3625 visibility: visible; 3626 opacity: 1 3627 } 3628 3629 .kuQuickSearchFacetedLayout .kuPriceSlider { 3630 width: auto; 3631 min-width: 190px; 3632 max-width: 98%; 3633 padding: 20px; 3634 margin: auto; 3635 position: relative; 3636 box-sizing: border-box 3637 } 3638 3639 .kuQuickSearchFacetedLayout .kuPriceSlider .noUi-tooltip { 3640 font-size: 90% 3641 } 3642 3643 .kuQuickSearchFacetedLayout .sliderFilterNames { 3644 height: 90px 3645 } 3646 3647 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer { 3648 text-align: center 3649 } 3650 3651 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn { 3652 width: 100%; 3653 margin: 12px 0; 3654 height: 34px; 3655 border: 0; 3656 border-radius: 2px; 3657 cursor: pointer 3658 } 3659 3660 .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn.hide { 3661 display: none !important 3662 } 3663 3664 .kuQuickSearchFacetedLayout .klevuProductLoadMore { 3665 width: 100% !important; 3666 min-height: 40px !important; 3667 border: none !important 3668 } 3669 3670 .kuQuickSearchFacetedLayout .klevuProductLoadMore:hover { 3671 background-color: transparent !important 3672 } 3673 3674 .kuQuickSearchFacetedLayout .klevuProductLoadMore.hide { 3675 display: none !important 3676 } 3677 3678 .kuImageSearchSelector { 3679 cursor: pointer 3680 } 3681 3682 .kuImageSearchSelector::before { 3683 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); 3684 display: inline-block; 3685 width: 16px; 3686 margin-left: 10px; 3687 cursor: pointer 3688 } 3689 3690 .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWra
3690p, 3691 .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap, 3692 .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap, 3693 .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 3694 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 3695 .klevuTarget .kuQuickImageSearchWrap { 3696 max-width: 400px !important; 3697 min-width: auto !important; 3698 width: 100% !important 3699 } 3700 3701 .kuQuickSearchImageUploadContainer { 3702 max-width: 400px !important 3703 } 3704 3705 .kuQuickSearchImageUploadContainer .klevuQuickSearchingArea { 3706 padding: 1rem !important 3707 } 3708 3709 .kuQuickSearchImageUploadContainer .kuImageUploadErrorMsgContainer p { 3710 color: red; 3711 margin: 0; 3712 font-size: 12px 3713 } 3714 3715 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn { 3716 width: 100%; 3717 margin: 20px 0; 3718 text-align: center; 3719 padding: 10px; 3720 border-width: 0; 3721 background-color: #343420; 3722 color: #fff; 3723 cursor: pointer 3724 } 3725 3726 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText::before { 3727 display: inline-block; 3728 width: 16px; 3729 margin-right: 5px; 3730 cursor: pointer 3731 } 3732 3733 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.upload::before { 3734 content: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.333333%207.95508C0.149%207.95508%200%208.10441%200%208.28841V10.3327C0%2010.5167%200.149%2010.6661%200.333333%2010.6661H9.66667C9.851%2010.6661%2010%2010.5167%2010%2010.3327V8.28841C10%208.10441%209.851%207.95508%209.66667%207.95508C9.48233%207.95508%209.33333%208.10441%209.33333%208.28841V9.99941H0.666667V8.28841C0.666667%208.10441%200.517667%207.95508%200.333333%207.95508Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.01445%208.62233C5.19878%208.62233%205.34778%208.473%205.34778%208.289V1.119L7.46211%203.16133C7.52645%203.224%207.61011%203.255%207.69345%203.255C7.78078%203.255%207.86778%203.221%207.93311%203.15333C8.06111%203.021%208.05745%202.81%207.92511%202.682L5.25078%200.0983334C5.25045%200.098%205.25045%200.0980001%205.25011%200.0976667L5.24578%200.0936667C5.23378%200.082%205.21878%200.077%205.20578%200.0676667C5.18445%200.0523334%205.16478%200.0353334%205.14045%200.0253334C5.10245%200.00966674%205.06211%200.00233355%205.02145%200.00133355C5.01911%200.00133355%205.01678%200%205.01445%200C5.01211%200%205.00978%200.00133355%205.00745%200.00133355C4.96678%200.00233355%204.92678%200.00966674%204.88845%200.0253334C4.86411%200.0353334%204.84445%200.0523335%204.82312%200.0673335C4.81012%200.0770002%204.79511%200.082%204.78311%200.0936667L4.77911%200.0973333C4.77878%200.0976666%204.77878%200.0976669%204.77845%200.0980002L2.10412%202.68167C1.97178%202.80967%201.96812%203.02067%202.09612%203.153C2.22345%203.28533%202.43545%203.28933%202.56711%203.161L4.68145%201.11867V8.28867C4.68111%208.473%204.83011%208.62233%205.01445%208.62233Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E) 3735 } 3736 3737 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.processing::before { 3738 position: absolute; 3739 margin-left: -20px; 3740 content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%204.5C7.8674%204.5%207.74023%204.44732%207.64645%204.35355C7.55268%204.25977%207.5%204.1326%207.5%204V1C7.5%200.867392%207.55268%200.740215%207.64645%200.646447C7.74023%200.552677%207.8674%200.5%208%200.5C8.1326%200.5%208.25977%200.552677%208.35355%200.646447C8.44732%200.740215%208.5%200.867392%208.5%201V4C8.5%204.1326%208.44732%204.25977%208.35355%204.35355C8.25977%204.44732%208.1326%204.5%208%204.5Z%22%20fill%3D%22white%22%2F%3
3740E%0A%3Cpath%20d%3D%22M10.82%205.68005C10.7209%205.68013%2010.624%205.65075%2010.5416%205.59568C10.4593%205.54058%2010.3951%205.46225%2010.3573%205.37063C10.3196%205.27903%2010.3099%205.17825%2010.3295%205.0811C10.3491%204.98395%2010.3971%204.89485%2010.4675%204.82505L12.595%202.69755C12.6414%202.6511%2012.6966%202.61425%2012.7573%202.5891C12.818%202.56398%2012.883%202.55103%2012.9487%202.55103C13.0144%202.55103%2013.0795%202.56398%2013.1402%202.5891C13.2009%202.61425%2013.256%202.6511%2013.3025%202.69755C13.3489%202.744%2013.3858%202.79915%2013.4109%202.85985C13.4361%202.92055%2013.449%202.9856%2013.449%203.0513C13.449%203.117%2013.4361%203.18205%2013.4109%203.24275C13.3858%203.30345%2013.3489%203.3586%2013.3025%203.40505L11.175%205.53255C11.1285%205.57935%2011.0732%205.61648%2011.0122%205.64178C10.9513%205.6671%2010.886%205.6801%2010.82%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M15%208.5H12C11.8674%208.5%2011.7402%208.44732%2011.6465%208.35355C11.5527%208.25977%2011.5%208.1326%2011.5%208C11.5%207.8674%2011.5527%207.74023%2011.6465%207.64645C11.7402%207.55268%2011.8674%207.5%2012%207.5H15C15.1326%207.5%2015.2598%207.55268%2015.3535%207.64645C15.4473%207.74023%2015.5%207.8674%2015.5%208C15.5%208.1326%2015.4473%208.25977%2015.3535%208.35355C15.2598%208.44732%2015.1326%208.5%2015%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M12.9501%2013.4499C12.8841%2013.45%2012.8188%2013.437%2012.7578%2013.4117C12.6969%2013.3864%2012.6416%2013.3492%2012.5951%2013.3024L10.4676%2011.1749C10.3738%2011.0811%2010.321%2010.9539%2010.321%2010.8212C10.321%2010.6885%2010.3738%2010.5613%2010.4676%2010.4674C10.5614%2010.3736%2010.6886%2010.3209%2010.8213%2010.3209C10.954%2010.3209%2011.0813%2010.3736%2011.1751%2010.4674L13.3026%2012.5949C13.3729%2012.6647%2013.421%2012.7538%2013.4406%2012.851C13.4602%2012.9481%2013.4505%2013.0489%2013.4127%2013.1405C13.375%2013.2321%2013.3108%2013.3105%2013.2284%2013.3656C13.1461%2013.4206%2013.0492%2013.45%2012.9501%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M8%2015.5C7.8674%2015.5%207.74023%2015.4473%207.64645%2015.3535C7.55268%2015.2598%207.5%2015.1326%207.5%2015V12C7.5%2011.8674%207.55268%2011.7402%207.64645%2011.6465C7.74023%2011.5527%207.8674%2011.5%208%2011.5C8.1326%2011.5%208.25977%2011.5527%208.35355%2011.6465C8.44732%2011.7402%208.5%2011.8674%208.5%2012V15C8.5%2015.1326%208.44732%2015.2598%208.35355%2015.3535C8.25977%2015.4473%208.1326%2015.5%208%2015.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M3.04997%2013.4499C2.95087%2013.45%202.85397%2013.4206%202.77159%2013.3656C2.68922%2013.3105%202.62509%2013.2321%202.58732%2013.1405C2.54954%2013.0489%202.53984%2012.9481%202.55944%2012.851C2.57907%2012.7538%202.62709%2012.6647%202.69747%2012.5949L4.82497%2010.4674C4.87142%2010.421%204.92657%2010.3841%204.98727%2010.359C5.04797%2010.3339%205.11302%2010.3209%205.17872%2010.3209C5.24442%2010.3209%205.30947%2010.3339%205.37017%2010.359C5.43087%2010.3841%205.48602%2010.421%205.53247%2010.4674C5.57892%2010.5139%205.61577%2010.569%205.64092%2010.6297C5.66604%2010.6904%205.67899%2010.7555%205.67899%2010.8212C5.67899%2010.8869%205.66604%2010.9519%205.64092%2011.0126C5.61577%2011.0733%205.57892%2011.1285%205.53247%2011.1749L3.40497%2013.3024C3.35844%2013.3492%203.30314%2013.3864%203.24222%2013.4117C3.18127%2013.437%203.11594%2013.45%203.04997%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M4%208.5H1C0.867392%208.5%200.740215%208.44732%200.646447%208.35355C0.552677%208.25977%200.5%208.1326%200.5%208C0.5%207.8674%200.552677%207.74023%200.646447%207.64645C0.740215%207.55268%200.867392%207.5%201%207.5H4C4.1326%207.5%204.25977%207.55268%204.35355%207.64645C4.44732%207.74023%204.5%207.8674%204.5%208C4.5%208.1326%204.44732%208.25977%204.35355%208.35355C4.25977%208.44732%204.1326%208.5%204%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.18005%205.68005C5.11407%205.6801%205.04872%205.6671%204.9878%205.64178C4.92687%205.61648%204.87155%205.57935%204.82505%205.53255L2.69755%203.40505C2.65108%203.3586%202.61423%203.30345%202.5891%203.24275C2.56395%203.18205%202.55103%203.117%202.55103%203.0513C2.55103%202.9856%202.56395%202.92055%202.5891%202.85985C2.61423%202.79915%202.65108%202.744%202.69755%202.69755C2.744%202.6511%202.79915%202.61425%202.85985%202.5891C2.92055%202.56398%202.9856%202.55103%203.0513%202.55103C3.117%202.55103%203.18205%202.56398%203.24275%202.5891C3.30342%202.61425%203.35857%202.6511%203.40505%202.69755L5.5325
37405%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) 3741 } 3742 3743 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn img, 3744 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn svg { 3745 margin-right: 5px 3746 } 3747 3748 .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn:disabled { 3749 cursor: default; 3750 opacity: .95 3751 } 3752 3753 .kuQuickSearchImageUploadContainer .kuQuickUploadHeaderTitle { 3754 font-size: 1.3em; 3755 display: block 3756 } 3757 3758 .kuQuickSearchImageUploadContainer .kuQuickImageSearchForm { 3759 display: none !important 3760 } 3761 3762 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote { 3763 position: relative 3764 } 3765 3766 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo { 3767 padding-left: 24px 3768 } 3769 3770 .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo::before { 3771 content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%206%20L%207.167969%206%20C%207.351562%206%207.5%206.183594%207.5%206.332031%20L%207.5%2010.332031%20C%207.5%2010.515625%207.351562%2010.664062%207.167969%2010.664062%20L%206.832031%2010.664062%20C%206.648438%2010.664062%206.5%2010.480469%206.5%2010.332031%20L%206.5%206.332031%20C%206.5%206.148438%206.648438%206%206.832031%206%20Z%20M%206.832031%206%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%203.671875%20L%207.167969%203.671875%20C%207.351562%203.671875%207.5%203.855469%207.5%204.003906%20L%207.5%204.671875%20C%207.5%204.855469%207.351562%205.003906%207.167969%205.003906%20L%206.832031%205.003906%20C%206.648438%205.003906%206.5%204.820312%206.5%204.671875%20L%206.5%204.003906%20C%206.5%203.820312%206.648438%203.671875%206.832031%203.671875%20Z%20M%206.832031%203.671875%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207%2012.992188%20C%208.589844%2012.992188%2010.113281%2012.363281%2011.238281%2011.238281%20C%2012.363281%2010.113281%2012.992188%208.589844%2012.992188%207%20C%2012.992188%205.410156%2012.363281%203.886719%2011.238281%202.761719%20C%2010.113281%201.636719%208.589844%201.007812%207%201.007812%20C%205.410156%201.007812%203.886719%201.636719%202.761719%202.761719%20C%201.636719%203.886719%201.007812%205.410156%201.007812%207%20C%201.007812%208.589844%201.636719%2010.113281%202.761719%2011.238281%20C%203.886719%2012.363281%205.410156%2012.992188%207%2012.992188%20Z%20M%207%2013.992188%20C%205.144531%2013.992188%203.367188%2013.257812%202.054688%2011.945312%20C%200.742188%2010.632812%200.0078125%208.855469%200.0078125%207%20C%200.0078125%205.144531%200.742188%203.367188%202.054688%202.054688%20C%203.367188%200.742188%205.144531%200.0078125%207%200.0078125%20C%208.855469%200.0078125%2010.632812%200.742188%2011.945312%202.054688%20C%2013.257812%203.367188%2013.992188%205.144531%2013.992188%207%20C%2013.992188%208.855469%2013.257812%2010.632812%2011.945312%2011.945312%20C%2010.632812%2013.257812%208.855469%2013.992188%207%2013.992188%20Z%20M%207%2013.992188%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); 3772 display: inline-block; 3773 width: 16px; 3774 position: absolute; 3775 left: 0 3776 } 3777 3778 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks { 3779 position: relative 3780 } 3781 3782 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input { 3783 position: absolute; 3784 opacity: 0; 3785 z-index: -1 3786 } 3787 3788 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label { 3789 cursor: pointer; 3790 position: relative; 3791 padding-right: 18px 3792 } 3793 3794 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label::after { 3795 content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%2213px%22%20viewBox%3D%220%200%208%2012%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207.136719%206.398438%20L%202.277344%2010.953125%20C%202.042969%2011.171875%201.664062%2011.171875%201.429688%2010.953125%20L%200.863281%2010.421875%20C%200.628906%2010.203125%200.628906%209.847656%200.863281%209.625%20L%204.710938%206%20L%200.863281%202.375%20C%200.628906%202.152344%200.628906%201.796875%200.863281%201.5
379578125%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); 3796 position: absolute; 3797 right: 0; 3798 top: 1px 3799 } 3800 3801 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content { 3802 display: none; 3803 position: relative; 3804 background-color: #f5f6f4; 3805 padding: 10px; 3806 margin-top: 8px 3807 } 3808 3809 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content p { 3810 margin: 0; 3811 padding-left: 64px 3812 } 3813 3814 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img1::before { 3815 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); 3816 width: 16px; 3817 position: absolute 3818 } 3819 3820 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img2::before { 3821 content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2218%22%20height%3D%2225%22%20viewBox%3D%220%200%2018%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%223.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%225.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2212.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2214.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2221.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2223.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A); 3822 width: 16px; 3823 position: absolute; 3824 margin-left: 34px; 3825 margin-top: 3px 3826 } 3827 3828 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-label::after { 3829 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); 3830 position: absolute; 3831 right: 0; 3832 top: 1px 3833 } 3834 3835 .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-content { 3836 display: block 3837 } 3838 3839 @media screen and (max-width:640px) { 3840 3841 .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWra
3841p, 3842 .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap, 3843 .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap, 3844 .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 3845 .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap, 3846 .klevuTarget .kuQuickImageSearchWrap { 3847 position: fixed !important; 3848 top: 15% !important; 3849 max-width: 80% !important; 3850 left: 10% !important; 3851 right: auto !important; 3852 z-index: 1000000; 3853 margin-left: 0; 3854 width: 80% !important 3855 } 3856 3857 .klevuTarget.klevu-fluid>div.kuQuickImageSearchWrap { 3858 left: 10% !important; 3859 width: 80% !important; 3860 z-index: 1000000 !important 3861 } 3862 3863 .kuImageSearchWrapBackDrop { 3864 z-index: 1000 !important 3865 } 3866 3867 .kuImageSearchWrapBackDrop::before { 3868 content: ''; 3869 height: 100% !important; 3870 width: 100% !important; 3871 background: rgba(0, 0, 0, 0.5); 3872 z-index: 1000; 3873 position: fixed; 3874 left: 0; 3875 top: 0; 3876 bottom: 0 3877 } 3878 3879 .kuQuickUploadHeaderTitle { 3880 text-align: center 3881 } 3882 3883 .kuImgSearchHowItWorks { 3884 text-align: center 3885 } 3886 3887 .kuImgSearchHowItWorks .accordion-content { 3888 text-align: left 3889 } 3890 } 3891 </style> 3892 <style type="text/css"> 3893 #st-el-1 { 3894 font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif; 3895 ; 3896 direction: ltr; 3897 display: block; 3898 opacity: 1; 3899 text-align: center; 3900 z-index: 94034; 3901 } 3902 3903 #st-el-1.st-animated { 3904 -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 3905 -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 3906 -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 3907 -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 3908 transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 3909 } 3910 3911 #st-el-1.st-hidden { 3912 opacity: 0; 3913 } 3914 3915 #st-el-1.st-preview { 3916 display: none !important; 3917 opacity: 0 !important; 3918 } 3919 3920 #st-el-1.st-hide { 3921 display: none; 3922 } 3923 3924 #st-el-1 .st-btn { 3925 -moz-box-sizing: border-box; 3926 -webkit-box-sizing: border-box; 3927 box-sizing: border-box; 3928 -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; 3929 -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; 3930 -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; 3931 -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; 3932 transition: opacity 0.2s ease-in, top 0.2s ease-in; 3933 -moz-border-radius: 20px; 3934 -webkit-border-radius: 20px; 3935 border-radius: 20px; 3936 border: none; 3937 cursor: pointer; 3938 display: inline-block; 3939 font-size: 12px; 3940 height: 40px; 3941 line-height: 40px; 3942 margin-right: 8px; 3943 padding: 0 10px; 3944 position: relative; 3945 text-align: center; 3946 top: 0; 3947 vertical-align: top; 3948 white-space: nowrap; 3949 } 3950 3951 #st-el-1 .st-btn:last-child { 3952 margin-right: 0; 3953 } 3954 3955 #st-el-1 .st-btn>svg { 3956 height: 20px;
3957 width: 20px; 3958 position: relative; 3959 top: 10px; 3960 vertical-align: top; 3961 } 3962 3963 #st-el-1 .st-btn>img { 3964 display: inline-block; 3965 height: 20px; 3966 width: 20px; 3967 position: relative; 3968 top: 10px; 3969 vertical-align: top; 3970 } 3971 3972 #st-el-1 .st-btn>span { 3973 -moz-transition: all 0.2s ease-in; 3974 -ms-transition: all 0.2s ease-in; 3975 -o-transition: all 0.2s ease-in; 3976 -webkit-transition: all 0.2s ease-in; 3977 transition: all 0.2s ease-in; 3978 color: #fff; 3979 display: inline-block; 3980 font-weight: 500; 3981 letter-spacing: 0.5px; 3982 min-width: 67px; 3983 opacity: 1; 3984 padding: 0 6px; 3985 position: relative; 3986 vertical-align: top; 3987 } 3988 3989 #st-el-1.st-has-labels .st-btn { 3990 min-width: 135px; 3991 } 3992 3993 #st-el-1.st-has-labels .st-btn.st-remove-label { 3994 min-width: 50px; 3995 } 3996 3997 #st-el-1.st-has-labels .st-btn.st-remove-label>span { 3998 display: none; 3999 } 4000 4001 #st-el-1.st-has-labels .st-btn.st-hide-label>span { 4002 display: none; 4003 } 4004 4005 #st-el-1 .st-total { 4006 color: #555; 4007 display: inline-block; 4008 font-weight: 500; 4009 line-height: 15px; 4010 margin-right: 0; 4011 max-width: 80px; 4012 padding: 4px 8px; 4013 text-align: center; 4014 } 4015 4016 #st-el-1 .st-total.st-hidden { 4017 display: none; 4018 } 4019 4020 #st-el-1 .st-total>span { 4021 font-size: 20px; 4022 line-height: 22px; 4023 display: block; 4024 padding: 0; 4025 } 4026 4027 #st-el-1 .st-total>span.st-shares { 4028 font-size: 12px; 4029 line-height: 12px; 4030 } 4031 4032 #st-el-1.st-justified { 4033 display: flex; 4034 text-align: center; 4035 } 4036 4037 #st-el-1.st-justified .st-btn { 4038 -moz-flex: 1; 4039 -ms-flex: 1; 4040 -webkit-flex: 1; 4041 flex: 1; 4042 } 4043 4044 #st-el-1 .st-btn:hover { 4045 opacity: .8; 4046 top: -4px; 4047 } 4048 4049 #st-el-1 .st-btn[data-network='facebook'] { 4050 background-color: #4267B2 4051 } 4052 4053 #st-el-1 .st-btn[data-network='facebook'] img { 4054 filter: 4055 } 4056 4057 #st-el-1 .st-btn[data-network='facebook']>span { 4058 color: #fff 4059 } 4060 4061 #st-el-1 .st-btn[data-network='twitter'] { 4062 background-color: #000000 4063 } 4064 4065 #st-el-1 .st-btn[data-network='twitter'] img { 4066 filter: 4067 } 4068 4069 #st-el-1 .st-btn[data-network='twitter']>span { 4070 color: #fff 4071 } 4072 4073 #st-el-1 .st-btn[data-network='snapchat']>span { 4074 color: #333 4075 } 4076 4077 ; 4078 </style> 4079 <style type="text/css"> 4080 #st-2 { 4081 font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif; 4082 ; 4083 direction: ltr; 4084 display: block; 4085 opacity: 1; 4086 text-align: center; 4087 z-index: 94034; 4088 } 4089 4090 #st-2.st-animated { 4091 -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4092 -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4093 -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4094 -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4095 transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4096 } 4097 4098 #st-2.st-hidden { 4099 opacity: 0; 4100 } 4101
4102 #st-2.st-preview { 4103 display: none !important; 4104 opacity: 0 !important; 4105 } 4106 4107 #st-2.st-hide { 4108 display: none; 4109 } 4110 4111 #st-2 .st-btn { 4112 -moz-box-sizing: border-box; 4113 -webkit-box-sizing: border-box; 4114 box-sizing: border-box; 4115 -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; 4116 -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; 4117 -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; 4118 -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; 4119 transition: opacity 0.2s ease-in, top 0.2s ease-in; 4120 -moz-border-radius: 20px; 4121 -webkit-border-radius: 20px; 4122 border-radius: 20px; 4123 border: none; 4124 cursor: pointer; 4125 display: inline-block; 4126 font-size: 12px; 4127 height: 40px; 4128 line-height: 40px; 4129 margin-right: 8px; 4130 padding: 0 10px; 4131 position: relative; 4132 text-align: center; 4133 top: 0; 4134 vertical-align: top; 4135 white-space: nowrap; 4136 } 4137 4138 #st-2 .st-btn:last-child { 4139 margin-right: 0; 4140 } 4141 4142 #st-2 .st-btn>svg { 4143 height: 20px; 4144 width: 20px; 4145 position: relative; 4146 top: 10px; 4147 vertical-align: top; 4148 } 4149 4150 #st-2 .st-btn>img { 4151 display: inline-block; 4152 height: 20px; 4153 width: 20px; 4154 position: relative; 4155 top: 10px; 4156 vertical-align: top; 4157 } 4158 4159 #st-2 .st-btn>span { 4160 -moz-transition: all 0.2s ease-in; 4161 -ms-transition: all 0.2s ease-in; 4162 -o-transition: all 0.2s ease-in; 4163 -webkit-transition: all 0.2s ease-in; 4164 transition: all 0.2s ease-in; 4165 color: #fff; 4166 display: inline-block; 4167 font-weight: 500; 4168 letter-spacing: 0.5px; 4169 min-width: 67px; 4170 opacity: 1; 4171 padding: 0 6px; 4172 position: relative; 4173 vertical-align: top; 4174 } 4175 4176 #st-2.st-has-labels .st-btn { 4177 min-width: 135px; 4178 } 4179 4180 #st-2.st-has-labels .st-btn.st-remove-label { 4181 min-width: 50px; 4182 } 4183 4184 #st-2.st-has-labels .st-btn.st-remove-label>span { 4185 display: none; 4186 } 4187 4188 #st-2.st-has-labels .st-btn.st-hide-label>span { 4189 display: none; 4190 } 4191 4192 #st-2 .st-total { 4193 color: #555; 4194 display: inline-block; 4195 font-weight: 500; 4196 line-height: 15px; 4197 margin-right: 0; 4198 max-width: 80px; 4199 padding: 4px 8px; 4200 text-align: center; 4201 } 4202 4203 #st-2 .st-total.st-hidden { 4204 display: none; 4205 } 4206 4207 #st-2 .st-total>span { 4208 font-size: 20px; 4209 line-height: 22px; 4210 display: block; 4211 padding: 0; 4212 } 4213 4214 #st-2 .st-total>span.st-shares { 4215 font-size: 12px; 4216 line-height: 12px; 4217 } 4218 4219 #st-2.st-justified { 4220 display: flex; 4221 text-align: center; 4222 } 4223 4224 #st-2.st-justified .st-btn { 4225 -moz-flex: 1; 4226 -ms-flex: 1; 4227 -webkit-flex: 1; 4228 flex: 1; 4229 } 4230 4231 #st-2 .st-btn:hover { 4232 opacity: .8; 4233 top: -4px; 4234 } 4235 4236 #st-2 .st-btn[data-network='facebook'] { 4237 background-color: #4267B2 4238 } 4239 4240 #st-2 .st-btn[data-network='facebook'] img { 4241 filter: 4242 } 4243 4244 #st-2 .st-btn[data-network='facebook']>span { 4245 color: #fff 4246 } 4247 4248 #st-2 .st-btn[data-network='twitter'] { 4249 background-color: #000000 4250 } 4251 4252 #st-2 .st-btn[data-network='twitter'] img { 4253 filter: 4254 } 4255 4256 #st-2 .st-btn[data-network='twitter']>span { 4257 color: #fff 4258 } 4259 4260 #st-2 .st-btn[data-network='snapchat']>span { 4261 color: #333 4262 } 4263 4264 ; 4265 </style> 4266 <style type="text/css"> 4267 #st-3 { 4268 font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif; 4269 ; 4270 direction: ltr; 4271 display: block; 4272 opacity: 1;
4273 text-align: center; 4274 z-index: 94034; 4275 } 4276 4277 #st-3.st-animated { 4278 -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4279 -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4280 -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4281 -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4282 transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; 4283 } 4284 4285 #st-3.st-hidden { 4286 opacity: 0; 4287 } 4288 4289 #st-3.st-preview { 4290 display: none !important; 4291 opacity: 0 !important; 4292 } 4293 4294 #st-3.st-hide { 4295 display: none; 4296 } 4297 4298 #st-3 .st-btn { 4299 -moz-box-sizing: border-box; 4300 -webkit-box-sizing: border-box; 4301 box-sizing: border-box; 4302 -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; 4303 -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; 4304 -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; 4305 -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; 4306 transition: opacity 0.2s ease-in, top 0.2s ease-in; 4307 -moz-border-radius: 20px; 4308 -webkit-border-radius: 20px; 4309 border-radius: 20px; 4310 border: none; 4311 cursor: pointer; 4312 display: inline-block; 4313 font-size: 12px; 4314 height: 40px; 4315 line-height: 40px; 4316 margin-right: 8px; 4317 padding: 0 10px; 4318 position: relative; 4319 text-align: center; 4320 top: 0; 4321 vertical-align: top; 4322 white-space: nowrap; 4323 } 4324 4325 #st-3 .st-btn:last-child { 4326 margin-right: 0; 4327 } 4328 4329 #st-3 .st-btn>svg { 4330 height: 20px; 4331 width: 20px; 4332 position: relative; 4333 top: 10px; 4334 vertical-align: top; 4335 } 4336 4337 #st-3 .st-btn>img { 4338 display: inline-block; 4339 height: 20px; 4340 width: 20px; 4341 position: relative; 4342 top: 10px; 4343 vertical-align: top; 4344 } 4345 4346 #st-3 .st-btn>span { 4347 -moz-transition: all 0.2s ease-in; 4348 -ms-transition: all 0.2s ease-in; 4349 -o-transition: all 0.2s ease-in; 4350 -webkit-transition: all 0.2s ease-in; 4351 transition: all 0.2s ease-in; 4352 color: #fff; 4353 display: inline-block; 4354 font-weight: 500; 4355 letter-spacing: 0.5px; 4356 min-width: 67px; 4357 opacity: 1; 4358 padding: 0 6px; 4359 position: relative; 4360 vertical-align: top; 4361 } 4362 4363 #st-3.st-has-labels .st-btn { 4364 min-width: 135px; 4365 } 4366 4367 #st-3.st-has-labels .st-btn.st-remove-label { 4368 min-width: 50px; 4369 } 4370 4371 #st-3.st-has-labels .st-btn.st-remove-label>span { 4372 display: none; 4373 } 4374 4375 #st-3.st-has-labels .st-btn.st-hide-label>span { 4376 display: none; 4377 } 4378 4379 #st-3 .st-total { 4380 color: #555; 4381 display: inline-block; 4382 font-weight: 500; 4383 line-height: 15px; 4384 margin-right: 0; 4385 max-width: 80px; 4386 padding: 4px 8px; 4387 text-align: center; 4388 } 4389 4390 #st-3 .st-total.st-hidden { 4391 display: none; 4392 } 4393 4394 #st-3 .st-total>span { 4395 font-size: 20px; 4396 line-height: 22px; 4397 display: block; 4398 padding: 0; 4399 } 4400 4401 #st-3 .st-total>span.st-shares { 4402 font-size: 12px; 4403 line-height: 12px; 4404 } 4405 4406 #st-3.st-justified { 4407 display: flex; 4408 text-align: center; 4409 } 4410 4411 #st-3.st-justified .st-btn { 4412 -moz-flex: 1; 4413 -ms-flex: 1; 4414 -webkit-flex: 1; 4415 flex: 1; 4416 } 4417 4418 #st-3 .st-btn:hover { 4419 opacity: .8; 4420 top: -4px; 4421 } 4422 4423 #st-3 .st-btn[data-network='facebook'] { 4424 background-color: #4267B2 4425 } 4426 4427 #st-3 .st-btn[data-network='facebook'] img { 4428 filter: 4429 } 4430 4431 #st-3 .st-btn[data-network='facebook']>span { 4432 color: #fff 4433 } 4434 4435 #st-3 .st-btn[data-network='twitter'] { 4436 background-color: #000000 4437 } 4438 4439 #st-3 .st-btn[data-network='twitter'] img { 4440 filter: 4441 } 4442 4443 #st-3 .st-btn[data-network='twitter']>span { 4444 color: #fff 4445 } 4446 4447 #st-3 .st-btn[data-network='snapchat']>span { 4448 color: #333 4449 } 4450 4451 ; 4452 </style> 4453</head> 4454 4455<body data-container="body" 4456 data-mage-init="{"loaderAjax": {}, "loader": { "icon": "https://veldrive.com/PikiErTA/2026/05/15/ikon.png"}}" 4457 class="breeze breeze-theme page-product-configurable catalog-product-view product-nordic-naturals-baby-s-dha-52135545-AYO01 page-layout-1column" 4458 id="html-body" data-breeze-processed="true"> 4459 4460 4461 <noscript> 4462 <div class="message global noscript"> 4463 <div class="content"> 4464 <p> 4465 <strong>sepertinya JavaScript tidak aktif pada browser anda </strong>
4466 <span> 4467 Untuk pengalaman terbaik di situs kami, pastikan untuk mengaktifkan Javascript di browser Anda. 4468 </span> 4469 </p> 4470 </div> 4471 </div> 4472 </noscript> 4473 4474
4474<script data-breeze=""> 4475 var cookiesConfig = { 4476 expires: null, 4477 path: '\u002F', 4478 domain: '.mothercare.co.id', 4479 secure: true, 4480 lifetime: '3600' 4481 }; 4482 </script>
4482 4483 4484
4484<script> 4485 var googleMapsConfig = { 4486 src: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D', 4487 style: '', 4488 apiKey: '' 4489 } 4490 </script>
4490 4491 <div class="page-wrapper"> 4492 <header class="page-header"> 4493 <div class="panel wrapper"> 4494 <div class="panel header" style="background: linear-gradient(90deg, #000000 0%, #000000);"><a 4495 class="action skip contentarea" href="#contentarea"> 4496 <span> 4497 lewati ke Konten </span> 4498 </a> 4499 <div class="left_top_header"> 4500 <div class="top-header-components-mc left-top"> 4501 <div class="header_panel_info"> 4502 <ul> 4503 <li class="download-app-link"> 4504 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 4505 <img width="14" height="14" alt="download icon" loading="lazy" 4506 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/app.png"> 4507 download apps 4508 </a> 4509 <div class="download-popup"> 4510 <div class="wrap"> 4511 <div class="right-cols"> 4512 <div class="app-content"> 4513 download app from: 4514 <div class="view code app_store"> 4515 <a class="sh-store-link" href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" 4516 target="_blank" 4517 ng-click="callAction($event, 'appStore')"> 4518 <img loading="lazy" width="200" height="60" 4519 alt="app store" class="sh-store-link__image" 4520 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png"> 4521 </a> 4522 </div> 4523 <div class="view code play_store"> 4524 <a class="sh-store-link" data-test="google-play-link" 4525 href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" target="_blank" 4526 ng-click="callAction($event, 'appStore')"> 4527 <img loading="lazy" width="200" height="60" 4528 alt="google play" class="sh-store-link__image" 4529 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png"> 4530 </a> 4531 </div> 4532 </div> 4533 </div> 4534 </div> 4535 </div> 4536 </li> 4537 4538 <li> 4539 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 4540 <img loading="lazy" width="22" height="22" alt="gift registry icon" 4541 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_white.svg"> 4542 gift registry </a> 4543 </li> 4544 </ul> 4545 </div> 4546 </div> 4547 </div> 4548 <div class="right_top_header"> 4549 <div class="switcher language switcher-language" data-ui-id="language-switcher" 4550 id="switcher-language"> 4551 <strong class="label switcher-label"><span>Bahasa</span></strong> 4552 <div class="actions dropdown options switcher-options"> 4553 <div class="action toggle switcher-trigger" id="switcher-language-trigger"> 4554 <strong class="view-mothercare_website_bahasa">
4555 <span>ID</span> 4556 </strong> 4557 </div> 4558 <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"> 4559 <ul class="dropdown switcher-dropdown" data-mage-init="{"dropdownDialog":{ 4560 "appendTo":"#switcher-language > .options", 4561 "triggerTarget":"#switcher-language-trigger", 4562 "closeOnMouseLeave": false, 4563 "triggerClass":"active", 4564 "parentClass":"active", 4565 "buttons":null}}" data-breeze-processed="true"> 4566 4567 4568 </ul> 4569 </div> 4570 <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"> 4571 <ul class="dropdown switcher-dropdown" data-mage-init="{"dropdownDialog":{ 4572 "appendTo":"#switcher-language > .options", 4573 "triggerTarget":"#switcher-language-trigger", 4574 "closeOnMouseLeave": false, 4575 "triggerClass":"active", 4576 "parentClass":"active", 4577 "buttons":null}}" data-breeze-processed="true"> 4578 4579 4580 </ul> 4581 </div> 4582 </div> 4583 </div> 4584 <style> 4585 .switch { 4586 position: relative; 4587 display: inline-block; 4588 width: 66px; 4589 height: 36px; 4590 vertical-align: middle; 4591 } 4592 4593 .switch input { 4594 width: 0; 4595 height: 0; 4596 opacity: 0; 4597 } 4598 4599 .slider { 4600 position: absolute; 4601 inset: 0; 4602 overflow: hidden; 4603 cursor: pointer; 4604 border: 1px solid rgba(255, 215, 55, 0.85); 4605 border-radius: 36px; 4606 background: 4607 linear-gradient(to bottom, 4608 #2b2b2b 0%, 4609 #151515 45%, 4610 #050505 100%); 4611 box-shadow: 4612 inset 0 1px 0 rgba(255, 255, 255, 0.16), 4613 inset 0 -3px 7px rgba(0, 0, 0, 0.9), 4614 0 0 10px rgba(255, 208, 0, 0.38), 4615 0 0 16px rgba(255, 25, 25, 0.2); 4616 transition: 4617 background 0.4s ease, 4618 border-color 0.4s ease, 4619 box-shadow 0.4s ease; 4620 } 4621 4622 .slider::before { 4623 content: "ID"; 4624 position: absolute; 4625 left: 4px; 4626 bottom: 4px; 4627 display: flex; 4628 align-items: center; 4629 justify-content: center; 4630 width: 28px; 4631 height: 28px; 4632 border-radius: 50%; 4633 color: #080808; 4634 font: 800 10px Arial, sans-serif; 4635 letter-spacing: 0.2px; 4636 background: 4637 linear-gradient(145deg, 4638 #fff9a8 0%, 4639 #ffd21c 42%, 4640 #e7a900 72%, 4641 #8a5a00 100%); 4642 box-shadow: 4643 inset 0 2px 0 rgba(255, 255, 255, 0.85), 4644 inset 0 -3px 6px rgba(95, 47, 0, 0.48), 4645 0 0 8px rgba(255, 208, 0, 0.7); 4646 transition: 4647 transform 0.4s ease, 4648 background 0.4s ease, 4649 color 0.4s ease; 4650 } 4651 4652 input:checked+.slider { 4653 border-color: rgba(255, 75, 65, 0.9); 4654 background: 4655 linear-gradient(to bottom, 4656 #ff5148 0%, 4657 #e50914 42%, 4658 #a80008 72%, 4659 #4a0004 100%); 4660 box-shadow: 4661 inset 0 1px 0 rgba(255, 255, 255, 0.28), 4662 inset 0 -3px 7px rgba(65, 0, 0, 0.85), 4663 0 0 11px rgba(255, 25, 25, 0.58), 4664 0 0 17px rgba(255, 208, 0, 0.25); 4665 } 4666 4667 input:checked+.slider::before { 4668 content: "EN"; 4669 color: #ffffff; 4670 transform: translateX(30px); 4671 background: 4672 linear-gradient(145deg, 4673 #343434 0%, 4674 #181818 45%, 4675 #050505 100%); 4676 box-shadow: 4677 inset 0 1px 0 rgba(255, 255, 255, 0.22), 4678 inset 0 -3px 6px rgba(0, 0, 0, 0.9), 4679 0 0 8px rgba(255, 208, 0, 0.5), 4680 0 0 11px rgba(255, 25, 25, 0.42); 4681 } 4682 4683 input:focus-visible+.slider { 4684 outline: 2px solid #ffffff; 4685 outline-offset: 3px; 4686 box-shadow: 4687 0 0 0 3px rgba(255, 208, 0, 0.5), 4688 0 0 14px rgba(255, 25, 25, 0.48); 4689 } 4690 4691 .slider.round {
4692 border-radius: 36px; 4693 } 4694 4695 .slider.round::before { 4696 border-radius: 50%; 4697 } 4698 4699 .switch:hover .slider { 4700 filter: brightness(1.12); 4701 } 4702 4703 @media (max-width: 480px) { 4704 .switch { 4705 width: 60px; 4706 height: 32px; 4707 } 4708 4709 .slider::before { 4710 width: 24px; 4711 height: 24px; 4712 font-size: 9px; 4713 } 4714 4715 input:checked+.slider::before { 4716 transform: translateX(28px); 4717 } 4718 } 4719 </style> 4720 <div class="top-header-components-mc"> 4721 <div class="lang-switch-mc"> 4722 <li><label class="switch"> 4723 <input type="checkbox" checked=""> 4724 <span class="slider round"></span> 4725 </label> 4726 </li> 4727 </div> 4728 <div class="header_panel_info"> 4729 <ul> 4730 <li><a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"><img loading="lazy" width="22" height="22" 4731 alt="store finder icon" 4732 src="https://kit4d.dataklmsad903.site/images/setting-logo/1/jo6pCvu5WhO3iIFf.gif">LOGIN</a> 4733 </li> 4734 <li><a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"><img loading="lazy" width="22" height="22" 4735 alt="Kanmo Circle logo" 4736 src="https://kit4d.dataklmsad903.site/images/setting-logo/1/jo6pCvu5WhO3iIFf.gif">DAFTAR</a> 4737 </li> 4738 <li><a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" target="_blank"><img loading="lazy" width="22" 4739 height="22" alt="Whatsapp logo" 4740 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg"> 4741 Contact Us</a></li> 4742 </ul> 4743 </div> 4744 </div> 4745 <style> 4746 .header_panel_info ul { 4747 display: flex; 4748 column-gap: 20px; 4749 list-style: none; 4750 } 4751 4752 .header_panel_info img { 4753 margin-right: 10px; 4754 } 4755 4756 .panel.header div { 4757 width: 100%; 4758 } 4759 4760 .top-header-components-mc { 4761 display: flex; 4762 justify-content: space-between; 4763 } 4764 4765 .lang-switch-mc li { 4766 list-style: none; 4767 } 4768 4769 @media only screen and (max-width: 769px) { 4770 .header_panel_info ul { 4771 flex-direction: column; 4772 } 4773 } 4774 </style> 4775 </div> 4776 </div> 4777 </div> 4778 <div class="header content"><span data-action="toggle-nav" class="action nav-toggle" 4779 tabindex="0"><span>Toggle Nav</span></span> 4780 <a class="logo" href="https://modennews.com/" title="" aria-label="store logo"> 4781 <img src="https://kit4d.dataklmsad903.site/images/sett
4781ing-logo/1/jo6pCvu5WhO3iIFf.gif" title="" 4782 alt="" width="155" height="28"> 4783 </a> 4784 4785 <div class="kanmo-middle-header"> 4786 <div class="navigation-wrapper"><span data-action="toggle-nav" class="button-close" 4787 tabindex="0"></span> 4788 <div class="top-header-components-mc mobile-component"> 4789 <div class="header_panel_info"> 4790 <ul> 4791 <li><a href="https://modennews.com/"><span><img loading="lazy" width="22" height="22" 4792 alt="Kanmo Circle logo" 4793 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/KanmoCircle.svg"></span>about 4794 Kanmo Circle</a></li> 4795 <li><a href="https://modennews.com/"><img loading="lazy" width="22" height="22" 4796 alt="gift registry icon" 4797 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_blue.svg">gift 4798 registry</a></li> 4799 <li><a href="https://modennews.com/"><span><img loading="lazy" width="22" height="22" 4800 alt="store finder icon" 4801 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/storefinder_blue.svg"></span>store 4802 finder</a></li> 4803 <li><a href="https://modennews.com/" target="_blank"><span><img loading="lazy" width="22" 4804 height="22" alt="Whatsapp logo" 4805 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg"></span>contact 4806 us</a></li> 4807 4808 </ul> 4809 4810 </div> 4811 </div> 4812 <div class="block ves-menu ves-megamenu-mobile " 4813 id="menu-top-mothercare1742308061777474800-menu"> 4814 <nav class="navigation" role="navigation" data-action="navigation"> 4815 <ul id="menu-top-mothercare1742308061777474800" 4816 class="ves-megamenu menu-hover ves-horizontal " 4817 data-mage-init="{"menu":{"responsive":false, "expanded":false, "position":{"my":"left top","at":"left bottom"}}}" 4818 data-toggle-mobile-nav="false" data-breeze-processed="true"> 4819 <li id="vesitem-884521742308061573800708" 4820 class=" nav-item level0 submenu-left subhover dropdown level-top "><a 4821 href="//modennews.com/" style="font-size:12px;" 4822 class=" nav-anchor"><span>KIT4D</span><span class="caret"></span><span 4823 class="opener"></span></a> 4824 <div class="submenu animated dropdown-menu" 4825 style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 4826 <div class="content-wrap"> 4827 <div class="megamenu-content" style="width:100%"> 4828 <div class="nav-dropdown"> 4829 <div class="nav-desk row equal nav-revamp"> 4830 <div class="col-md-12"> 4831 <div class="row"> 4832 <div class="brand-az"> 4833 <a href="" title="A" class="active">A</a> 4834 <a href="" title="B">B</a> 4835 <a href="" title="C">C</a> 4836 <a href="" title="D">D</a> 4837 <a href="" title="E">E</a> 4838 <a href="" title="F">F</a> 4839 <a href="" title="G">G</a> 4840 <a href="" title="H">H</a> 4841 <a href="" title="I">I</a> 4842 <a href="" title="J">J</a> 4843 <a href="" title="K">K</a> 4844 <a href="" title="L">L</a> 4845 <a href="" title="M">M</a> 4846 <a href="" title="N">N</a> 4847 <a href="" title="O">O</a> 4848 <a href="" title="P">P</a> 4849 <a href="" title="Q">Q</a> 4850 <a href="" title="R">R</a> 4851 <a href="" title="S">S</a> 4852 <a href="" title="T">T</a> 4853 <a href="" title="U">U</a> 4854 <a href="" title="V">V</a> 4855 <a href="" title="W">W</a> 4856 <a href="" title="X">X</a> 4857 <a href="" title="Y">Y</a> 4858 <a href="" title="Z">Z</a> 4859 <a href="" title="0" class="number" 4860 style="white-space: nowrap;">0-9</a> 4861 </div> 4862 <div class="brand-wrapper"> 4863 <p class="brand-name" style="display: block;"><a 4864 href="/brand-a-z/addo.html">Addo</a></p> 4865 <p class="brand-name" style="display: block;"><a 4866 href="/brand-a-z/adidas.html">Adidas</a> 4867 </p> 4868 <p class="brand-name" style="display: block;"><a 4869 href="/brand-a-z/airfree.html">Airfree</a> 4870 </p> 4871 <p class="brand-name" style="display: block;"><a 4872 href="/brand-a-z/alamii.html">Alamii</a> 4873 </p> 4874 <p class="brand-name" style="display: block;"><a 4875 href="/brand-a-z/amara.html">Amara</a> 4876 </p> 4877 <p class="brand-name" style="display: block;"><a 4878 href="/brand-a-z/aqua-scale.html">Aqua 4879 Scale</a></p> 4880 <p class="brand-name" style="display: block;"><a 4881 href="/brand-a-z/asics.html">Asics</a> 4882 </p> 4883 <p class="brand-name" style="display: block;"><a 4884 href="/brand-a-z/aveeno.html">Aveeno</a> 4885 </p> 4886 <p class="brand-name" style="display: block;"><a 4887 href="/brand-a-z/awan.html">Awan</a></p> 4888 <p class="brand-name" style="display: block;"><a 4889 href="/brand-a-z/azetabio.html">Azetabio</a> 4890 </p> 4891 <p class="brand-name" style="display: none;"><a 4892 href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a> 4893 </p> 4894 <p class="brand-name" style="display: none;"><a 4895 href="/brand-a-z/babiators.html">Babiators</a> 4896 </p> 4897 <p class="brand-name" style="display: none;"><a 4898 href="/brand-a-z/dove.html">Baby 4899 Dove</a></p> 4900 <p class="brand-name" style="display: none;"><a 4901 href="/brand-a-z/baby-jogger.html">Baby 4902 Jogger</a></p> 4903 <p class="brand-name" style="display: none;"><a 4904 href="/brand-a-z/baby-rovega.html">Baby 4905 Rovega</a></p> 4906 <p class="brand-name" style="display: none;"><a 4907 href="/brand-a-z/babybee.html">Babybee</a> 4908 </p> 4909 <p class="brand-name" style="display: none;"><a 4910 href="/brand-a-z/banana-boat.html">Banana 4911 Boat</a></p> 4912 <p class="brand-name" style="display: none;"><a 4913 href="/brand-a-z/banz.html">Banz</a></p> 4914 <p class="brand-name" style="display: none;"><a 4915 href="/brand-a-z/barbie.html">
4915Barbie</a> 4916 </p> 4917 <p class="brand-name" style="display: none;"><a 4918 href="/brand-a-z/beaba.html">Beaba</a> 4919 </p> 4920 <p class="brand-name" style="display: none;"><a 4921 href="/brand-a-z/beauty-barn.html">Beauty 4922 Barn</a></p> 4923 <p class="brand-name" style="display: none;"><a 4924 href="/brand-a-z/bio-oil.html">Bio 4925 Oil</a></p> 4926 <p class="brand-name" style="display: none;"><a 4927 href="/brand-a-z/biolane.html">Biolane</a> 4928 </p> 4929 <p class="brand-name" style="display: none;"><a 4930 href="/brand-a-z/bite-fighters.html">Bite 4931 Fighters</a></p> 4932 <p class="brand-name" style="display: none;"><a 4933 href="/brand-a-z/bizzi-growin.html">Bizzi 4934 Growin</a></p> 4935 <p class="brand-name" style="display: none;"><a 4936 href="/brand-a-z/blackmores.html">Blackmores</a> 4937 </p> 4938 <p class="brand-name" style="display: none;"><a 4939 href="/brand-a-z/blooming-marvellous.html">Blooming 4940 Marvellous</a></p> 4941 <p class="brand-name" style="display: none;"><a 4942 href="/brand-a-z/bonnels.html">Bonnels</a> 4943 </p> 4944 <p class="brand-name" style="display: none;"><a 4945 href="/brand-a-z/bravado.html">Bravado</a> 4946 </p> 4947 <p class="brand-name" style="display: none;"><a 4948 href="/brand-a-z/bruder.html">Bruder</a> 4949 </p> 4950 <p class="brand-name" style="display: none;"><a 4951 href="/brand-a-z/brush-baby.html">Brush 4952 Baby</a></p> 4953 <p class="brand-name" style="display: none;"><a 4954 href="/brand-a-z/buds.html">Buds 4955 Organics</a></p> 4956 <p class="brand-name" style="display: none;"><a 4957 href="/brand-a-z/bugaboo.html">Bugaboo</a> 4958 </p> 4959 <p class="brand-name" style="display: none;"><a 4960 href="/brand-a-z/buggygear.html">Buggygear</a> 4961 </p> 4962 <p class="brand-name" style="display: none;"><a 4963 href="/brand-a-z/bumkins.html">Bumkins</a> 4964 </p> 4965 <p class="brand-name" style="display: none;"><a 4966 href="/brand-a-z/cetaphil.html">Cetaphil</a> 4967 </p> 4968 <p class="brand-name" style="display: none;"><a 4969 href="/brand-a-z/chicco.html">Chicco</a> 4970 </p> 4971 <p class="brand-name" style="display: none;"><a 4972 href="/brand-a-z/childlife.html">Childlife</a> 4973 </p> 4974 <p class="brand-name" style="display: none;"><a 4975 href="/brand-a-z/clevamama.html">Clevamama</a> 4976 </p> 4977 <p class="brand-name" style="display: none;"><a 4978 href="/brand-a-z/cocolatte.html">Cocolatte</a> 4979 </p> 4980 <p class="brand-name" style="display: none;"><a 4981 href="/brand-a-z/cottonseeds.html">Cottonseeds</a> 4982 </p> 4983 <p class="brand-name" style="display: none;"><a 4984 href="/brand-a-z/cozy-n-safe.html">Cozy 4985 N Safe</a></p> 4986 <p class="brand-name" style="display: none;"><a 4987 href="/brand-a-z/crane.html">Crane</a> 4988 </p> 4989 <p class="brand-name" style="display: none;"><a 4990 href="/brand-a-z/cybex.html">Cybex</a> 4991 </p> 4992 <p class="brand-name" style="display: none;"><a 4993 href="/brand-a-z/dae-organics.html">Dae 4994 Organics</a></p> 4995 <p class="brand-name" style="display: none;"><a 4996 href="/brand-a-z/docare.html">Docare</a> 4997 </p> 4998 <p class="brand-name" style="display: none;"><a 4999 href="/brand-a-z/doona.html">Doona</a> 5000 </p> 5001 <p class="brand-name" style="display: none;"><a 5002 href="/brand-a-z/down-to-earth.html">Down 5003 To Earth</a></p> 5004 <p class="brand-name" style="display: none;"><a 5005 href="/brand-a-z/drew.html">Drew</a></p> 5006 <p class="brand-name" style="display: none;"><a 5007 href="/brand-a-z/dr-brown-s.html">Dr. 5008 Brown's</a></p> 5009 <p class="brand-name" style="display: none;"><a 5010 href="/brand-a-z/elc.html">ELC</a></p> 5011 <p class="brand-name" style="display: none;"><a 5012 href="/brand-a-z/ergobaby.html">Ergobaby</a> 5013 </p> 5014 <p class="brand-name" style="display: none;"><a 5015 href="/brand-a-z/expert-care.html">Expert 5016 Care</a></p> 5017 <p class="brand-name" style="display: none;"><a 5018 href="/brand-a-z/ezyroller.html">Ezyroller</a> 5019 </p> 5020 <p class="brand-name" style="display: none;"><a 5021 href="/brand-a-z/felt-so-sweet.html">Felt
5022 So Sweet</a></p> 5023 <p class="brand-name" style="display: none;"><a 5024 href="/brand-a-z/fisher-price.html">Fisher 5025 Price</a></p> 5026 <p class="brand-name" style="display: none;"><a 5027 href="/brand-a-z/flipper.html">Flipper</a> 5028 </p> 5029 <p class="brand-name" style="display: none;"><a 5030 href="/brand-a-z/friends-of-sally.html">Friends 5031 Of Sally</a></p> 5032 <p class="brand-name" style="display: none;"><a 5033 href="/brand-a-z/gb.html">Gb</a></p> 5034 <p class="brand-name" style="display: none;"><a 5035 href="/brand-a-z/geko.html">Geko</a></p> 5036 <p class="brand-name" style="display: none;"><a 5037 href="/brand-a-z/graco.html">Graco</a> 5038 </p> 5039 <p class="brand-name" style="display: none;"><a 5040 href="/brand-a-z/gund.html">Gund</a></p> 5041 <p class="brand-name" style="display: none;"><a 5042 href="/brand-a-z/habbie.html">Habbie</a> 5043 </p> 5044 <p class="brand-name" style="display: none;"><a 5045 href="/brand-a-z/haenim.html">Haenim</a> 5046 </p> 5047 <p class="brand-name" style="display: none;"><a 5048 href="/brand-a-z/happy-horse.html">Happy 5049 Horse</a></p> 5050 <p class="brand-name" style="display: none;"><a 5051 href="/brand-a-z/happy-tummy.html">
5051Happy 5052 Tummy</a></p> 5053 <p class="brand-name" style="display: none;"><a 5054 href="/brand-a-z/hauck.html">Hauck</a> 5055 </p> 5056 <p class="brand-name" style="display: none;"><a 5057 href="/brand-a-z/havaianas.html">Havaianas</a> 5058 </p> 5059 <p class="brand-name" style="display: none;"><a 5060 href="/brand-a-z/hegen.html">Hegen</a> 5061 </p> 5062 <p class="brand-name" style="display: none;"><a 5063 href="/brand-a-z/hot-wheels.html">Hot 5064 Wheels</a></p> 5065 <p class="brand-name" style="display: none;"><a 5066 href="/brand-a-z/hybrid.html">Hybrid</a> 5067 </p> 5068 <p class="brand-name" style="display: none;"><a 5069 href="/brand-a-z/inlacta-dha.html">Inlacta 5070 DHA</a></p> 5071 <p class="brand-name" style="display: none;"><a 5072 href="/brand-a-z/interlac.html">Interlac</a> 5073 </p> 5074 <p class="brand-name" style="display: none;"><a 5075 href="/brand-a-z/ivenet.html">Ivenet</a> 5076 </p> 5077 <p class="brand-name" style="display: none;"><a 5078 href="/brand-a-z/jack-n-jill.html">Jack 5079 N Jill</a></p> 5080 <p class="brand-name" style="display: none;"><a 5081 href="/brand-a-z/joie.html">Joie</a></p> 5082 <p class="brand-name" style="display: none;"><a 5083 href="/brand-a-z/joolz.html">Joolz</a> 5084 </p> 5085 <p class="brand-name" style="display: none;"><a 5086 href="/brand-a-z/jujube.html">Jujube</a> 5087 </p> 5088 <p class="brand-name" style="display: none;"><a 5089 href="/brand-a-z/kiddycuts.html">Kiddycuts</a> 5090 </p> 5091 <p class="brand-name" style="display: none;"><a 5092 href="/brand-a-z/kumon.html">Kumon</a> 5093 </p> 5094 <p class="brand-name" style="display: none;"><a 5095 href="/brand-a-z/leapfrog.html">Leapfrog</a> 5096 </p> 5097 <p class="brand-name" style="display: none;"><a 5098 href="/brand-a-z/leclerc.html">Leclerc</a> 5099 </p> 5100 <p class="brand-name" style="display: none;"><a 5101 href="/brand-a-z/lee-vierra.html">Lee 5102 Vierra</a></p> 5103 <p class="brand-name" style="display: none;"><a 5104 href="/brand-a-z/lillebaby.html">Lillebaby</a> 5105 </p> 5106 <p class="brand-name" style="display: none;"><a 5107 href="/brand-a-z/little-bird-told-me.html">Little 5108 Bird Told Me</a></p> 5109 <p class="brand-name" style="display: none;"><a 5110 href="/brand-a-z/little-miss-janis.html">Little 5111 Miss Janis</a></p> 5112 <p class="brand-name" style="display: none;"><a 5113 href="/brand-a-z/london-taxi.html">London 5114 Taxi</a></p> 5115 <p class="brand-name" style="display: none;"><a 5116 href="/brand-a-z/love-to-dream.html">Love 5117 To Dream</a></p> 5118 <p class="brand-name" style="display: none;"><a 5119 href="/brand-a-z/magformers.html">Magformers</a> 5120 </p> 5121 <p class="brand-name" style="display: none;"><a 5122 href="/brand-a-z/mamaschoice.html">Mama's 5123 Choice</a></p> 5124 <p class="brand-name" style="display: none;"><a 5125 href="/brand-a-z/mamas-papas.html">Mamas&Papas</a> 5126 </p> 5127 <p class="brand-name" style="display: none;"><a 5128 href="/brand-a-z/mamaway.html">Mamaway</a> 5129 </p> 5130 <p class="brand-name" style="display: none;"><a 5131 href="/brand-a-z/maxi-cosi.html">Maxi 5132 Cosi</a></p> 5133 <p class="brand-name" style="display: none;"><a 5134 href="/brand-a-z/megabloks.html">Megabloks</a> 5135 </p> 5136 <p class="brand-name" style="display: none;"><a 5137 href="/brand-a-z/micro.html">Micro</a> 5138 </p> 5139 <p class="brand-name" style="display: none;"><a 5140 href="/brand-a-z/mideer.html">MiDeer</a> 5141 </p> 5142 <p class="brand-name" style="display: none;"><a 5143 href="/brand-a-z/mimi-lula.html">Mimi 5144 & Lula</a></p> 5145 <p class="brand-name" style="display: none;"><a 5146 href="/brand-a-z/mini-monkey.html">Mini 5147 Monkey</a></p> 5148 <p class="brand-name" style="display: none;"><a 5149 href="/brand-a-z/moby.html">Moby</a></p> 5150 <p class="brand-name" style="display: none;"><a 5151 href="/brand-a-z/momami.html">Momami</a> 5152 </p> 5153 <p class="brand-name" style="display: none;"><a 5154 href="/brand-a-z/mothercare.html">Mothercare</a> 5155 </p> 5156 <p class="brand-name" style="display: none;"><a 5157 href="/brand-a-z/mustela.html">Mustela</a> 5158 </p> 5159 <p class="brand-name" style="display: none;"><a 5160 href="/brand-a-z/my-buddy-tag.html">My 5161 Buddy Tag</a></p> 5162 <p class="brand-name" style="display: none;"><a 5163 href="/brand-a-z/my-k.html">My K</a></p> 5164 <p class="brand-name" style="display: none;"><a 5165 href="/brand-a-z/naif.html">Naif</a></p> 5166 <p class="brand-name" style="display: none;"><a 5167 href="/brand-a-z/nike.html">Nike</a></p> 5168 <p class="brand-name" style="display: none;"><a 5169 href="/brand-a-z/nordic-natural.html">Nordic 5170 Natural</a></p> 5171 <p class="brand-name" style="display: none;"><a 5172 href="/brand-a-z/nuby.html">Nuby</a></p> 5173 <p class="brand-name" style="display: none;"><a 5174 href="/brand-a-z/nuna.html">Nuna</a></p> 5175 <p class="brand-name" style="display: none;"><a 5176 href="/brand-a-z/oh-ma-grain.html">Oh Ma 5177 Grain</a></p> 5178 <p class="brand-name" style="display: none;"><a 5179 href="/brand-a-z/okiedog.html">Okiedog</a> 5180 </p> 5181 <p class="brand-name" style="display: none;"><a 5182 href="/brand-a-z/peachy.html">Peachy</a> 5183 </p> 5184 <p class="brand-name" style="display: none;"><a 5185 href="/brand-a-z/phil-ted-s.html">Phil 5186 & Ted's</a></p> 5187 <p class="brand-name" style="display: none;"><a 5188 href="/brand-a-z/philips-avent.html">Philips 5189 Avent</a></p> 5190 <p class="brand-name" style="display: none;"><a 5191 href="/brand-a-z/pigeon.html">Pigeon</a> 5192 </p> 5193 <p class="brand-name" style="display: none;"><a 5194 href="/brand-a-z/playgro.html">Playgro</a> 5195 </p> 5196 <p class="brand-name" style="display: none;"><a 5197 href="/brand-a-z/poled-global.html">Poled 5198 Global</a></p> 5199
5199 <p class="brand-name" style="display: none;"><a 5200 href="/brand-a-z/ponycycle.html">Ponycycle</a> 5201 </p> 5202 <p class="brand-name" style="display: none;"><a 5203 href="/brand-a-z/puma.html">Puma</a></p> 5204 <p class="brand-name" style="display: none;"><a 5205 href="/brand-a-z/pureats.html">Pureats</a> 5206 </p> 5207 <p class="brand-name" style="display: none;"><a 5208 href="/brand-a-z/qv-baby.html">QV 5209 Baby</a></p> 5210 <p class="brand-name" style="display: none;"><a 5211 href="/brand-a-z/real-shades.html">Real 5212 Shades</a></p> 5213 <p class="brand-name" style="display: none;"><a 5214 href="/brand-a-z/red-castle.html">Red 5215 Castle</a></p> 5216 <p class="brand-name" style="display: none;"><a 5217 href="/brand-a-z/ribbon-madness.html">Ribbon 5218 Madness</a></p> 5219 <p class="brand-name" style="display: none;"><a 5220 href="/brand-a-z/sebamed.html">Sebamed</a> 5221 </p> 5222 <p class="brand-name" style="display: none;"><a 5223 href="/brand-a-z/silver-cross.html">Silver 5224 Cross</a></p> 5225 <p class="brand-name" style="display: none;"><a 5226 href="/brand-a-z/simply-idea.html">Simply 5227 Idea</a></p> 5228 <p class="brand-name" style="display: none;"><a 5229 href="/brand-a-z/skip-hop.html">Skip 5230 Hop</a></p> 5231 <p class="brand-name" style="display: none;"><a 5232 href="/brand-a-z/spectra.html">Spectra</a> 5233 </p> 5234 <p class="brand-name" style="display: none;"><a 5235 href="/brand-a-z/squishmallows.html">Squishmallows</a> 5236 </p> 5237 <p class="brand-name" style="display: none;"><a 5238 href="/brand-a-z/starbooks.html">Starbooks</a> 5239 </p> 5240 <p class="brand-name" style="display: none;"><a 5241 href="/brand-a-z/stick-o.html">Stick-O</a> 5242 </p> 5243 <p class="brand-name" style="display: none;"><a 5244 href="/brand-a-z/stokke.html">Stokke</a> 5245 </p> 5246 <p class="brand-name" style="display: none;"><a 5247 href="/brand-a-z/sudocrem.html">Sudocrem</a> 5248 </p> 5249 <p class="brand-name" style="display: none;"><a 5250 href="/brand-a-z/sumimo.html">Sumimo</a> 5251 </p> 5252 <p class="brand-name" style="display: none;"><a 5253 href="/brand-a-z/sunnylife.html">Sunnylife</a> 5254 </p> 5255 <p class="brand-name" style="display: none;"><a 5256 href="/brand-a-z/sun-staches.html">Sun-Staches</a> 5257 </p> 5258 <p class="brand-name" style="display: none;"><a 5259 href="/brand-a-z/swimava.html">Swimava</a> 5260 </p> 5261 <p class="brand-name" style="display: none;"><a 5262 href="/brand-a-z/tommee-tippee.html">Tommee 5263 Tippee</a></p> 5264 <p class="brand-name" style="display: none;"><a 5265 href="/brand-a-z/trunki.html">Trunki</a> 5266 </p> 5267 <p class="brand-name" style="display: none;"><a 5268 href="/brand-a-z/tutti-bambini.html">Tutti 5269 Bambini</a></p> 5270 <p class="brand-name" style="display: none;"><a 5271 href="/brand-a-z/twistshake.html">Twistshake</a> 5272 </p> 5273 <p class="brand-name" style="display: none;"><a 5274 href="/brand-a-z/ty-toys.html">TY 5275 Toys</a></p> 5276 <p class="brand-name" style="display: none;"><a 5277 href="/brand-a-z/veja.html">Veja</a></p> 5278 <p class="brand-name" style="display: none;"><a 5279 href="/brand-a-z/vitaflow.html">Vitaflow</a> 5280 </p> 5281 <p class="brand-name" style="display: none;"><a 5282 href="/brand-a-z/vtech.html">Vtech</a> 5283 </p> 5284 <p class="brand-name" style="display: none;"><a 5285 href="/brand-a-z/waterland.html">Waterland</a> 5286 </p> 5287 <p class="brand-name" style="display: none;"><a 5288 href="/brand-a-z/wellness.html">Wellness</a> 5289 </p> 5290 <p class="brand-name" style="display: none;"><a 5291 href="/brand-a-z/xootz.html">
5291Xootz</a> 5292 </p> 5293 <p class="brand-name" style="display: none;"><a 5294 href="/brand-a-z/yamatoya.html">Yamatoya</a> 5295 </p> 5296 <p class="brand-name" style="display: none;"><a 5297 href="/brand-a-z/zaxy.html">Zaxy</a></p> 5298 <p class="brand-name" style="display: none;"><a 5299 href="/brand-a-z/zoggs.html">Zoggs</a> 5300 </p> 5301 <p class="brand-name numb" 5302 style="display: none;"><a 5303 href="/brand-a-z/4moms.html">4Moms</a> 5304 </p> 5305 <p class="brand-name numb" 5306 style="display: none;"><a 5307 href="/brand-a-z/59s.html">59S</a></p> 5308 5309 </div> 5310 5311 </div> 5312 </div> 5313 </div> 5314 <div class="nav-mob row equal has-image"> 5315 <div class="col-md-12"> 5316 <div class="row"> 5317 <!--column 1--> 5318 <div class="col-md-3"> 5319 <div class="mn-block"> 5320 <h4 class="screen-only">Brand A-Z</h4> 5321 <div class="menav" 5322 style="height: 340px; width: 240px; border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 5323 <ul style="width: 100%; border: 0px;"> 5324 <li 5325 style="width: 100%; border: 0px;"> 5326 <h5 class="edh5">A</h5> 5327 </li> 5328 <li> 5329 <p class="brand-name" 5330 style="display: block;"><a 5331 href="/brand-a-z/addo.html">Addo</a> 5332 </p> 5333 <p class="brand-name" 5334 style="display: block;"><a 5335 href="/brand-a-z/adidas.html" 5336 class="">Adidas</a></p> 5337 <p class="brand-name" 5338 style="display: block;"><a 5339 href="/brand-a-z/airfree.html" 5340 class="">Airfree</a></p> 5341 <p class="brand-name" 5342 style="display: block;"><a 5343 href="/brand-a-z/alamii.html">Alamii</a> 5344 </p> 5345 <p class="brand-name" 5346 style="display: block;"><a 5347 href="/brand-a-z/amara.html">Amara</a> 5348 </p> 5349 <p class="brand-name" 5350 style="display: block;"><a 5351 href="/brand-a-z/aqua-scale.html">Aqua 5352 Scale</a></p> 5353 <p class="brand-name" 5354 style="display: block;"><a 5355 href="/brand-a-z/asics.html">Asics</a> 5356 </p> 5357 <p class="brand-name" 5358 style="display: block;"><a 5359 href="/brand-a-z/aveeno.html">Aveeno</a> 5360 </p> 5361 <p class="brand-name" 5362 style="display: block;"><a 5363 href="/brand-a-z/awan.html">Awan</a> 5364 </p> 5365 <p class="brand-name" 5366 style="display: block;"><a 5367 href="/brand-a-z/azetabio.html">Azetabio</a> 5368 </p> 5369 </li> 5370 <li 5371 style="width: 100%; border: 0px;"> 5372 <h5 class="edh5">B</h5> 5373 </li> 5374 <li> 5375 <p class="brand-name" 5376 style="display: block;"><a 5377 href="/brand-a-z/baabaasheepz.html">Baabaasheepz</a> 5378 </p> 5379 <p class="brand-name" 5380 style="display: block;"><a 5381 href="/brand-a-z/babiators.html">Babiators</a> 5382 </p> 5383 <p class="brand-name" 5384 style="display: block;"><a 5385 href="/brand-a-z/dove.html">Baby 5386 Dove</a></p> 5387 <p class="brand-name" 5388 style="display: block;"><a 5389 href="/brand-a-z/baby-jogger.html">Baby 5390 Jogger</a></p> 5391 <p class="brand-name" 5392 style="display: block;"><a 5393 href="/brand-a-z/baby-rovega.html">Baby 5394 Rovega</a></p> 5395 <p class="brand-name" 5396 style="display: block;"><a 5397 href="/brand-a-z/babybee.html">Babybee</a> 5398 </p> 5399 <p class="brand-name" 5400 style="display: block;"><a 5401 href="/brand-a-z/banana-boat.html">Banana 5402 Boat</a></p> 5403 <p class="brand-name" 5404 style="display: block;"><a 5405 href="/brand-a-z/banz.html">Banz</a> 5406 </p> 5407 <p class="brand-name" 5408 style="display: block;"><a 5409 href="/brand-a-z/barbie.html">
5409Barbie</a> 5410 </p> 5411 <p class="brand-name" 5412 style="display: block;"><a 5413 href="/brand-a-z/beaba.html">Beaba</a> 5414 </p> 5415 <p class="brand-name" 5416 style="display: block;"><a 5417 href="/brand-a-z/beauty-barn.html">Beauty 5418 Barn</a></p> 5419 <p class="brand-name" 5420 style="display: block;"><a 5421 href="/brand-a-z/bio-oil.html">Bio 5422 Oil</a></p> 5423 <p class="brand-name" 5424 style="display: block;"><a 5425 href="/brand-a-z/biolane.html">Biolane</a> 5426 </p> 5427 <p class="brand-name" 5428 style="display: block;"><a 5429 href="/brand-a-z/bite-fighters.html">Bite 5430 Fighters</a></p> 5431 <p class="brand-name" 5432 style="display: block;"><a 5433 href="/brand-a-z/bizzi-growin.html">Bizzi 5434 Growin</a></p> 5435 <p class="brand-name" 5436 style="display: block;"><a 5437 href="/brand-a-z/blackmores.html">Blackmores</a> 5438 </p> 5439 <p class="brand-name" 5440 style="display: block;"><a 5441 href="/brand-a-z/blooming-marvellous.html">Blooming 5442 Marvellous</a></p> 5443 <p class="brand-name" 5444 style="display: block;"><a 5445 href="/brand-a-z/bonnels.html">Bonnels</a> 5446 </p> 5447 <p class="brand-name" 5448 style="display: block;"><a 5449 href="/brand-a-z/bravado.html">Bravado</a> 5450 </p> 5451 <p class="brand-name" 5452 style="display: block;"><a 5453 href="/brand-a-z/bruder.html">Bruder</a> 5454 </p> 5455 <p class="brand-name" 5456 style="display: block;"><a 5457 href="/brand-a-z/brush-baby.html">Brush 5458 Baby</a></p> 5459 <p class="brand-name" 5460 style="display: block;"><a 5461 href="/brand-a-z/buds.html">Buds 5462 Organics</a></p> 5463 <p class="brand-name" 5464 style="display: block;"><a 5465 href="/brand-a-z/bugaboo.html">Bugaboo</a> 5466 </p> 5467 <p class="brand-name" 5468 style="display: block;"><a 5469 href="/brand-a-z/buggygear.html">Buggygear</a> 5470 </p> 5471 <p class="brand-name" 5472 style="display: block;"><a 5473 href="/brand-a-z/bumkins.html">Bumkins</a> 5474 </p> 5475 </li> 5476 <li 5477 style="width: 100%; border: 0px;"> 5478 <h5 class="edh5">C</h5> 5479 </li> 5480 <li> 5481 <p class="brand-name" 5482 style="display: block;"><a 5483 href="/brand-a-z/cetaphil.html">Cetaphil</a> 5484 </p> 5485 <p class="brand-name" 5486 style="display: block;"><a 5487 href="/brand-a-z/chicco.html">Chicco</a> 5488 </p> 5489 <p class="brand-name" 5490 style="display: block;"><a 5491 href="/brand-a-z/childlife.html">Childlife</a> 5492 </p> 5493 <p class="brand-name" 5494 style="display: block;"><a 5495 href="/brand-a-z/clevamama.html">Clevamama</a> 5496 </p> 5497 <p class="brand-name" 5498 style="display: block;"><a 5499 href="/brand-a-z/cocolatte.html">Cocolatte</a> 5500 </p> 5501 <p class="brand-name" 5502 style="display: block;"><a 5503 href="/brand-a-z/cottonseeds.html">Cottonseeds</a> 5504 </p> 5505 <p class="brand-name" 5506 style="display: block;"><a 5507 href="/brand-a-z/cozy-n-safe.html">Cozy 5508 N Safe</a></p> 5509 <p class="brand-name" 5510 style="display: block;"><a 5511 href="/brand-a-z/crane.html">Crane</a> 5512 </p> 5513 <p class="brand-name" 5514 style="display: block;"><a 5515 href="/brand-a-z/cybex.html">Cybex</a> 5516 </p> 5517 </li> 5518 <li 5519 style="width: 100%; border: 0px;"> 5520 <h5 class="edh5">D</h5> 5521 </li> 5522 <li> 5523 <p class="brand-name" 5524 style="display: block;"><a 5525 href="/brand-a-z/dae-organics.html">Dae 5526 Organics</a></p> 5527 <p class="brand-name" 5528 style="display: block;"><a 5529 href="/brand-a-z/docare.html">Docare</a> 5530 </p> 5531 <p class="brand-name" 5532 style="display: block;"><a 5533 href="/brand-a-z/doona.html">Doona</a> 5534 </p> 5535 <p class="brand-name" 5536 style="display: block;"><a 5537 href="/brand-a-z/down-to-earth.html">Down 5538 To Earth</a></p> 5539 <p class="brand-name" 5540 style="display: block;"><a 5541 href="/brand-a-z/drew.html">Drew</a> 5542 </p> 5543 <p class="brand-name" 5544 style="display: block;"><a 5545 href="/brand-a-z/dr-brown-s.html">Dr. 5546 Brown's</a></p> 5547 </li> 5548 <li 5549 style="width: 100%; border: 0px;"> 5550 <h5 class="edh5">E</h5> 5551
5551 </li> 5552 <li> 5553 <p class="brand-name" 5554 style="display: block;"><a 5555 href="/brand-a-z/elc.html">ELC</a> 5556 </p> 5557 <p class="brand-name" 5558 style="display: block;"><a 5559 href="/brand-a-z/ergobaby.html">Ergobaby</a> 5560 </p> 5561 <p class="brand-name" 5562 style="display: block;"><a 5563 href="/brand-a-z/expert-care.html">Expert 5564 Care</a></p> 5565 <p class="brand-name" 5566 style="display: block;"><a 5567 href="/brand-a-z/ezyroller.html">Ezyroller</a> 5568 </p> 5569 </li> 5570 <li 5571 style="width: 100%; border: 0px;"> 5572 <h5 class="edh5">F</h5> 5573 </li> 5574 <li> 5575 <p class="brand-name" 5576 style="display: block;"><a 5577 href="/brand-a-z/felt-so-sweet.html">Felt 5578 So Sweet</a></p> 5579 <p class="brand-name" 5580 style="display: block;"><a 5581 href="/brand-a-z/fisher-price.html">Fisher 5582 Price</a></p> 5583 <p class="brand-name" 5584 style="display: block;"><a 5585 href="/brand-a-z/flipper.html">Flipper</a> 5586 </p> 5587 <p class="brand-name" 5588 style="display: block;"><a 5589 href="/brand-a-z/friends-of-sally.html">Friends 5590 Of Sally</a></p> 5591 </li> 5592 <li 5593 style="width: 100%; border: 0px;"> 5594 <h5 class="edh5">G</h5> 5595 </li> 5596 <li> 5597 <p class="brand-name" 5598 style="display: block;"><a 5599 href="/brand-a-z/gb.html">Gb</a> 5600 </p> 5601 <p class="brand-name" 5602 style="display: block;"><a 5603 href="/brand-a-z/geko.html">Geko</a> 5604 </p> 5605 <p class="brand-name" 5606 style="display: block;"><a 5607 href="/brand-a-z/graco.html">Graco</a> 5608 </p> 5609 <p class="brand-name" 5610 style="display: block;"><a 5611 href="/brand-a-z/gund.html">Gund</a> 5612 </p> 5613 </li> 5614 <li 5615 style="width: 100%; border: 0px;"> 5616 <h5 class="edh5">H</h5> 5617 </li> 5618 <li> 5619 <p class="brand-name" 5620 style="display: block;"><a 5621 href="/brand-a-z/habbie.html">Habbie</a> 5622 </p> 5623 <p class="brand-name" 5624 style="display: block;"><a 5625 href="/brand-a-z/haenim.html">Haenim</a> 5626 </p> 5627 <p class="brand-name" 5628 style="display: block;"><a 5629 href="/brand-a-z/happy-horse.html">Happy 5630 Horse</a></p> 5631 <p class="brand-name" 5632 style="display: block;"><a 5633 href="/brand-a-z/happy-tummy.html">
5633Happy 5634 Tummy</a></p> 5635 <p class="brand-name" 5636 style="display: block;"><a 5637 href="/brand-a-z/hauck.html">Hauck</a> 5638 </p> 5639 <p class="brand-name" 5640 style="display: block;"><a 5641 href="/brand-a-z/havaianas.html">Havaianas</a> 5642 </p> 5643 <p class="brand-name" 5644 style="display: block;"><a 5645 href="/brand-a-z/hegen.html">Hegen</a> 5646 </p> 5647 <p class="brand-name" 5648 style="display: block;"><a 5649 href="/brand-a-z/hot-wheels.html">Hot 5650 Wheels</a></p> 5651 <p class="brand-name" 5652 style="display: block;"><a 5653 href="/brand-a-z/hybrid.html">Hybrid</a> 5654 </p> 5655 </li> 5656 <li 5657 style="width: 100%; border: 0px;"> 5658 <h5 class="edh5">I</h5> 5659 </li> 5660 <li> 5661 <p class="brand-name" 5662 style="display: block;"><a 5663 href="/brand-a-z/inlacta-dha.html">Inlacta 5664 DHA</a></p> 5665 <p class="brand-name" 5666 style="display: block;"><a 5667 href="/brand-a-z/interlac.html">Interlac</a> 5668 </p> 5669 <p class="brand-name" 5670 style="display: block;"><a 5671 href="/brand-a-z/ivenet.html">Ivenet</a> 5672 </p> 5673 </li> 5674 <li 5675 style="width: 100%; border: 0px;"> 5676 <h5 class="edh5">J</h5> 5677 </li> 5678 <li> 5679 <p class="brand-name" 5680 style="display: block;"><a 5681 href="/brand-a-z/jack-n-jill.html">Jack 5682 N Jill</a></p> 5683 <p class="brand-name" 5684 style="display: block;"><a 5685 href="/brand-a-z/joie.html">Joie</a> 5686 </p> 5687 <p class="brand-name" 5688 style="display: block;"><a 5689 href="/brand-a-z/joolz.html">Joolz</a> 5690 </p> 5691 <p class="brand-name" 5692 style="display: block;"><a 5693 href="/brand-a-z/jujube.html">Jujube</a> 5694 </p> 5695 </li> 5696 <li 5697 style="width: 100%; border: 0px;"> 5698 <h5 class="edh5">K</h5> 5699 </li> 5700 <li> 5701 <p class="brand-name" 5702 style="display: block;"><a 5703 href="/brand-a-z/kiddycuts.html">Kiddycuts</a> 5704 </p> 5705 <p class="brand-name" 5706 style="display: block;"><a 5707 href="/brand-a-z/kumon.html">Kumon</a> 5708 </p> 5709 </li> 5710 <li 5711 style="width: 100%; border: 0px;"> 5712 <h5 class="edh5">L</h5> 5713 </li> 5714 <li> 5715 <p class="brand-name" 5716 style="display: block;"><a 5717 href="/brand-a-z/leapfrog.html">Leapfrog</a> 5718 </p> 5719 <p class="brand-name" 5720 style="display: block;"><a 5721 href="/brand-a-z/leclerc.html">Leclerc</a> 5722 </p> 5723 <p class="brand-name" 5724 style="display: block;"><a 5725 href="/brand-a-z/lee-vierra.html">Lee 5726 Vierra</a></p> 5727 <p class="brand-name" 5728 style="display: block;"><a 5729 href="/brand-a-z/lillebaby.html">Lillebaby</a> 5730 </p> 5731 <p class="brand-name" 5732 style="display: block;"><a 5733 href="/brand-a-z/little-bird-told-me.html">Little 5734 Bird Told Me</a></p> 5735 <p class="brand-name" 5736 style="display: block;"><a 5737 href="/brand-a-z/little-miss-janis.html">Little 5738 Miss Janis</a></p> 5739 <p class="brand-name" 5740 style="display: block;"><a 5741 href="/brand-a-z/london-taxi.html">London 5742 Taxi</a></p> 5743 <p class="brand-name" 5744 style="display: block;"><a 5745 href="/brand-a-z/love-to-dream.html">Love 5746 To Dream</a></p> 5747 </li> 5748 <li 5749 style="width: 100%; border: 0px;"> 5750 <h5 class="edh5">M</h5> 5751 </li> 5752 <li> 5753 <p class="brand-name" 5754 style="display: block;"><a 5755 href="/brand-a-z/magformers.html">Magformers</a> 5756 </p> 5757 <p class="brand-name" 5758 style="display: block;"><a 5759 href="/brand-a-z/mamaschoice.html">Mama's 5760 Choice</a></p> 5761 <p class="brand-name" 5762 style="display: block;"><a 5763 href="/brand-a-z/mamas-papas.html">Mamas&Papas</a> 5764 </p> 5765 <p class="brand-name" 5766 style="display: block;"><a 5767 href="/brand-a-z/mamaway.html">Mamaway</a> 5768 </p> 5769 <p class="brand-name" 5770 style="display: block;"><a 5771 href="/brand-a-z/maxi-cosi.html">Maxi 5772 Cosi</a></p> 5773 <p class="brand-name" 5774 style="display: block;"><a 5775 href="/brand-a-z/megabloks.html">Megabloks</a> 5776 </p> 5777
5777 <p class="brand-name" 5778 style="display: block;"><a 5779 href="/brand-a-z/micro.html">Micro</a> 5780 </p> 5781 <p class="brand-name" 5782 style="display: block;"><a 5783 href="/brand-a-z/mideer.html">MiDeer</a> 5784 </p> 5785 <p class="brand-name" 5786 style="display: block;"><a 5787 href="/brand-a-z/mimi-lula.html">Mimi 5788 & Lula</a></p> 5789 <p class="brand-name" 5790 style="display: block;"><a 5791 href="/brand-a-z/mini-monkey.html">Mini 5792 Monkey</a></p> 5793 <p class="brand-name" 5794 style="display: block;"><a 5795 href="/brand-a-z/moby.html">Moby</a> 5796 </p> 5797 <p class="brand-name" 5798 style="display: block;"><a 5799 href="/brand-a-z/momami.html">Momami</a> 5800 </p> 5801 <p class="brand-name" 5802 style="display: block;"><a 5803 href="/brand-a-z/mothercare.html">Mothercare</a> 5804 </p> 5805 <p class="brand-name" 5806 style="display: block;"><a 5807 href="/brand-a-z/mustela.html">Mustela</a> 5808 </p> 5809 <p class="brand-name" 5810 style="display: block;"><a 5811 href="/brand-a-z/my-buddy-tag.html">My 5812 Buddy Tag</a></p> 5813 <p class="brand-name" 5814 style="display: block;"><a 5815 href="/brand-a-z/my-k.html">My 5816 K</a></p> 5817 </li> 5818 <li 5819 style="width: 100%; border: 0px;"> 5820 <h5 class="edh5">N</h5> 5821 </li> 5822 <li> 5823 <p class="brand-name" 5824 style="display: block;"><a 5825 href="/brand-a-z/naif.html">Naif</a> 5826 </p> 5827 <p class="brand-name" 5828 style="display: block;"><a 5829 href="/brand-a-z/nike.html">Nike</a> 5830 </p> 5831 <p class="brand-name" 5832 style="display: block;"><a 5833 href="/brand-a-z/nordic-natural.html">Nordic 5834 Natural</a></p> 5835 <p class="brand-name" 5836 style="display: block;"><a 5837 href="/brand-a-z/nuby.html">Nuby</a> 5838 </p> 5839 <p class="brand-name" 5840 style="display: block;"><a 5841 href="/brand-a-z/nuna.html">Nuna</a> 5842 </p> 5843 </li> 5844 <li 5845 style="width: 100%; border: 0px;"> 5846 <h5 class="edh5">O</h5> 5847 </li> 5848 <li> 5849 <p class="brand-name" 5850 style="display: block;"><a 5851 href="/brand-a-z/oh-ma-grain.html">Oh 5852 Ma Grain</a></p> 5853 <p class="brand-name" 5854 style="display: block;"><a 5855 href="/brand-a-z/okiedog.html">Okiedog</a> 5856 </p> 5857 </li> 5858 <li 5859 style="width: 100%; border: 0px;"> 5860 <h5 class="edh5">P</h5> 5861 </li> 5862 <li> 5863 <p class="brand-name" 5864 style="display: block;"><a 5865 href="/brand-a-z/peachy.html">Peachy</a> 5866 </p> 5867 <p class="brand-name" 5868 style="display: block;"><a 5869 href="/brand-a-z/phil-ted-s.html">Phil 5870 & Ted's</a></p> 5871 <p class="brand-name" 5872 style="display: block;"><a 5873 href="/brand-a-z/philips-avent.html">Philips 5874 Avent</a></p> 5875 <p class="brand-name" 5876 style="display: block;"><a 5877 href="/brand-a-z/pigeon.html">Pigeon</a> 5878 </p> 5879 <p class="brand-name" 5880 style="display: block;"><a 5881 href="/brand-a-z/playgro.html">Playgro</a> 5882 </p> 5883 <p class="brand-name" 5884 style="display: block;"><a 5885 href="/brand-a-z/poled-global.html">Poled 5886 Global</a></p> 5887 <p class="brand-name" 5888 style="display: block;"><a 5889 href="/brand-a-z/ponycycle.html">Ponycycle</a> 5890 </p> 5891 <p class="brand-name" 5892 style="display: block;"><a 5893 href="/brand-a-z/puma.html">Puma</a> 5894 </p> 5895 <p class="brand-name" 5896 style="display: block;"><a 5897 href="/brand-a-z/pureats.html">Pureats</a> 5898 </p> 5899 </li> 5900 <li 5901 style="width: 100%; border: 0px;"> 5902 <h5 class="edh5">Q</h5> 5903 </li> 5904 <li> 5905 <p class="brand-name" 5906 style="display: block;"><a 5907 href="/brand-a-z/qv-baby.html">QV 5908 Baby</a></p> 5909 </li> 5910 <li 5911 style="width: 100%; border: 0px;"> 5912 <h5 class="edh5">R</h5> 5913 </li> 5914 <li> 5915 <p class="brand-name" 5916 style="display: block;"><a 5917 href="/brand-a-z/real-shades.html">Real 5918 Shades</a></p> 5919 <p class="brand-name" 5920 style="display: block;"><a 5921
5921 href="/brand-a-z/red-castle.html">Red 5922 Castle</a></p> 5923 <p class="brand-name" 5924 style="display: block;"><a 5925 href="/brand-a-z/ribbon-madness.html">Ribbon 5926 Madness</a></p> 5927 </li> 5928 <li 5929 style="width: 100%; border: 0px;"> 5930 <h5 class="edh5">S</h5> 5931 </li> 5932 <li> 5933 <p class="brand-name" 5934 style="display: block;"><a 5935 href="/brand-a-z/sebamed.html">Sebamed</a> 5936 </p> 5937 <p class="brand-name" 5938 style="display: block;"><a 5939 href="/brand-a-z/silver-cross.html">Silver 5940 Cross</a></p> 5941 <p class="brand-name" 5942 style="display: block;"><a 5943 href="/brand-a-z/simply-idea.html">Simply 5944 Idea</a></p> 5945 <p class="brand-name" 5946 style="display: block;"><a 5947 href="/brand-a-z/skip-hop.html">Skip 5948 Hop</a></p> 5949 <p class="brand-name" 5950 style="display: block;"><a 5951 href="/brand-a-z/spectra.html">Spectra</a> 5952 </p> 5953 <p class="brand-name" 5954 style="display: block;"><a 5955 href="/brand-a-z/squishmallows.html">Squishmallows</a> 5956 </p> 5957 <p class="brand-name" 5958 style="display: block;"><a 5959 href="/brand-a-z/starbooks.html">Starbooks</a> 5960 </p> 5961 <p class="brand-name" 5962 style="display: block;"><a 5963 href="/brand-a-z/stick-o.html">Stick-O</a> 5964 </p> 5965 <p class="brand-name" 5966 style="display: block;"><a 5967 href="/brand-a-z/stokke.html">Stokke</a> 5968 </p> 5969 <p class="brand-name" 5970 style="display: block;"><a 5971 href="/brand-a-z/sudocrem.html">Sudocrem</a> 5972 </p> 5973 <p class="brand-name" 5974 style="display: block;"><a 5975 href="/brand-a-z/sumimo.html">Sumimo</a> 5976 </p> 5977 <p class="brand-name" 5978 style="display: block;"><a 5979 href="/brand-a-z/sunnylife.html">Sunnylife</a> 5980 </p> 5981 <p class="brand-name" 5982 style="display: block;"><a 5983 href="/brand-a-z/sun-staches.html">Sun-Staches</a> 5984 </p> 5985 <p class="brand-name" 5986 style="display: block;"><a 5987 href="/brand-a-z/swimava.html">Swimava</a> 5988 </p> 5989 </li> 5990 <li 5991 style="width: 100%; border: 0px;"> 5992 <h5 class="edh5">T</h5> 5993 </li> 5994 <li> 5995 <p class="brand-name" 5996 style="display: block;"><a 5997 href="/brand-a-z/tommee-tippee.html">Tommee 5998 Tippee</a></p> 5999 <p class="brand-name" 6000 style="display: block;"><a 6001 href="/brand-a-z/trunki.html">Trunki</a> 6002 </p> 6003 <p class="brand-name" 6004 style="display: block;"><a 6005 href="/brand-a-z/tutti-bambini.html">Tutti 6006 Bambini</a></p> 6007 <p class="brand-name" 6008 style="display: block;"><a 6009 href="/brand-a-z/twistshake.html">Twistshake</a> 6010 </p> 6011 <p class="brand-name" 6012 style="display: block;"><a 6013 href="/brand-a-z/ty-toys.html">TY 6014 Toys</a></p> 6015 </li> 6016 <li 6017 style="width: 100%; border: 0px;"> 6018 <h5 class="edh5">U</h5> 6019 </li> 6020 <li> 6021 </li> 6022 <li 6023 style="width: 100%; border: 0px;"> 6024 <h5 class="edh5">V</h5> 6025 </li> 6026 <li> 6027 <p class="brand-name" 6028 style="display: block;"><a 6029 href="/brand-a-z/veja.html">Veja</a> 6030 </p> 6031 <p class="brand-name" 6032 style="display: block;"><a 6033 href="/brand-a-z/vitaflow.html">Vitaflow</a> 6034 </p> 6035 <p class="brand-name" 6036 style="display: block;"><a 6037 href="/brand-a-z/vtech.html">Vtech</a> 6038 </p> 6039 </li> 6040 <li 6041 style="width: 100%; border: 0px;"> 6042 <h5 class="edh5">W</h5> 6043 </li> 6044 <li> 6045 <p class="brand-name" 6046 style="display: block;"><a 6047 href="/brand-a-z/waterland.html">Waterland</a> 6048 </p> 6049 <p class="brand-name" 6050 style="display: block;"><a 6051 href="/brand-a-z/wellness.html">Wellness</a> 6052 </p> 6053 </li> 6054 <li 6055 style="width: 100%; border: 0px;"> 6056 <h5 class="edh5">X</h5> 6057 </li> 6058 <li> 6059 <p class="brand-name" 6060 style="display: block;"><a 6061 href="/brand-a-z/xootz.html">
6061Xootz</a> 6062 </p> 6063 </li> 6064 <li 6065 style="width: 100%; border: 0px;"> 6066 <h5 class="edh5">Y</h5> 6067 </li> 6068 <li> 6069 <p class="brand-name" 6070 style="display: block;"><a 6071 href="/brand-a-z/yamatoya.html">Yamatoya</a> 6072 </p> 6073 </li> 6074 <li 6075 style="width: 100%; border: 0px;"> 6076 <h5 class="edh5">Z</h5> 6077 </li> 6078 <li> 6079 <p class="brand-name" 6080 style="display: block;"><a 6081 href="/brand-a-z/zaxy.html">Zaxy</a> 6082 </p> 6083 <p class="brand-name" 6084 style="display: block;"><a 6085 href="/brand-a-z/zoggs.html">Zoggs</a> 6086 </p> 6087 </li> 6088 <li 6089 style="width: 100%; border: 0px;"> 6090 <h5 class="edh5">0-9</h5> 6091 </li> 6092 <li> 6093 <p class="brand-name" 6094 style="display: block;"><a 6095 href="/brand-a-z/4moms.html">4Moms</a> 6096 </p> 6097 <p class="brand-name" 6098 style="display: block;"><a 6099 href="/brand-a-z/59s.html">59S</a> 6100 </p> 6101 </li> 6102 </ul> 6103 </div> 6104 </div> 6105 </div> 6106 </div> 6107 </div> 6108 </div> 6109 6110 6111 <style media="screen"> 6112 .ves-megamenu li.level0>a.anchor-active, 6113 .ves-megamenu-mobile .nav-mobile li.level0>a.anchor-active { 6114 color: #003971; 6115 } 6116 6117 .nav-desk { 6118 display: flex; 6119 } 6120 6121 .nav-mob { 6122 display: none; 6123 } 6124 6125 .menav .te_az { 6126 display: block !important; 6127 } 6128 6129 .menav .te_az .ks_content { 6130 padding-bottom: 10px; 6131 } 6132 6133 @media screen and (min-width: 640px) { 6134 .header.content .ves-megamenu.menu-hover .
6134subhover:hover .megamenu-content .menav ul li p { 6135 border: 0; 6136 padding: 0; 6137 padding-bottom: 5px; 6138 text-transform: lowercase; 6139 } 6140 } 6141 6142 @media screen and (max-width: 767px) { 6143 .nav-desk { 6144 display: none; 6145 } 6146 6147 .nav-mob { 6148 display: flex; 6149 } 6150 6151 .mn-block .menav { 6152 min-height: 20px; 6153 margin: 10px; 6154 } 6155 } 6156 6157 .brand-az { 6158 width: 100%; 6159 display: flex; 6160 align-items: flex-start; 6161 justify-content: space-around; 6162 flex-flow: wrap row; 6163 margin: 0 20px 20px; 6164 border-bottom: 1px solid #e3e3e3; 6165 } 6166 6167 .brand-az a { 6168 display: flex; 6169 justify-content: center; 6170 padding: 10px !important; 6171 border-radius: 8px; 6172 font-size: 1.2em; 6173 line-height: 1; 6174 font-weight: 500; 6175 text-decoration: none; 6176 color: darkgray; 6177 } 6178 6179 .brand-az a:hover { 6180 background: #ddd; 6181 color: #444; 6182 } 6183 6184 .brand-az a.active { 6185 background: #1979c3 !important; 6186 color: #fff !important; 6187 } 6188 6189 .brand-wrapper { 6190 display: grid; 6191 grid-template-columns: repeat(6, 1fr); 6192 width: 100%; 6193 margin: 0 20px; 6194 } 6195 6196 .ves-megamenu .nav-revamp .row { 6197 display: flex; 6198 flex-wrap: wrap; 6199 } 6200 6201 .headcontent p, 6202 .headcontent p a { 6203 color: #c3c3c3 !important; 6204 font-weight: 600; 6205 margin-bottom: 5px !important; 6206 font-size: 18px; 6207 } 6208 6209 .navigation .level0 .submenu .ks_content p a { 6210 color: #414141; 6211 text-decoration: none; 6212 font-size: 14px; 6213 } 6214 6215 .navigation .level0 .submenu .ks_content p a:
6215hover, 6216 .headcontent p a:hover { 6217 text-decoration: underline; 6218 color: #003971 !important; 6219 } 6220 6221 .te_az .ks_content p { 6222 margin-bottom: 3px; 6223 6224 } 6225 6226 .ves-menu .ves-megamenu.menu-hover .dropdown.clicked>.dropdown-menu { 6227 width: 100%; 6228 } 6229 6230 .mn-block .menav { 6231 min-height: 45px; 6232 } 6233 6234 @media screen and (max-width: 767px) { 6235 .ves-megamenu .nav-revamp .row { 6236 display: block; 6237 } 6238 6239 .brand-az { 6240 width: 265px; 6241 overflow-x: scroll; 6242 display: flex; 6243 align-items: flex-start; 6244 justify-content: flex-start; 6245 flex-flow: row; 6246 margin: 0 10px 10px; 6247 } 6248 6249 .brand-wrapper { 6250 display: grid; 6251 grid-template-columns: repeat(2, 1fr); 6252 } 6253 6254 .mn-block .menav { 6255 min-height: 20px; 6256 margin: 10px; 6257 } 6258 6259 .nav-mobile li { 6260 border: 0 !important; 6261 } 6262 6263 .headcontent p, 6264 .headcontent p a { 6265 font-size: 16px; 6266 } 6267 } 6268 </style> 6269 </div> 6270 </div> 6271 </div> 6272 </div> 6273 </li> 6274 <li id="vesitem-8845517423080611320572800" 6275 class=" nav-item level0 submenu-left subhover dropdown level-top "><a 6276 href="//modennews.com/" 6277 style="font-size:12px;white-space: nowrap;" 6278 class=" nav-anchor"><span>TOTO</span><span class="caret"></span><span 6279 class="opener"></span></a> 6280 <div class="submenu animated dropdown-menu" 6281 style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 6282 <div class="content-wrap"> 6283 <div class="megamenu-content" style="width:100%"> 6284 <div class="nav-dropdown"> 6285 <div class="row"> 6286 <!-- column 1 --> 6287 <div class="col-md-2 col-sm-3"> 6288 <div class="mn-block"> 6289 <div class="menav" 6290 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6291 <div class="headcontent"> 6292 <p><a href="/new-arrival/fashion.html">produk 6293 terbaru</a></p> 6294 </div> 6295 6296 </div> 6297 </div> 6298 6299 <div class="mn-block"> 6300 <div class="menav" 6301 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6302 <div class="headcontent"> 6303 <p>aksesoris</p> 6304 </div> 6305 <ul class="te_az" style="padding:0;"> 6306 <li class="ks_content"> 6307 <p><a 6308 href="/kids-accessories/bags.html">tas</a> 6309 </p> 6310 <p><a 6311 href="/kids-accessories/sunglasses.html">kacamata</a> 6312 </p> 6313 <p><a 6314 href="/kids-accessories/hair-accessories.html">aksesoris 6315 rambut</a></p> 6316 6317 </li> 6318 </ul> 6319 </div> 6320 </div> 6321 6322 6323 </div> 6324 <!--column 1--> 6325 <!--column 2--> 6326 <div class="col-md-2 col-sm-3"> 6327 <div class="mn-block"> 6328 <div class="menav" 6329 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6330 <div class="headcontent"> 6331 <p><a 6332 href="https://www.mothercare.co.id/clothing-essentials.html">kebutuhan 6333 bayi</a></p> 6334 </div> 6335 <ul class="te_az" style="padding:0;"> 6336 <li class="ks_content"> 6337 <p><a 6338 href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/sleepsuits.html">pakaian 6339 tidur</a></p> 6340 <p><a 6341 href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/all-in-ones.html">set 6342 & terusan</a></p> 6343 <p><a 6344 href="/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/pyjamas.html">piyama</a> 6345 </p> 6346 <p><a 6347 href="/clothing-essentials/baby/bodysuits.html">bodysuits</a> 6348 </p> 6349 6350 </li> 6351 </ul> 6352 </div> 6353 </div> 6354 <div class="mn-block"> 6355 <div class="menav" 6356 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6357 <div class="headcontent"> 6358 <p>sepatu & kaus kaki</p> 6359 </div> 6360 <ul class="te_az" style="padding:0;"> 6361 <li class="ks_content"> 6362 <p><a href="/footwear/baby.html"
6363 class="">sepatu bayi</a></p> 6364 <p><a href="/footwear/kids.html" 6365 class="">sepatu anak</a></p> 6366 <p><a 6367 href="/footwear/sandals.html">sandal</a> 6368 </p> 6369 <p><a href="/footwear/socks.html">kaus 6370 kaki</a></p> 6371 </li> 6372 </ul> 6373 </div> 6374 </div> 6375 6376 </div> 6377 <!-- column 1 --> 6378 6379 <!--column 3--> 6380 <div class="col-md-2 col-sm-3"> 6381 <div class="mn-block"> 6382 <div class="menav" 6383 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6384 <div class="headcontent"> 6385 <p>fashion bayi (0bln-3thn)</p> 6386 </div> 6387 <ul class="te_az" style="padding:0;"> 6388 <li class="ks_content"> 6389 <p><a 6390 href="/baby-clothing/baby-0-24-months/tops.html">atasan</a> 6391 </p> 6392 <p><a 6393 href="/baby-clothing/baby-0-24-months/bottoms.html">bawahan</a> 6394 </p> 6395 <p><a 6396 href="/baby-clothing/baby-0-24-months/dresses.html">gaun</a> 6397 </p> 6398 <p><a 6399 href="/baby-clothing/baby-0-24-months/clothing-sets.html">setelan</a> 6400 </p> 6401 <p><a 6402 href="/baby-clothing/baby-0-24-months/jacket-outerwear.html">jaket 6403 & kardigan</a></p> 6404 <p><a 6405 href="/baby-clothing/baby-0-24-months/accessories.html">aksesoris</a> 6406 </p> 6407 </li> 6408 </ul> 6409 </div> 6410 </div> 6411 <div class="mn-block"> 6412 <div class="menav" 6413 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6414 <div class="headcontent"> 6415 <p><a href="/swimwear.html">pakaian 6416 renang</a></p> 6417 </div> 6418 6419 </div> 6420 </div> 6421 </div> 6422 <!-- column 3--> 6423 <!--column 4--> 6424 <div class="col-md-2 col-sm-3"> 6425 <div class="mn-block"> 6426 <div class="menav" 6427 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6428 <div class="headcontent"> 6429 <p>anak laki-laki (18bln-8thn)</p> 6430 </div> 6431 <ul class="te_az" style="padding:0;"> 6432 <li class="ks_content"> 6433 <p><a 6434 href="/boys-clothing/tops.html">atasan</a> 6435 </p> 6436 <p><a 6437 href="/boys-clothing/bottoms.html">bawahan</a> 6438 </p> 6439 <p><a 6440 href="/boys-clothing/clothing-sets.html/">setelan</a> 6441 </p> 6442 <p><a 6443 href="/boys-clothing/jacket-outerwear.html">jaket</a> 6444 </p> 6445 <p><a 6446 href="/boys-clothing/underwear.html">pakaian 6447 dalam</a> 6448 </p> 6449 </li> 6450 </ul> 6451 </div> 6452 </div> 6453 <div class="mn-block"> 6454 <div class="menav" 6455 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6456 <div class="headcontent"> 6457 <p><a href="/maternity/fashion.html">pakaian 6458 ibu hamil</a></p> 6459 </div> 6460 6461 </div> 6462 </div> 6463 </div> 6464 <!-- column 4--> 6465 <!--column 5--> 6466 <div class="col-md-2 col-sm-3"> 6467 <div class="mn-block"> 6468 <div class="menav" 6469 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6470 <div class="headcontent"> 6471 <p>anak perempuan (18bln-8thn)</p> 6472 </div> 6473 <ul class="te_az" style="padding:0;"> 6474 <li class="ks_content"> 6475 <p><a 6476 href="/girls-clothing/tops.html">atasan</a> 6477 </p> 6478 <p><a 6479 href="/girls-clothing/bottoms.html">bawahan</a> 6480 </p> 6481 <p><a 6482 href="/girls-clothing/dresses-pinafores.html/">gaun</a> 6483 </p> 6484 <p><a 6485 href="/girls-clothing/clothing-sets-outfits.html/">setelan</a> 6486 </p> 6487 <p><a 6488 href="/girls-clothing/jackets-outerwear.html/">jaket</a> 6489 </p> 6490 <p><a 6491 href="/girls-clothing/underwear.html">pakaian 6492 dalam</a> 6493 </p> 6494 </li> 6495 </ul> 6496 </div> 6497 </div> 6498 </div> 6499 <!-- column 5 --> 6500 6501 <!--column 6--> 6502 <div class="col-md-2 col-sm-3"> 6503 <div class="mn-block"> 6504 <div class="menav" 6505 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6506 <div class="headcontent"> 6507 <p><a href="/clothing/sleepwear.html">pakaian 6508 tidur</a></p> 6509 </div> 6510 6511 </div> 6512 </div> 6513 6514 </div> 6515 <!-- column 6 --> 6516 6517 6518 6519 </div> 6520 </div> 6521 </div> 6522 </div> 6523 </div> 6524 </li> 6525 <li id="vesitem-8845817423080611645503736" 6526 class=" nav-item level0 submenu-left subhover dropdown level-top "><a 6527 href="//modennews.com/" 6528 style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>SITUS 6529 TOTO</span><span class="caret"></span><span class="opener"></span></a> 6530 <div class="submenu animated dropdown-menu" 6531 style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 6532 <div class="content-wrap"> 6533 <div class="megamenu-content" style="width:100%"> 6534 <div class="nav-dropdown"> 6535 <div class="row"> 6536 6537 <!--column 2--> 6538 <div class="col-md-2 col-sm-3"> 6539 <div class="mn-block"> 6540 <div class="menav" 6541 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6542 <div class="headcontent"> 6543 <p><a 6544
6544 href="/travel-essentials/strollers.html">kereta 6545 dorong</a></p> 6546 </div> 6547 <ul class="te_az" style="padding:0;"> 6548 <li class="ks_content"> 6549 <p><a 6550 href="/travel-essentials/strollers/from-birth.html">bayi 6551 baru lahir</a></p> 6552 <p><a 6553 href="/travel-essentials/strollers/from-6m.html">usia 6554 6 bulan+</a></p> 6555 6556 </li> 6557 </ul> 6558 </div> 6559 </div> 6560 <div class="mn-block"> 6561 <div class="menav" 6562 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6563 <div class="headcontent"> 6564 <p><a 6565 href="/travel-essentials/kids-luggages.html">koper 6566 anak</a></p> 6567 </div> 6568 6569 </div> 6570 </div> 6571 </div> 6572 6573 <!-- column 2--> 6574 <!--column 3--> 6575 <div class="col-md-2 col-sm-3"> 6576 <div class="mn-block"> 6577 <div class="menav" 6578 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6579 <div class="headcontent"> 6580 <p><a 6581 href="/travel-essentials/car-seat.html">kursi 6582 mobil</a></p> 6583 </div> 6584 <ul class="te_az" style="padding:0;"> 6585 <li class="ks_content"> 6586 <p><a 6587 href="/travel-essentials/car-seat/0-13-kg.html">0-13 6588 Kg
6588</a></p> 6589 <p><a 6590 href="/travel-essentials/car-seat/0-36-kg.html">0-36 6591 Kg</a></p> 6592 6593 </li> 6594 </ul> 6595 </div> 6596 </div> 6597 </div> 6598 <!-- column 3--> 6599 <!--column 1--> 6600 <div class="col-md-2 col-sm-3"> 6601 <div class="mn-block"> 6602 <div class="menav" 6603 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6604 <div class="headcontent"> 6605 <p><a 6606 href="/travel-essentials/carriers.html">gendongan</a> 6607 </p> 6608 </div> 6609 6610 </div> 6611 </div> 6612 6613 </div> 6614 6615 <!-- column 1 --> 6616 <!--column 1--> 6617 <div class="col-md-2 col-sm-3"> 6618 6619 <div class="mn-block"> 6620 <div class="menav" 6621 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6622 <div class="headcontent"> 6623 <p><a 6624 href="/travel-essentials/travel-cots.html">travel 6625 cots</a></p> 6626 </div> 6627 6628 </div> 6629 </div> 6630 6631 </div> 6632 6633 <!-- column 1 --> 6634 <!--column 1--> 6635 <div class="col-md-2 col-sm-3"> 6636 6637 <div class="mn-block"> 6638 <div class="menav" 6639 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6640 <div class="headcontent"> 6641 <p><a 6642 href="/travel-essentials/
6642diaper-bags.html">diaper 6643 bags</a></p> 6644 </div> 6645 6646 </div> 6647 </div> 6648 6649 </div> 6650 6651 <!-- column 1 --> 6652 <!--column 1--> 6653 <div class="col-md-2 col-sm-3"> 6654 6655 <div class="mn-block"> 6656 <div class="menav" 6657 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6658 <div class="headcontent"> 6659 <p><a 6660 href="/travel-essentials/accessories.html">aksesoris</a> 6661 </p> 6662 </div> 6663 6664 </div> 6665 </div> 6666 </div> 6667 6668 <!-- column 1 --> 6669 6670 6671 </div> 6672 </div> 6673 </div> 6674 </div> 6675 </div> 6676 </li> 6677 <li id="vesitem-8846117423080611688273500" 6678 class=" nav-item level0 submenu-left subhover dropdown level-top "><a 6679 href="//modennews.com/" 6680 style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>TOTO 6681 4D</span><span class="caret"></span><span class="opener"></span></a> 6682 <div class="submenu animated dropdown-menu" 6683 style="animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 6684 <div class="content-wrap"> 6685 <div class="megamenu-content" style="width:100%"> 6686 <div class="nav-dropdown"> 6687 <div class="row"> 6688 <!--column 1--> 6689 <div class="col-md-2 col-sm-3"> 6690 <div class="mn-block"> 6691 <div class="menav" 6692 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6693 <div class="headcontent"> 6694 <p><a 6695 href="/bedding-furniture/blankets.html">selimut</a> 6696 </p> 6697 </div> 6698 6699 </div> 6700 </div> 6701 6702 6703 </div> 6704 <!-- column 1 --> 6705 6706 <!--column 1--> 6707 <div class="col-md-2 col-sm-3"> 6708 6709 <div class="mn-block"> 6710 <div class="menav" 6711 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6712 <div class="headcontent"> 6713 <p><a 6714 href="/bedding-furniture/covers-sheets.html">bantal 6715 & sprei</a></p> 6716 </div> 6717 6718 </div> 6719 </div> 6720 6721 </div> 6722 <!-- column 1 --> 6723 6724 <!--column 1--> 6725 <div class="col-md-2 col-sm-3"> 6726 6727 <div class="mn-block"> 6728 <div class="menav" 6729 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6730 <div class="headcontent"> 6731 <p><a 6732 href="/bedding-furniture/cots-cot-beds.html">ranjang 6733 bayi & balita</a></p> 6734 </div> 6735 6736 </div> 6737 </div> 6738 6739 </div> 6740 <!-- column 1 --> 6741 <!--column 1--> 6742 <div class="col-md-2 col-sm-3"> 6743 6744 <div class="mn-block"> 6745 <div class="menav" 6746 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6747 <div class="headcontent"> 6748 <p><a 6749 href="/bedding-furniture/furniture.html">perabotan</a> 6750 </p> 6751 </div> 6752 6753 </div> 6754 </div> 6755 6756 </div> 6757 <!-- column 1 --> 6758 <!--column 1--> 6759 <div class="col-md-2 col-sm-3"> 6760 6761 <div class="mn-block"> 6762 <div class="menav" 6763 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6764 <div class="headcontent"> 6765 <p><a 6766 href="/bedding-furniture/mattresses.html">matras</a> 6767 </p> 6768 </div> 6769 6770 </div> 6771 </div> 6772 </div> 6773 <!-- column 1 --> 6774 6775 </div> 6776 </div> 6777 </div> 6778 </div> 6779 </div> 6780 </li> 6781 <li id="vesitem-884641742308061459618024" 6782 class=" nav-item level0 submenu-left subhover dropdown level-top "><a 6783 href="//modennews.com/" 6784 style="font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>TOTO 6785 SLOT</span><span class="caret"></span><span class="opener"></span></a> 6786 <div class="submenu animated dropdown-menu" 6787 style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 6788 <div class="content-wrap"> 6789 <div class="megamenu-content" style="width:100%"> 6790 <div class="nav-dropdown"> 6791 <div class="row"> 6792 <!--column 1--> 6793 <div class="col-md-2 col-sm-3"> 6794 <div class="mn-block"> 6795 <div class="menav" 6796 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6797 <div class="headcontent"> 6798 <p><a 6799 href="/feeding-safety/baby-bottles.html">botol</a> 6800 </p> 6801 </div> 6802 6803 </div> 6804 </div> 6805 <div class="mn-block"> 6806 <div class="menav" 6807 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6808 <div class="headcontent"> 6809 <p><a 6810 href="/feeding-safety/sterilizers-and-warmers.html">sterilizer 6811 & warmers</a></p> 6812 </div> 6813 6814 </div> 6815 </div> 6816 6817 6818 </div> 6819 <!-- column 1 --> 6820 <!--column 1--> 6821 <div class="col-md-2 col-sm-3"> 6822 6823 <div class="mn-block"> 6824 <div class="menav" 6825 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6826 <div class="headcontent"> 6827 <p><a 6828 href="/feeding-safety/soothers-and-teethers.html">soothers 6829 & teethers</a></p> 6830 </div> 6831 6832 </div> 6833 </div> 6834 <div class="mn-block"> 6835 <div class="menav" 6836 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6837 <div class="headcontent"> 6838 <p><a 6839 href="/feeding-safety/bibs.html">
6839celemek</a> 6840 </p> 6841 </div> 6842 6843 </div> 6844 </div> 6845 6846 </div> 6847 <!-- column 1 --> 6848 <!--column 3--> 6849 <div class="col-md-2 col-sm-3"> 6850 <div class="mn-block"> 6851 <div class="menav" 6852 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6853 <div class="headcontent"> 6854 <p>alat makan</p> 6855 </div> 6856 <ul class="te_az" style="padding:0;"> 6857 <li class="ks_content"> 6858 <p><a 6859 href="/feeding-safety/tableware/cups.html">cangkir</a> 6860 </p> 6861 <p><a 6862 href="/feeding-safety/tableware/bowls-plates.html">piring 6863 & mangkuk</a></p> 6864 <p><a 6865 href="/feeding-safety/tableware/spoons-forks.html">sendok 6866 & garpu</a></p> 6867 6868 </li> 6869 </ul> 6870 </div> 6871 </div> 6872 </div> 6873 <!-- column 3--> 6874 <!--column 5--> 6875 <div class="col-md-2 col-sm-3"> 6876 <div class="mn-block"> 6877 <div class="menav" 6878 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6879 <div class="headcontent"> 6880 <p><a 6881 href="/feeding-safety/food-processor.html">pengolah 6882 makanan</a></p> 6883 </div> 6884 6885 </div> 6886 </div> 6887 <div class="mn-block"> 6888 <div class="menav" 6889 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6890 <div class="headcontent"> 6891 <p><a href="/feeding-safety/food.html">makanan 6892 & multivitamin</a></p> 6893 </div> 6894 6895 </div> 6896 </div> 6897 </div> 6898 <!-- column 5 --> 6899 <!--column 5--> 6900 <div class="col-md-2 col-sm-3"> 6901 <div class="mn-block"> 6902 <div class="menav" 6903 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6904 <div class="headcontent"> 6905 <p>alat menyusui</p> 6906 </div> 6907 <ul class="te_az" style="padding:0;"> 6908 <li class="ks_content"> 6909 <p><a 6910 href="/feeding-safety/breastfeeding/breast-pumps-milk-storage.html">pompa 6911 asi</a></p> 6912 <p><a 6913 href="/feeding-safety/breastfeeding/breast-pumps-milk-storage/milk-storage.html">penyimpanan 6914 asi</a></p> 6915 <p><a 6916 href="/feeding-safety/breastfeeding/cooler-bags.html">cooler 6917 bags</a></p> 6918 </li> 6919 </ul> 6920 </div> 6921 </div> 6922 </div> 6923 <!-- column 5 --> 6924 <!--column 5--> 6925 <div class="col-md-2 col-sm-3"> 6926 <div class="mn-block"> 6927 <div class="menav" 6928 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6929 <div class="headcontent"> 6930 <p><a 6931 href="/feeding-safety/high-chairs.html">kursi 6932 makan</a></p> 6933 </div> 6934 6935 </div> 6936 </div> 6937 </div> 6938 <!-- column 5 --> 6939 6940 </div> 6941 </div> 6942 </div> 6943 </div> 6944 </div> 6945 </li> 6946 <li id="vesitem-8846717423080612122176647" 6947 class=" nav-item level0 submenu-left subhover dropdown level-top "><a 6948 href="//modennews.com/" style="max-lines: 2; 6949line-height: 20px; 6950width:100%; 6951font-size:12px;white-space: nowrap;" class=" nav-anchor"><span>TOTO SLOT</span><span class="caret"></span><span 6952 class="opener"></span></a> 6953 <div class="submenu animated dropdown-menu" 6954 style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 6955 <div class="content-wrap"> 6956 <div class="megamenu-content" style="width:100%"> 6957 <div class="nav-dropdown"> 6958 <div class="row"> 6959 <!--column 1--> 6960 <div class="col-md-2 col-sm-3"> 6961 <div class="mn-block"> 6962 <div class="menav" 6963 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 6964 <div class="headcontent"> 6965 <p>perawatan bayi</p> 6966 </div> 6967 <ul class="te_az" style="padding:0;"> 6968 <li class="ks_content"> 6969 <p><a 6970 href="/bathing-care/babycare/skin-care.html">perawatan 6971 kulit</a></p> 6972 <p><a 6973 href="/bathing-care/babycare/sunscreen.html">Sunscreen</a> 6974 </p> 6975 <p><a 6976 href="/bathing-care/babycare/shampoo-and-body-wash.html">Shampo 6977 & Sabun</a></p> 6978 <p><a 6979 href="/bathing-care/babycare/hair-treatment.html">perawatan 6980 rambut</a></p> 6981 <p><a 6982 href="/bathing-care/babycare/oral-care.html">perawatan 6983 mulut</a></p> 6984 <p><a 6985 href="/bathing-care/babycare/grooming-kit.html">perawatan 6986 diri</a></p> 6987 </li> 6988 </ul> 6989 6990 </div> 6991 </div> 6992 6993 6994 </div> 6995 <!-- column 1 --> 6996 <!--column 1--> 6997 <div class="col-md-2 col-sm-3"> 6998 6999 <div class="mn-block"> 7000 <div class="menav" 7001 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 7002 <div class="headcontent"> 7003 <p><a href="/maternity/mum-s-care.html">perawatan 7004 ibu</a></p> 7005 </div> 7006 7007 </div> 7008 </div> 7009 7010 </div> 7011 <!-- column 1 --> 7012 <!--column 3--> 7013 <div class="col-md-2 col-sm-3"> 7014 <div class="mn-block"> 7015 <div class="menav" 7016 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 7017 <div class="headcontent"> 7018 <p>kesehatan &
7018 kebersihan</p> 7019 </div> 7020 <ul class="te_az" style="padding:0;"> 7021 <li class="ks_content"> 7022 <p><a 7023 href="/bathing-care/health-and-hygiene/wipes.html">Tissue 7024 basah</a></p> 7025 <p><a 7026 href="/bathing-care/health-and-hygiene/laundry-cleaning.html">Laundry 7027 & Cleaning</a></p> 7028 <p><a 7029 href="/bathing-care/health-and-hygiene/medical.html">Medical</a> 7030 </p> 7031 <p><a 7032 href="/bathing-care/health-and-hygiene/air-purifier-and-humidifier.html">Air 7033 Purifier & Humidifier</a> 7034 </p> 7035 </li> 7036 </ul> 7037 </div> 7038 </div> 7039 </div> 7040 <!-- column 3--> 7041 <!--column 1--> 7042 <div class="col-md-2 col-sm-3"> 7043 7044 <div class="mn-block"> 7045 <div class="menav" 7046 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 7047 <div class="headcontent"> 7048 <p><a 7049 href="/bathing-care/bathing/potties.html">potty</a> 7050 </p> 7051 </div> 7052 7053 </div> 7054 </div> 7055 7056 </div> 7057 <!-- column 1 --> 7058 <!--column 1--> 7059 <div class="col-md-2 col-sm-3"> 7060 7061 <div class="mn-block"> 7062 <div class="menav" 7063 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 7064 <div class="headcontent"> 7065 <p><a 7066 href="/bathing-care/bathing/baths.html">bak 7067 mandi</a></p> 7068 </div> 7069 7070 </div> 7071 </div> 7072 </div> 7073 <!-- column 1 --> 7074 <!--column 1--> 7075 <div class="col-md-2 col-sm-3"> 7076 7077 <div class="mn-block"> 7078 <div class="menav" 7079 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 7080 <div class="headcontent"> 7081 <p><a 7082 href="/bathing-care/bathing/towels.html">handuk</a> 7083 </p> 7084 </div> 7085 7086 </div> 7087 </div> 7088 </div> 7089 <!-- column 1 --> 7090 7091 </div> 7092 </div> 7093 </div> 7094 </div> 7095 </div> 7096 </li> 7097 <li id="vesitem-88470174230806170878408" 7098 class=" nav-item level0 submenu-left subhover dropdown level-top "><a 7099 href="//modennews.com/" style="white-space: nowrap; 7100font-size:12px; 7101" class=" nav-anchor"><span>SLOT ONLINE</span><span class="caret"></span><span class="opener"></span></a> 7102 <div class="submenu animated dropdown-menu" 7103 style="width:100%;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;"> 7104 <div class="content-wrap"> 7105 <div class="megamenu-content" style="width:100%"> 7106 <div class="nav-dropdown"> 7107 <div class="row"> 7108 <!--column 1--> 7109 <div class="col-md-2 col-sm-3"> 7110 <div class="mn-block"> 7111 <div class="menav" 7112 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 7113 <div class="headcontent"> 7114 <p><a 7115 href="/toys-activity/bouncers-walkers.html">ayunan 7116 dan walker bayi</a></p> 7117 </div> 7118 7119 </div> 7120 </div> 7121 7122 </div> 7123 <!-- column 1 --> 7124 <!--column 1--> 7125 <div class="col-md-2 col-sm-3"> 7126 7127 <div class="mn-block"> 7128 <div class="menav" 7129 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 7130 <div class="headcontent"> 7131 <p><a 7132 href="/toys-activity/baby-gyms-playmats.html">alas 7133 bermain anak bayi</a></p> 7134 </div> 7135 7136 </div> 7137 </div> 7138 </div> 7139 <!-- column 1 --> 7140 <!--column 3--> 7141 <div class="col-md-2 col-sm-3"> 7142 <div class="mn-block"> 7143 <div class="menav" 7144 style="border: 0px; overflow: scroll; scrollbar-width: none; overflow-x: hidden;"> 7145 <div class="headcontent"> 7146 <p><a href="/toys-activity/toys.html">mainan 7147 anak bayi</a></p> 7148 </div> 7149 <ul class="te_az" style="padding:0;"> 7150 <li class="ks_content"> 7151 <p><a 7152 href="/toys-activity/toys/mothercare-toys.html">mothercare 7153 toys</a></p> 7154 <p><a 7155 href="/toys-activity/toys/elc-toys.html">elc 7156 toys</a></p> 7157 7158 </li> 7159 </ul> 7160 </div> 7161 </div> 7162 </div> 7163 <!-- column 3--> 7164 </div> 7165 </div> 7166 </div> 7167 </div> 7168 </div> 7169 </li> 7170 <li id="vesitem-8847317423080612096131144" 7171 class=" nav-item level0 submenu-left subhover dropdown level-top "><a 7172 href="https://modennews.com/" target="_self" data-hover-color="#fff !important" 7173 data-hover-bgcolor="#1f1c02 !important" data-color="#fff !important" 7174 data-bgcolor="#1f1c02 !important" 7175 style="color: #fff !important;background-color: #1f1c02 !important;"
7176 class=" nav-anchor"><span>KIT4D</span></a></li> 7177 </ul> 7178 </nav> 7179 7180 </div> 7181 <div class="kanmo-megamenu-header-mobile"> 7182 7183 <div class="header-megamenu-mobile"> 7184 <span class="fa-user-icon-mc"></span> 7185 <div class="account-label"> 7186 <a href="/customer/account" class="account-link">Akun Saya</a> 7187 </div> 7188 <button><a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/">Masuk</a></button> 7189 </div> 7190 7191 </div> 7192 <div class="mobile-header-panel" 7193 style="background: linear-gradient(90deg, #000000 0%, #000000);" 7194 data-breeze-temporary="true"><a class="action skip contentarea" href="#contentarea"> 7195 <span> 7196 lewati ke Konten </span> 7197 </a> 7198 <div class="left_top_header"> 7199 <div class="top-header-components-mc left-top"> 7200 <div class="header_panel_info"> 7201 <ul> 7202 <li class="download-app-link"> 7203 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 7204 <img width="14" height="14" alt="download icon" loading="lazy" 7205 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/app.png"> 7206 download apps 7207 </a> 7208 <div class="download-popup"> 7209 <div class="wrap"> 7210 <div class="right-cols"> 7211 <div class="app-content"> 7212 download app from: 7213 <div class="view code app_store"> 7214 <a class="sh-store-link" href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" 7215 target="_blank" 7216 ng-click="callAction($event, 'appStore')"> 7217 <img loading="lazy" width="200" height="60" 7218 alt="app store" class="sh-store-link__image" 7219 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/apple-en.png"> 7220 </a> 7221 </div> 7222 <div class="view code play_store"> 7223 <a class="sh-store-link" 7224 data-test="google-play-link" 7225 href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" target="_blank" 7226 ng-click="callAction($event, 'appStore')"> 7227 <img loading="lazy" width="200" height="60" 7228 alt="google play" 7229 class="sh-store-link__image" 7230 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/google-en.png"> 7231 </a> 7232 </div> 7233 </div> 7234 </div> 7235 </div> 7236 </div> 7237 </li> 7238 7239 <li> 7240 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 7241 <img loading="lazy" width="22" height="22" alt="gift registry icon" 7242 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gift_white.svg"> 7243 gift registry </a> 7244 </li> 7245 </ul> 7246 </div> 7247 </div> 7248 </div> 7249 <div class="right_top_header"> 7250 <div class="switcher language switcher-language" data-ui-id="language-switcher" 7251 id="switcher-language"> 7252 <strong class="label switcher-label"><span>Bahasa</span></strong> 7253 <div class="actions dropdown options switcher-options"> 7254 <div class="action toggle switcher-trigger" id="switcher-language-trigger"> 7255 <strong class="view-mothercare_website_bahasa">
7256 <span>ID</span> 7257 </strong> 7258 </div> 7259 <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div> 7260 <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div> 7261 </div> 7262 </div> 7263 <style> 7264 .switch { 7265 position: relative; 7266 display: inline-block; 7267 width: 60px; 7268 height: 34px; 7269 vertical-align: middle; 7270 } 7271 7272 .switch input { 7273 opacity: 0; 7274 width: 0; 7275 height: 0; 7276 } 7277 7278 .slider { 7279 position: absolute; 7280 cursor: pointer; 7281 top: 0; 7282 left: 0; 7283 right: 0; 7284 bottom: 0; 7285 7286 background: 7287 linear-gradient(to bottom, 7288 #292929 0%, 7289 #111111 50%, 7290 #030303 100%); 7291 7292 border: 1px solid rgba(255, 210, 28, 0.85); 7293 7294 box-shadow: 7295 inset 0 1px 0 rgba(255, 255, 255, 0.16), 7296 inset 0 -3px 7px rgba(0, 0, 0, 0.9), 7297 0 0 8px rgba(255, 208, 0, 0.48), 7298 0 0 15px rgba(255, 25, 25, 0.2); 7299 7300 -webkit-transition: .4s; 7301 transition: .4s; 7302 } 7303 7304 .slider:before { 7305 position: absolute; 7306 content: "ID"; 7307 7308 display: flex; 7309 align-items: center; 7310 justify-content: center; 7311 7312 height: 26px; 7313 width: 26px; 7314 left: 3px; 7315 bottom: 3px; 7316 7317 color: #080808; 7318 font-family: Arial, sans-serif; 7319 font-size: 9px; 7320 font-weight: 800; 7321 7322 background: 7323 linear-gradient(145deg, 7324 #fff9a8 0%, 7325 #ffd21c 38%, 7326 #e7a900 72%, 7327 #8a5a00 100%); 7328 7329 box-shadow: 7330 inset 0 2px 0 rgba(255, 255, 255, 0.85), 7331 inset 0 -3px 5px rgba(90, 45, 0, 0.5), 7332 0 0 7px rgba(255, 208, 0, 0.7); 7333 7334 -webkit-transition: .4s; 7335 transition: .4s; 7336 } 7337 7338 input:checked+.slider { 7339 background: 7340 linear-gradient(to bottom, 7341 #ff5148 0%, 7342 #e50914 40%, 7343 #a80008 72%, 7344 #4a0004 100%); 7345 7346 border-color: rgba(255, 225, 80, 0.95); 7347 7348 box-shadow: 7349 inset 0 1px 0 rgba(255, 255, 255, 0.28), 7350 inset 0 -3px 7px rgba(55, 0, 0, 0.85), 7351 0 0 9px rgba(255, 25, 25, 0.65), 7352 0 0 16px rgba(255, 208, 0, 0.3); 7353 } 7354 7355 input:focus+.slider { 7356 box-shadow: 7357 0 0 0 2px rgba(255, 255, 255, 0.9), 7358 0 0 0 4px rgba(255, 208, 0, 0.55), 7359 0 0 14px rgba(255, 25, 25, 0.55); 7360 } 7361 7362 input:checked+.slider:before { 7363 -webkit-transform: translateX(26px); 7364 -ms-transform: translateX(26px); 7365 transform: translateX(26px); 7366 7367 content: "EN"; 7368 color: #ffffff; 7369 7370 background: 7371 linear-gradient(145deg, 7372 #3b3b3b 0%, 7373 #171717 48%, 7374 #030303 100%); 7375 7376 box-shadow: 7377 inset 0 1px 0 rgba(255, 255, 255, 0.24), 7378 inset 0 -3px 6px rgba(0, 0, 0, 0.95), 7379 0 0 7px rgba(255, 208, 0, 0.55), 7380 0 0 10px rgba(255, 25, 25, 0.5); 7381 } 7382 7383 .slider.round { 7384 border-radius: 34px; 7385 } 7386 7387 .slider.round:before { 7388 border-radius: 50%; 7389 } 7390 7391 .switch:hover .slider { 7392 filter: brightness(1.12); 7393 } 7394 </style> 7395 <div class="top-header-components-mc"> 7396 <div class="lang-switch-mc"> 7397 <li><label class="switch"> 7398 <input type="checkbox" checked="">
7399 <span class="slider round"></span> 7400 </label> 7401 </li> 7402 </div> 7403 <div class="header_panel_info"> 7404 <ul> 7405 <li><a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"><img loading="lazy" width="22" height="22" 7406 alt="store finder icon" 7407 src="https://kit4d.dataklmsad903.site/images/setting-logo/1/jo6pCvu5WhO3iIFf.gif">LOGIN</a> 7408 </li> 7409 <li><a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"><img loading="lazy" width="22" height="22" 7410 alt="Kanmo Circle logo" 7411 src="https://kit4d.dataklmsad903.site/images/setting-logo/1/jo6pCvu5WhO3iIFf.gif">DAFTAR</a> 7412 </li> 7413 <li><a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" target="_blank"><img loading="lazy" width="22" 7414 height="22" alt="Whatsapp logo" 7415 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Whatsapp_Logo.svg"> 7416 Contact Us</a></li> 7417 </ul> 7418 </div> 7419 </div> 7420 <style> 7421 .header_panel_info ul { 7422 display: flex; 7423 column-gap: 20px; 7424 list-style: none; 7425 } 7426 7427 .header_panel_info img { 7428 margin-right: 10px; 7429 } 7430 7431 .panel.header div { 7432 width: 100%; 7433 } 7434 7435 .top-header-components-mc { 7436 display: flex; 7437 justify-content: space-between; 7438 } 7439 7440 .lang-switch-mc li { 7441 list-style: none; 7442 } 7443 7444 @media only screen and (max-width: 769px) { 7445 .header_panel_info ul { 7446 flex-direction: column; 7447 } 7448 } 7449 </style> 7450 </div> 7451 </div> 7452 </div> 7453 <div class="kanmo-custom-search-mc"> 7454 <div class="block block-search"> 7455 <div class="block block-title"><strong>Cari</strong></div> 7456 <div class="block block-content"> 7457 <form class="form minisearch" id="search_mini_form" 7458 action="https://www.mothercare.co.id/catalogsearch/result/" method="get" 7459 novalidate="true"> 7460 <div class="field search"> 7461 <label class="label" for="search" data-role="minisearch-label"> 7462 <img loading="lazy" width="30" height="30" 7463 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Mothercare_Search_Icon.svg" 7464 alt="search icon"> 7465 </label> 7466 <div class="control"> 7467 <input id="search" data-mage-init="{ 7468 "quickSearch": { 7469 "formSelector": "#search_mini_form", 7470 "url": "", 7471 "destinationSelector": "#search_autocomplete", 7472 "minSearchLength": "3" 7473 } 7474 }" type="text" name="q" value="" placeholder="Kata kunci, kode produk" class="input-text"
7475 maxlength="128" role="combobox" aria-haspopup="false" 7476 aria-autocomplete="both" autocomplete="off" aria-expanded="false" 7477 data-breeze-processed="true"> 7478 <div id="search_autocomplete" class="search-autocomplete" 7479 style="display: none;"></div> 7480 <div class="nested"> 7481 <a class="action advanced" 7482 href="https://www.mothercare.co.id/catalogsearch/advanced/" 7483 data-action="advanced-search"> 7484 Pencarian Lanjutan </a> 7485 </div> 7486 <button class="search-cancel-mob" id="search-cancel-mob">cancel</button> 7487 </div> 7488 </div> 7489 <div class="actions"> 7490 <button type="submit" title="Cari" class="action search" aria-label="Search" 7491 disabled=""> 7492 <span>Cari</span> 7493 </button> 7494 </div> 7495 </form> 7496 </div> 7497 </div> 7498 </div> 7499 <div class="kanmo-search-button-mc"> 7500 <button id="kanmo-mc-search-btn"> 7501 <img loading="lazy" width="27" height="25" 7502 src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/Mothercare_Search_Icon.svg" 7503 alt="search icon"> 7504 </button> 7505 <button id="kanmo-mc-cancel-btn">cancel</button> 7506 </div> 7507 7508 7509 <style type="text/css"> 7510 @media only screen and (max-width: 768px) { 7511 7512 .klevuWrap { 7513 top: 162px !important; 7514 } 7515 } 7516 </style> 7517 </div> 7518
7518<script type="text/x-magento-init" data-breeze-processed="true"> 7519{ 7520 "*": { 7521 "Magento_Ui/js/core/app": { 7522 "components": { 7523 "customer-name": { 7524 "component": "Kanmo_CustomerName/js/customer-name" 7525 } 7526 } 7527 } 7528 } 7529} 7530</script>
7530 7531 <style type="text/css"> 7532 #customer-name-container { 7533 color: #6A6C6C; 7534 order: 2; 7535 font-size: 14px; 7536 line-height: 0px; 7537 margin: 3px; 7538 } 7539 7540 #customer-name-container .customer-name { 7541 word-break: inherit; 7542 max-width: 100px; 7543 padding: 0; 7544 overflow: hidden; 7545 position: relative; 7546 display: inline-block; 7547 text-align: center; 7548 text-decoration: none; 7549 text-overflow: ellipsis; 7550 white-space: nowrap; 7551 line-height: 1.3; 7552 } 7553 7554 @media screen and (max-width: 768px) { 7555 #customer-name-container { 7556 display: none; 7557 } 7558 } 7559 </style> 7560
7560<script data-breeze=""> 7561 require(['jquery'], ($) => { 7562 $(document).ready(function () { 7563 // Insert the entire #customer-name-container element before the target element 7564 $('.account-dropdown .action.toggle.switcher-trigger .abs-visually-hidden').before($('#customer-name-container')); 7565 }); 7566 }); 7567 </script>
7567 7568 7569 <div class="actions dropdown options switcher-options no-chevron account-dropdown" data-trigger="true" 7570 data-dropdown-parent="true"> 7571 <a class="action toggle switcher-trigger" href="https://modennews.com/" title="Akun Saya" 7572 data-mage-init="{"dropdown":{"dialog":null}}" data-toggle="dropdown" 7573 data-trigger-keypress-button="true" data-breeze-processed="true" data-dropdown="true" 7574 aria-haspopup="true"> 7575 7576 <div id="customer-name-container" data-bind="scope: 'customer-name'"> 7577 <div id="customer-name" class="customer-name" 7578 data-bind="visible: isLoggedIn(), text: getFirstName()" style="display: none;"></div> 7579 </div><span class="abs-visually-hidden">Akun Saya</span> 7580 </a> 7581 7582 <div class="dropdown switcher-dropdown" data-target="dropdown"> 7583 <ul class="header links"> 7584 <li class="link authorization-link loginRevamp" data-label="Atau"> 7585 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"> 7586 Masuk / buat akun </a> 7587 </li> 7588 7589
7589<script data-breeze=""> 7590 require(['jquery'], function ($) { 7591 $(document).ready(function () { 7592 // Hide the second li 7593 $('.header.links li:nth-of-type(2)').hide(); 7594 }); 7595 }); 7596 </script>
7596 7597 7598 7599 7600 <li style="display: none;"> 7601 <a href="https://modennews.com/"> 7602 buat akun </a> 7603 </li> 7604 <li> 7605 7606 <a href="https://modennews.com/"> 7607 <span>Bantuan</span> 7608 </a> 7609 </li> 7610 </ul> 7611 </div> 7612 </div> 7613 7614 <div 7615 class="actions dropdown options switcher-options no-chevron no-chevron wishlist-dropdown dropdown-lg"> 7616 <a class="action toggle switcher-trigger" href="https://modennews.com/" title="Daftar Keinginan"> 7617 7618 <span class="abs-visually-hidden">Daftar Keinginan</span> 7619 </a> 7620 7621 </div> 7622 7623 <div data-block="minicart" class="minicart-wrapper"> 7624 <a class="action showcart" href="https://modennews.com/" data-bind="scope: 'minicart_content'"> 7625 <span class="text empty" data-bind=" 7626 css: { 7627 empty: !!getCartParam('summary_count') == false 7628 }">Keranjang Saya</span> 7629 <span class="counter qty empty" data-bind=" 7630 css: { 7631 empty: !!getCartParam('summary_count') == false && !isLoading() 7632 }, 7633 blockLoader: isLoading 7634 "> 7635 <span 7636 class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span> 7637 <span class="counter-label"> 7638 <!-- ko if: getCartParam('summary_count') --><!-- /ko --> 7639 </span> 7640 </span> 7641 </a> 7642 7643 7644
7644<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>
7644 7645
7645<script type="text/x-magento-init" data-breeze-processed="true"> 7646 { 7647 "[data-block='minicart']": { 7648 "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":[]} }, 7649 "*": { 7650 "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID\u002Fimages\u002Floader\u002D1.gif" 7651 } 7652 } 7653 </script>
7653 7654 <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none;"> 7655 <div class="block block-minicart" data-role="dropdownDialog" data-mage-init="{"dropdownDialog":{ 7656 "appendTo":"[data-block=minicart]", 7657 "triggerTarget":".showcart", 7658 "timeout": "2000", 7659 "closeOnMouseLeave": false, 7660 "closeOnEscape": true, 7661 "triggerClass":"active", 7662 "parentClass":"active", 7663 "buttons":[]}}" data-breeze-processed="true"> 7664 <div id="minicart-content-wrapper" data-bind=" 7665 scope: 'minicart_content' 7666 "><!-- ko template: { if: shouldRender, name: getTemplate() } --><!-- /ko --></div> 7667 </div> 7668 </div> 7669 </div> 7670 </div> 7671 </header> 7672 <div class="breadcrumbs"> 7673 <main id="maincontent" class="page-main"> 7674 <div id="contentarea"></div> 7675 <div class="page messages"> 7676 <div data-placeholder="messages"></div> 7677 <div data-bind="scope: 'messages'"> 7678 <!-- ko if: cookieMessages && cookieMessages.length > 0 --><!-- /ko --> 7679 7680 <!-- ko if: messages().messages && messages().messages.length > 0 --><!-- /ko --> 7681 </div> 7682
7682<script type="text/x-magento-init" data-breeze-processed="true"> 7683 { 7684 "*": { 7685 "Magento_Ui/js/core/app": { 7686 "components": { 7687 "messages": { 7688 "component": "Magento_Theme/js/view/messages" 7689 } 7690 } 7691 } 7692 } 7693 } 7694</script>
7694 7695 </div> 7696 <div class="columns"> 7697 <div class="column main"> 7698 <div class="product-info-wrapper"> 7699 <div class="product-info-main"> 7700 <style> 7701 .mpstorepickup-available-store-info { 7702 width: 78%; 7703 } 7704 7705 .mpstorepickup-pcs { 7706 right: 0; 7707 font-weight: 600; 7708 position: absolute; 7709 width: 20%; 7710 padding-right: 12px; 7711 } 7712 7713 .mpstorepickup-available { 7714 display: inline-flex; 7715 width: 100%; 7716 margin-bottom: 20px 7717 } 7718 7719 .mpstorepickup-available-content .pickup-checkbox { 7720 margin-top: -20px; 7721 } 7722 7723 /*.mpstorepickup-pcs.not-is-simple{*/ 7724 /* display: none;*/ 7725 /*}*/ 7726 .mpstorepickup-pcs .count:after { 7727 content: ' pcs.' 7728 } 7729 7730 #mpstorepickup-available-popup .store-pickup { 7731 margin-bottom: 14px; 7732 } 7733 </style> 7734 7735 <style> 7736 .mpstorepickup-available-content .pickup-checkbox { 7737 cursor: pointer; 7738 } 7739 7740 .mfp-wrap { 7741 position: fixed; 7742 overflow: auto; 7743 } 7744 </style> 7745 7746 <div class="product-info"> 7747 <div class="page-title-wrapper product"> 7748 <h1 class="page-title"> 7749 <span class="base" data-ui-id="page-title-wrapper" itemprop="name">KIT4D ➊7750 Platform Toto Slot Eksklusif 2026 Gampang Jackpot</span> 7751 </h1> 7752 </div> 7753 <div class="product-info-price"> 7754 <div class="price-box price-final_price" data-role="priceBox" 7755 data-product-id="600193" data-price-box="product-id-600193"> 7756 7757 <div class="price-with-discount"> 7758 <span class="normal-price"> 7759 7760 7761 <span class="price-container price-final_price tax weee" 7762 itemprop="offers" itemscope="" 7763 itemtype="http://schema.org/Offer"> 7764 <span class="price-label">Serendah</span> 7765 <span id="product-price-600193" data-price-amount="10000" 7766 data-price-type="finalPrice" class="price-wrapper "><span 7767 class="price">Rp 10</span></span> 7768 <meta itemprop="availability" content=""> 7769 <meta itemprop="shippingDetails" content=""> 7770 <meta itemprop="hasMerchantReturnPolicy" content=""> 7771 <meta itemprop="price" content="10.000"> 7772 <meta itemprop="priceCurrency" content="IDR"> 7773 </span> 7774 7775
7775<script type="application/ld+json"> 7776 7777{ 7778 "@context": "https://schema.org", 7779 "@type": "Organization", 7780 "name": "KIT4D", 7781 "url": "https://modennews.com/", 7782 "logo": "https://kit4d.dataklmsad903.site/images/setting-logo/1/jo6pCvu5WhO3iIFf.gif", 7783 "description": "Mencantumkan tahun 2026 memberikan kesan bahwa platform KIT4D adalah yang paling update, modern, dan memiliki sistem terbaru.", 7784 "foundingDate": "2024", 7785 "slogan": "KIT4D ➊Platform Toto Slot Eksklusif 2026 Gampang Jackpot", 7786 "keywords": [ 7787 "KIT4D", 7788 "TOTO", 7789 "SLOT", 7790 "TOTOSLOT", 7791 "TOTO SLOT", 7792 "KIT 4D", 7793 "KIT4D DAFTAR", 7794 "KIT4D LOGIN", 7795 "TOTO SLOT GACOR", 7796 "TOTO SLOT RESMI", 7797 "TOTO SLOT TERPERCAYA" 7798 ], 7799 "areaServed": { 7800 "@type": "Country", 7801 "name": "Indonesia" 7802 }, 7803 "contactPoint": { 7804 "@type": "ContactPoint", 7805 "telephone": "+62-000-0000-0000", 7806 "contactType": "customer service", 7807 "areaServed": "ID", 7808 "availableLanguage": [ 7809 "Indonesian" 7810 ] 7811 }, 7812 "sameAs": [ 7813 "https://facebook.com/KIT4D", 7814 "https://instagram.com/KIT4D", 7815 "https://twitter.com/KIT4D" 7816 ] 7817} 7818</script>
7818 7819 7820
7820<script type="application/ld+json"> 7821{ 7822 "@context": "https://schema.org", 7823 "@type": "BreadcrumbList", 7824 "itemListElement": [ 7825 { 7826 "@type": "ListItem", 7827 "position": 1, 7828 "name": "KIT4D", 7829 "item": "https://modennews.com/" 7830 }, 7831 { 7832 "@type": "ListItem", 7833 "position": 2, 7834 "name": "TOTO", 7835 "item": "https://modennews.com/" 7836 }, 7837 { 7838 "@type": "ListItem", 7839 "position": 3, 7840 "name": "SLOT", 7841 "item": "https://modennews.com/" 7842 }, 7843 { 7844 "@type": "ListItem", 7845 "position": 4, 7846 "name": "TOTOSLOT", 7847 "item": "https://modennews.com/" 7848 }, 7849 { 7850 "@type": "ListItem", 7851 "position": 5, 7852 "name": "TOTO SLOT", 7853 "item": "https://modennews.com/" 7854 }, 7855 { 7856 "@type": "ListItem", 7857 "position": 6, 7858 "name": "KIT 4D", 7859 "item": "https://modennews.com/" 7860 }, 7861 { 7862 "@type": "ListItem", 7863 "position": 7, 7864 "name": "KIT4D DAFTAR", 7865 "item": "https://modennews.com/" 7866 }, 7867 { 7868 "@type": "ListItem", 7869 "position": 8, 7870 "name": "KIT4D LOGIN", 7871 "item": "https://modennews.com/" 7872 }, 7873 { 7874 "@type": "ListItem", 7875 "position": 9, 7876 "name": "TOTO SLOT GACOR", 7877 "item": "https://modennews.com/" 7878 }, 7879 { 7880 "@type": "ListItem", 7881 "position": 10, 7882 "name": "KIT4D ➊Platform Toto Slot Eksklusif 2026 Gampang Jackpot", 7883 "item": "https://modennews.com/" 7884 } 7885 ] 7886} 7887 7888 ] 7889} 7890</script>
7890 7891
7891<script type="application/ld+json"> 7892{ 7893 "@context":"https://schema.org", 7894 "@type":"FAQPage", 7895 "mainEntity":[ 7896 { 7897 "@type":"Question", 7898 "name":"Apa itu KIT4D?", 7899 "acceptedAnswer":{ 7900 "@type":"Answer", 7901 "text":"KIT4D merupakan platform toto slot eksklusif 2026 yang menghadirkan tampilan modern, sistem terbaru, serta akses praktis untuk menemukan berbagai informasi mengenai TOTO, SLOT, TOTOSLOT, dan TOTO SLOT." 7902 } 7903 }, 7904 { 7905 "@type":"Question", 7906 "name":"Apa keunggulan platform KIT4D pada tahun 2026?", 7907 "acceptedAnswer":{ 7908 "@type":"Answer", 7909 "text":"KIT4D mengusung konsep platform yang lebih update, modern, dan responsif dengan pembaruan sistem 2026 sehingga pengguna dapat menikmati navigasi yang ringkas, informasi terstruktur, serta pengalaman akses yang lebih nyaman." 7910 } 7911 }, 7912 { 7913 "@type":"Question", 7914 "name":"Bagaimana cara mengakses KIT4D LOGIN?", 7915 "acceptedAnswer":{ 7916 "@type":"Answer", 7917 "text":"Pengguna dapat memilih menu KIT4D LOGIN yang tersedia pada halaman utama. Pastikan menggunakan akses resmi agar proses masuk ke platform KIT 4D dapat dilakukan dengan lebih aman, cepat, dan stabil." 7918 } 7919 }, 7920 { 7921 "@type":"Question", 7922 "name":"Bagaimana cara menggunakan fitur KIT4D DAFTAR?", 7923 "acceptedAnswer":{ 7924 "@type":"Answer", 7925 "text":"Fitur KIT4D DAFTAR dapat ditemukan melalui tombol pendaftaran pada halaman utama. Pengguna cukup mengikuti tahapan yang tersedia serta memastikan data yang dimasukkan sudah benar sebelum menyelesaikan proses pendaftaran." 7926 } 7927 }, 7928 { 7929 "@type":"Question", 7930 "name":"Apa saja informasi yang tersedia di platform TOTO SLOT KIT4D?", 7931 "acceptedAnswer":{ 7932 "@type":"Answer", 7933 "text":"KIT4D menyediakan informasi mengenai TOTO SLOT GACOR, TOTO SLOT RESMI, TOTO SLOT TERPERCAYA, pembaruan sistem, fitur platform, akses KIT4D LOGIN, serta layanan KIT4D DAFTAR yang disusun agar mudah ditemukan." 7934 } 7935 } 7936 ] 7937} 7938</script>
7938 7939
7939<script type="application/ld+json"> 7940{ 7941 "@context":"https://schema.org", 7942 "@type":"Product", 7943 "name":"KIT4D", 7944 "description":"Mencantumkan tahun 2026 memberikan kesan bahwa platform KIT4D adalah yang paling update, modern, dan memiliki sistem terbaru.", 7945 "brand":{ 7946 "@type":"Brand", 7947 "name":"KIT4D" 7948 }, 7949 "aggregateRating":{ 7950 "@type":"AggregateRating", 7951 "ratingValue":"4.9", 7952 "reviewCount":"5" 7953 }, 7954 "review":[ 7955 { 7956 "@type":"Review", 7957 "author":{ 7958 "@type":"Person", 7959 "name":"Pengguna KIT4D 01 ââ¬â Surabaya" 7960 }, 7961 "reviewRating":{ 7962 "@type":"Rating", 7963 "ratingValue":"5", 7964 "bestRating":"5" 7965 }, 7966 "reviewBody":"KIT4D mudah digunakan dan proses pendaftaran berlangsung cepat. Tampilan antarmukanya juga rapi sehingga nyaman diakses melalui ponsel maupun komputer." 7967 }, 7968 { 7969 "@type":"Review", 7970 "author":{ 7971 "@type":"Person", 7972 "name":"Pengguna KIT4D 02 ââ¬â Bogor" 7973 }, 7974 "reviewRating":{ 7975 "@type":"Rating", 7976 "ratingValue":"5", 7977 "bestRating":"5" 7978 }, 7979 "reviewBody":"Layanan pelanggan KIT4D sangat responsif ketika saya membutuhkan bantuan. Setiap pertanyaan dijawab dengan jelas, cepat, dan ramah." 7980 }, 7981 { 7982 "@type":"Review", 7983 "author":{ 7984 "@type":"Person", 7985 "name":"Pengguna KIT4D 03 ââ¬â Bandung" 7986 }, 7987 "reviewRating":{ 7988 "@type":"Rating", 7989 "ratingValue":"5", 7990 "bestRating":"5" 7991 }, 7992 "reviewBody":"KIT4D menjadi salah satu platform yang saya rekomendasikan karena tampilannya profesional, akses cepat, dan pelayanan pelanggan yang responsif. Pengalaman menggunakan platform ini terasa sangat positif." 7993 }, 7994 { 7995 "@type":"Review", 7996 "author":{ 7997 "@type":"Person", 7998 "name":"Pengguna KIT4D 04 ââ¬â Semarang" 7999 }, 8000 "reviewRating":{ 8001 "@type":"Rating", 8002 "ratingValue":"5", 8003 "bestRating":"5" 8004 }, 8005 "reviewBody":"Akses KIT4D melalui perangkat seluler terasa lancar dan ringan. Navigasinya praktis sehingga berbagai informasi TOTO SLOT dapat ditemukan dengan lebih mudah." 8006 }, 8007 { 8008 "@type":"Review", 8009 "author":{ 8010 "@type":"Person", 8011 "name":"Pengguna KIT4D 05 ââ¬â Medan" 8012 }, 8013 "reviewRating":{ 8014 "@type":"Rating", 8015 "ratingValue":"5", 8016 "bestRating":"5" 8017 }, 8018 "reviewBody":"Sistem KIT4D terlihat modern dan informasi platform diperbarui secara teratur. Fitur KIT4D LOGIN serta KIT4D DAFTAR juga ditampilkan dengan jelas dan mudah dipahami." 8019 } 8020 ] 8021} 8022</script>
8022 8023 8024 8025 </span> 8026 </div> 8027 8028 </div> 8029 </div> 8030 <div class="kc-cashback check"> 8031 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" class="kc-points-lable"> 8032 <img src="https://kit4d.dataklmsad903.site/images/setting-logo/1/jo6pCvu5WhO3iIFf.gif" 8033 class="kcpoints-img" width="30px"> 8034 <span>Price <span class="price">Rp500.000</span> - <span 8035 class="price">Rp50.000.000</span></span> 8036 </a> 8037 </div> 8038 <div class="kredivo-label"> 8039 <div>Use Installment Options from<img class="kredivo-logo" 8040 style="width: 55px; margin: 0 5px;" 8041 src="https://veldrive.com/Fk5xch8z/kit4d-qris.gif" alt="">. <a 8042 href="https://www.mothercare.co.id/payment-method">Laarn 8043 more</a></div> 8044 </div> 8045 <div class="available-block"> 8046 <div class="title"> 8047 <span class="avail-text">Available for :</span> 8048 </div> 8049 <div class="lables"> 8050 <div class="home-div"> 8051 <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_Catalog/images/delivery.png" 8052 class="delivery-img"><span class="home">home delivery</span> 8053 </div> 8054 <div class="store-div"> 8055 <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Magento_Catalog/images/store-pick.png" 8056 class="home-pick-img"><span class="store">store pickup</span> 8057 </div> 8058 </div> 8059 </div> 8060 8061 <div class="product attribute overview"> 8062 <div class="value" style="text-align: justify;"> 8063 <p data-start="0">Mencantumkan tahun 2026 memberikan kesan bahwa platform 8064 kit4d adalah yang paling update, modern, dan memiliki sistem terbaru. 8065 </p> 8066 8067 <style> 8068 /* ===== RESET BIAR GAK BENTROK ===== */ 8069 .rb-premium-box, 8070 .rb-premium-box * { 8071 box-sizing: border-box !important; 8072 margin: 0; 8073 padding: 0; 8074 } 8075 8076 .rb-premium-box { 8077 position: relative; 8078 margin: 30px 0; 8079 padding: 5px; 8080 border-radius: 24px !important; 8081 overflow: hidden !important; 8082 8083 background: 8084 radial-gradient(circle at 50% 0%, 8085 rgba(255, 210, 28, 0.18), 8086 transparent 42%), 8087 linear-gradient(145deg, 8088 #050505 0%, 8089 #181818 35%, 8090 #4a0004 72%, 8091 #090909 100%); 8092 8093 border: 1px solid rgba(255, 210, 28, 0.65); 8094 8095 box-shadow: 8096 inset 0 1px 0 rgba(255, 255, 255, 0.16), 8097 inset 0 -5px 14px rgba(0, 0, 0, 0.85), 8098 0 0 18px rgba(255, 208, 0, 0.38), 8099 0 0 30px rgba(255, 25, 25, 0.25); 8100 } 8101 8102 /* ===== GLOW EFFECT ===== */ 8103 .rb-premium-box:before { 8104 content: ""; 8105 position: absolute; 8106 inset: 0; 8107 pointer-events: none; 8108 8109 background: 8110 linear-gradient(120deg, 8111 transparent 0%, 8112 rgba(255, 255, 255, 0.08) 25%, 8113 rgba(255, 210, 28, 0.12) 40%, 8114 transparent 68%); 8115 8116 opacity: 0.8; 8117 } 8118 8119 .rb-premium-box:after { 8120 content: ""; 8121 position: absolute; 8122 top: 0; 8123 left: 8%; 8124 right: 8%; 8125 height: 2px; 8126 pointer-events: none; 8127 8128 background: 8129 linear-gradient(to right, 8130 transparent, 8131 #fff45c, 8132 #ff2b23, 8133 #fff45c, 8134 transparent); 8135 8136 box-shadow: 8137 0 0 8px rgba(255, 208, 0, 0.75), 8138 0 0 14px rgba(255, 25, 25, 0.45); 8139 } 8140 8141 /* ===== HEADER ===== */ 8142 .rb-premium-head { 8143 position: relative; 8144 text-align: center; 8145 margin-bottom: 20px; 8146 padding: 20px 15px 0; 8147 z-index: 1; 8148 } 8149 8150 .rb-premium-head h3 { 8151 font-size: 28px; 8152 font-weight: 800; 8153 letter-spacing: 1.5px; 8154 text-transform: uppercase; 8155 8156 color: #fff45c !important; 8157 8158 text-shadow: 8159 0 2px 3px rgba(0, 0, 0, 0.95), 8160 0 0 10px rgba(255, 208, 0, 0.65), 8161 0 0 18px rgba(255, 25, 25, 0.22); 8162 } 8163 8164 .rb-premium-line { 8165 width: 90px; 8166 height: 3px; 8167 margin: 12px auto 0; 8168 border-radius: 99px; 8169 8170 background: 8171 linear-gradient(90deg, 8172 #5c0005, 8173 #e50914, 8174 #ffd21c, 8175 #fff45c, 8176 #e50914, 8177 #5c0005); 8178 8179 box-shadow: 8180 0 0 8px rgba(255, 208, 0, 0.65), 8181 0 0 14px rgba(255, 25, 25, 0.42); 8182 } 8183 8184 /* ===== TABLE ===== */ 8185 .rb-premium-table { 8186 position: relative; 8187 z-index: 1; 8188 8189 width: 100% !important; 8190 border-collapse: separate !important; 8191 border-spacing: 0; 8192 table-layout: fixed; 8193 8194 border-radius: 18px;
8195 overflow: hidden; 8196 8197 border: 1px solid rgba(255, 210, 28, 0.35); 8198 8199 background: 8200 linear-gradient(145deg, 8201 rgba(28, 28, 28, 0.98), 8202 rgba(5, 5, 5, 0.98)); 8203 8204 box-shadow: 8205 inset 0 1px 0 rgba(255, 255, 255, 0.08), 8206 0 0 12px rgba(255, 208, 0, 0.15); 8207 } 8208 8209 .rb-premium-table tr { 8210 transition: 8211 background 0.3s ease, 8212 transform 0.3s ease; 8213 } 8214 8215 .rb-premium-table tr:nth-child(even) { 8216 background: 8217 linear-gradient(to right, 8218 rgba(255, 208, 0, 0.035), 8219 rgba(229, 9, 20, 0.035)); 8220 } 8221 8222 .rb-premium-table tr:hover { 8223 background: 8224 linear-gradient(to right, 8225 rgba(255, 208, 0, 0.12), 8226 rgba(229, 9, 20, 0.13)); 8227 8228 transform: scale(1.01); 8229 } 8230 8231 .rb-premium-table td { 8232 padding: 16px 14px !important; 8233 border-bottom: 1px solid rgba(255, 210, 28, 0.13); 8234 font-size: 14px; 8235 vertical-align: middle; 8236 } 8237 8238 .rb-premium-table tr:last-child td { 8239 border-bottom: none; 8240 } 8241 8242 .rb-premium-table td.label { 8243 width: 38%; 8244 color: #fff45c; 8245 font-weight: 700; 8246 text-transform: uppercase; 8247 letter-spacing: 0.8px; 8248 8249 text-shadow: 8250 0 1px 2px rgba(0, 0, 0, 0.9), 8251 0 0 6px rgba(255, 208, 0, 0.25); 8252 } 8253 8254 .rb-premium-table td.value { 8255 color: #f5f5f5; 8256 font-weight: 600; 8257 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85); 8258 } 8259 8260 /* ===== BADGE ===== */ 8261 .rb-badge-gold { 8262 display: inline-block; 8263 padding: 6px 12px; 8264 border-radius: 999px; 8265 8266 border: 1px solid rgba(255, 246, 140, 0.85); 8267 8268 background: 8269 linear-gradient(145deg, 8270 #fff36b 0%, 8271 #ffd21c 38%, 8272 #e7a900 72%, 8273 #8a5a00 100%); 8274 8275 color: #080808; 8276 font-size: 13px; 8277 font-weight: 800; 8278 white-space: nowrap; 8279 8280 box-shadow: 8281 inset 0 1px 0 rgba(255, 255, 255, 0.85), 8282 inset 0 -3px 6px rgba(90, 45, 0, 0.45), 8283 0 0 10px rgba(255, 208, 0, 0.55), 8284 0 0 16px rgba(255, 25, 25, 0.17); 8285 8286 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45); 8287 } 8288 8289 /* ===== RATING ===== */ 8290 .rb-rating { 8291 color: #fff45c; 8292 font-weight: 800; 8293 font-size: 18px; 8294 8295 text-shadow: 8296 0 1px 2px rgba(0, 0, 0, 0.95), 8297 0 0 8px rgba(255, 208, 0, 0.75), 8298 0 0 13px rgba(255, 25, 25, 0.25); 8299 } 8300 8301 /* ===== RESPONSIVE ===== */ 8302 @media (max-width: 768px) { 8303 .rb-premium-box { 8304 margin: 20px 0; 8305 border-radius: 18px !important; 8306 } 8307 8308 .rb-premium-head { 8309 margin-bottom: 15px; 8310 padding: 16px 10px 0; 8311 } 8312 8313 .rb-premium-head h3 { 8314 font-size: 22px; 8315 letter-spacing: 1px; 8316 } 8317 8318 .rb-premium-table { 8319 border-radius: 14px; 8320 } 8321 8322 .rb-premium-table td { 8323 padding: 12px 10px !important; 8324 font-size: 13px; 8325 } 8326 8327 .rb-premium-table td.label { 8328 width: 40%; 8329 letter-spacing: 0.4px; 8330 } 8331 8332 .rb-badge-gold { 8333 padding: 5px 9px; 8334 font-size: 12px; 8335 } 8336 8337 .rb-rating { 8338 font-size: 16px; 8339 } 8340 } 8341 8342 @media (max-width: 420px) { 8343 .rb-premium-head h3 { 8344 font-size: 19px; 8345 } 8346 8347 .rb-premium-table td { 8348 padding: 11px 8px !important; 8349 font-size: 12px; 8350 word-break: break-word; 8351 } 8352 8353 .rb-premium-table td.label { 8354 width: 42%; 8355 } 8356 } 8357 </style> 8358 8359 <div class="rb-premium-box"> 8360 <div class="rb-premium-head"> 8361 <h3>Informasi Lengkap KIT4D</h3> 8362 <div class="rb-premium-line"></div> 8363 </div> 8364 8365 <table class="rb-premium-table"> 8366 <tbody> 8367 <tr> 8368 <td class="label">Nama</td> 8369 <td class="value"><span class="rb-badge-gold">KIT4D</span> 8370 </td> 8371 </tr> 8372 <tr> 8373 <td class="label">Kategori</td> 8374 <td class="value">TOTO, SLOT, TOTOSLOT & TOTO SLOT GACOR 8375 </td> 8376 </tr> 8377 <tr> 8378 <td class="label">Layanan</td> 8379 <td class="value">KIT4D LOGIN, KIT4D DAFTAR, TOTO SLOT 8380 RESMI, 8381 TOTO SLOT TERPERCAYA</td> 8382 </tr> 8383 <tr> 8384 <td class="label">Metode</td> 8385 <td class="value">Transfer Bank, E-Wallet, QRIS</td> 8386 </tr> 8387 <tr> 8388 <td class="label">Mulai Dari</td> 8389 <td class="value"><span class="rb-badge-gold">IDR 8390 10.000</span></td> 8391 </tr> 8392 <tr> 8393 <td class="label">Rating</td> 8394 <td class="value"> 8395 <sp
8395an class="rb-rating">â 4.9 / 5</span><br> 8396 <small style="color:#b8b8b8;">8,748,168 ulasan 8397 pengguna</small> 8398 </td> 8399 </tr> 8400 </tbody> 8401 </table> 8402 </div> 8403 </div> 8404 </div> 8405 </div> 8406 <div class="product-config"> 8407 <div class="product-add-form"> 8408 <form data-product-sku="52135545-AYO01" action="https://modennews.com/" method="post" 8409 id="product_addtocart_form" novalidate="true" 8410 data-catalog-addtocart-initialized="1"> 8411 <input type="hidden" name="product" value="600193"> 8412 <input type="hidden" name="selected_configurable_option" value=""> 8413 <input type="hidden" name="related_product" id="related-products-field" 8414 value=""> 8415 <input type="hidden" name="item" value="600193"> 8416 <input name="form_key" type="hidden" value="z2nI2VyvafUQxDSY"> 8417 <div class="product-options-wrapper" id="product-options-wrapper" 8418 data-hasrequired="* Wajib diisi"> 8419 <div class="fieldset" tabindex="0"> 8420 <div class="swatch-opt" data-role="swatch-options"></div> 8421 </div> 8422 </div> 8423 <div class="product-options-bottom"> 8424 <div class="box-tocart"> 8425 <div class="fieldset fieldset-cust"> 8426 <div class="field qty"> 8427 <label class="label" for="qty"><span>choose 8428 qty</span></label> 8429 <div class="control"> 8430 <select name="qty" id="qty" value="1" title="Qty" 8431 class="input-text qty"> 8432 <option value="1">1</option> 8433 <option value="2">2</option> 8434 <option value="3">3</option> 8435 <option value="4">4</option> 8436 <option value="5">5</option> 8437 <option value="6">6</option> 8438 <option value="7">7</option> 8439 <option value="8">8</option> 8440 <option value="9">9</option> 8441 <option value="10">10</option> 8442 </select> 8443 <div><span style="color: red" id="show_message"></span> 8444 </div> 8445 <input type="hidden" name="val_hidden" id="val_hidden" 8446 value="1"> 8447 </div> 8448 </div> 8449 <div class="actions"> 8450 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"><button type="button" 8451 title="add to cart" class="action primary tocart" 8452 id="product-addtocart-button" 8453 style="background: linear-gradient(135deg, #000000 0%, #000000);"> 8454 <sp
8454an>LOGIN</span></button></a> 8455 8456 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" class="action towishlist" 8457 data-action="add-to-wishlist"><span>DAFTAR</span></a> 8458 <div id="giftreg-message-pdp" style=""> 8459 8460 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" class="notlogingift"> 8461 <img src="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/Kanmo_CustomerDetail/images/gift.png" 8462 alt=""> 8463 CLAIM BONUS 8464 </a> 8465 8466 8467 8468 </div> 8469
8469<script type="text/x-magento-init" 8470 data-breeze-processed="true"> 8471 { 8472 "body": { 8473 "addToWishlist": {"productType":"configurable","giftcardInfo":"[id^=giftcard]"} } 8474 } 8475</script>
8475 8476 </div> 8477 </div> 8478 </div> 8479 8480 <!--Product video logic--> 8481
8481<script type="text/x-magento-init" data-breeze-processed="true"> 8482 { 8483 "#product_addtocart_form": { 8484 "Magento_Catalog/product/view/validation": { 8485 "radioCheckboxClosest": ".nested" 8486 } 8487 } 8488 } 8489</script>
8489 8490
8490<script type="text/x-magento-init" data-breeze-processed="true"> 8491 { 8492 "#product_addtocart_form": { 8493 "catalogAddToCart": { 8494 "bindSubmit": true 8495 } 8496 } 8497 } 8498 </script>
8498 8499 </div> 8500 </form> 8501 </div> 8502 8503
8503<script type="text/x-magento-init" data-breeze-processed="true"> 8504 { 8505 "[data-role=priceBox][data-price-box=product-id-600193]": { 8506 "priceBox": { 8507 "priceConfig": {"productId":600193,"priceFormat":{"pattern":"Rp %s","precision":2,"requiredPrecision":0,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":10.000,"adjustments":[]},"oldPrice":{"amount":10.000,"adjustments":[]},"basePrice":{"amount":10.000,"adjustments":[]},"finalPrice":{"amount":10.000,"adjustments":[]}},"idSuffix":"_clone","tierPrices":[],"calculationAlgorithm":"UNIT_BASE_CALCULATION"} } 8508 } 8509 } 8510</script>
8510 8511 <!--
8511<script> 8512// When the user clicks on div, open the popup 8513function myFunction() { 8514 var popup = document.getElementById("size-chart"); 8515 popup.classList.toggle("show"); 8516} 8517</script>
8517 --> 8518
8518<script data-breeze=""> 8519 8520 require(['jquery'], ($) => { 8521 $(document).ready(function () { 8522 // Get the modal 8523 var modal = document.getElementById("myModals"); 8524 8525 // Get the <span> element that closes the modal 8526 var span = document.getElementsByClassName("close-icon")[0]; 8527 8528 // When the user clicks the button, open the modal 8529 $('#myBtns').on("click", function (e) { 8530 $('#myModals').show(); 8531 }); 8532 8533 // When the user clicks the button, open the modal 8534 $('#myBtns').on("click", function (e) { 8535 $('#myModals').show(); 8536 }); 8537 // When the user clicks the button, close the modal 8538 $('.close-icon').on("click", function (e) { 8539 $('#myModals').hide(); 8540 }); 8541 8542 // When the user clicks on <span> (x), close the modal 8543 if (!typeof span === 'undefined') { 8544 span.onclick = function () { 8545 modal.style.display = "none"; 8546 } 8547 } 8548 8549 // When the user clicks anywhere outside of the modal, close it 8550 window.onclick = function (event) { 8551 if (event.target == modal) { 8552 modal.style.display = "none"; 8553 } 8554 } 8555 }); 8556 }); 8557 </script>
8557 8558 8559 8560 8561 <style> 8562 /* Add Animation */ 8563 @media screen and (max-width: 767px) { 8564 #myModals { 8565 animation: mymovess 2s; 8566 animation-fill-mode: forwards; 8567 } 8568 } 8569 8570 @keyframes mymovess { 8571 from { 8572 bottom: 0px; 8573 } 8574 8575 to { 8576 bottom: 200px; 8577 } 8578 } 8579 8580 h5#content-baby { 8581 font-family: 'Mothercare 2020'; 8582 font-style: normal; 8583 font-weight: 600; 8584 font-size: 32px; 8585 line-height: 150%; 8586 text-align: center; 8587 letter-spacing: -0.011em; 8588 color: #1f1c02; 8589 } 8590 8591 h5#content-baby { 8592 font-family: 'Mothercare 2020'; 8593 font-style: normal; 8594 font-weight: 600; 8595 font-size: 32px; 8596 line-height: 150%; 8597 text-align: center; 8598 letter-spacing: -0.011em; 8599 color: #1f1c02; 8600 margin-bottom: 1em; 8601 } 8602 8603 a.sizechart-link { 8604 position: relative; 8605 top: -20.5em; 8606 font-style: normal; 8607 font-weight: 600; 8608 font-size: 14px; 8609 line-height: 19px; 8610 text-align: left; 8611 text-decoration-line: underline; 8612 text-transform: lowercase; 8613 color: #1f1c02; 8614 font-family: 'mothercare_2020-regular-webfont'; 8615 } 8616 8617 @media screen and (max-width: 767px) { 8618 a.sizechart-link { 8619 top: -17.5em; 8620 } 8621 } 8622 </style> 8623 <div class="sharing-buttons"> 8624 <label>Share product:</label> 8625 <div class="sharethis-inline-share-buttons st-center st-inline-share-buttons st-animated" 8626 id="st-2"> 8627 <div class="st-btn st-first st-remove-label" data-network="facebook" 8628 style="display: none;"> 8629 <img alt="facebook sharing button" 8630 src="https://platform-cdn.sharethis.com/img/facebook.svg"> 8631 8632 </div> 8633 <div class="st-btn st-last st-remove-label" data-network="twitter" 8634 style="display: none;"> 8635 <img alt="twitter sharing button" 8636 src="https://platform-cdn.sharethis.com/img/twitter.svg"> 8637 8638 </div> 8639 </div> 8640 <!--
8640<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>
8640--> 8641 <!--
8641<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>
8641--> 8642
8642<script type="text/javascript" 8643 src="//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons"></script>
8643 8644 </div> 8645 </div> 8646 </div> 8647 <div class="product media"> 8648 <div class="breeze-gallery horizontal"> 8649 <div class="stage " data-gallery-role="gallery-placeholder"> 8650 <div class="main-image-wrapper"> 8651 <img alt="" class="main-image" 8652 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp" 8653 width="608" height="608"> 8654 </div> 8655 8656 <a href="https://modennews.com/" class="prev" tabindex="-1"> 8657 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8658 stroke="currentColor"> 8659 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8660 d="M15 19l-7-7 7-7"></path> 8661 </svg> 8662 </a> 8663 <a href="https://modennews.com/" class="next" tabindex="-1"> 8664 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8665 stroke="currentColor"> 8666 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8667 d="M9 5l7 7-7 7"></path> 8668 </svg> 8669 </a> 8670 8671 <div class="controls"> 8672 <a href="https://modennews.com/" class="zoom zoom-in"> 8673 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8674 stroke="currentColor" stroke-width="2"> 8675 <path stroke-linecap="round" stroke-linejoin="round" 8676 d="M12 4v16m8-8H4"></path> 8677 </svg> 8678 </a> 8679 <a href="https://modennews.com/" class="zoom zoom-out"> 8680 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8681 stroke="currentColor" stroke-width="2"> 8682 <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4"> 8683 </path> 8684 </svg> 8685 </a> 8686 </div> 8687 8688 <a href="https://modennews.com/" class="close"> 8689 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 8690 stroke="currentColor"> 8691 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 8692 d="M6 18L18 6M6 6l12 12"></path> 8693 </svg> 8694 </a> 8695 </div> 8696 8697 <div class="thumbnails "> 8698 <a class="item active" href="https://modennews.com/" title="View Image">
8699 <span class="slide-image-container"> 8700 <img loading="lazy" alt="" 8701 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8702 </span> 8703 </a> 8704 <a class="item" href="https://modennews.com/" title="View Image"> 8705 <span class="slide-image-container"> 8706 <img loading="lazy" alt="" 8707 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8708 </span> 8709 </a> 8710 <a class="item" href="https://modennews.com/" title="View Image"> 8711 <span class="slide-image-container"> 8712 <img loading="lazy" alt="" 8713 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8714 </span> 8715 </a> 8716 <a class="item" href="https://modennews.com/" title="View Image"> 8717 <span class="slide-image-container"> 8718 <img loading="lazy" alt="" 8719 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8720 </span> 8721 </a> 8722 <a class="item" href="https://modennews.com/" title="View Image"> 8723 <span class="slide-image-container"> 8724 <img loading="lazy" alt="" 8725 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8726 </span> 8727 </a> 8728 <a class="item" href="https://modennews.com/" title="View Image"> 8729 <span class="slide-image-container"> 8730 <img loading="lazy" alt="" 8731 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8732 </span> 8733 </a> 8734 <a class="item" href="https://modennews.com/" title="View Image"> 8735 <span class="slide-image-container"> 8736 <img loading="lazy" alt="" 8737 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8738 </span> 8739 </a> 8740 <a class="item" href="https://modennews.com/" title="View Image"> 8741 <span class="slide-image-container"> 8742 <img loading="lazy" alt="" 8743 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8744 </span> 8745 </a> 8746 <a class="item" href="https://modennews.com/" title="View Image">
8747 <span class="slide-image-container"> 8748 <img loading="lazy" alt="" 8749 src="https://veldrive.com/Fk5xch8z/platform-toto-slot-eksklusif-2026-gampang-jackpot.webp"> 8750 </span> 8751 </a> 8752 </div> 8753 8754 </div> 8755 8756
8756<script type="text/x-magento-template" id="gallery-thumbnail"> 8757 <a class="<%- classes %>" href="<%- full %>"> 8758 <span class="slide-image-container"> 8759 <img loading="lazy" alt="<%- caption %>" 8760 src="<%- thumb %>" 8761 srcset="<%- srcset ? srcset.small : '' %>" 8762 sizes="110px" 8763 width="110" 8764 height="110" 8765 /> 8766 </span> 8767 </a> 8768</script>
8768 8769 8770 8771 <!--
8771<script data-breeze> 8772 require(['jquery'], ($) => { 8773 $('.thumbnails').pagebuilderSlider({ 8774 dots: true, 8775 arrows: true 8776 }); 8777 }); 8778</script>
8778 --> 8779
8779<script type="text/x-magento-init" data-breeze-processed="true"> 8780 { 8781 "[data-gallery-role=gallery-placeholder]": { 8782 "Magento_ProductVideo/js/fotorama-add-video-events": { 8783 "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}], 8784 "videoSettings": [{"playIfBase":"0","showRelated":"0","videoAutoRestart":"0"}], 8785 "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}]} } 8786 } 8787 } 8788</script>
8788 8789 </div> 8790 </div> 8791 <div class="product info detailed"> 8792 8793 8794 </div> 8795 8796 <input name="form_key" type="hidden" value="z2nI2VyvafUQxDSY"> 8797
8797<script data-breeze=""> 8798 var sectionsConfig = { 8799 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"] }, 8800 clientSideSections: ["checkout-data", "cart-data", "osc-data"], 8801 baseUrls: ["https:\/\/www.mothercare.co.id\/"], 8802 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"] 8803 } 8804 </script>
8804 8805
8805<script data-breeze=""> 8806 var customerDataConfig = { 8807 "sectionLoadUrl": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Fsection\u002Fload\u002F", 8808 "expirableSectionLifetime": 129600, 8809 "expirableSectionNames": ["cart", "persistent", "ajaxpro-reinit", "ajaxpro-cart", "ajaxpro-product"], 8810 "cookieLifeTime": "3600", 8811 "updateSessionUrl": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Faccount\u002FupdateSession\u002F" 8812 } 8813 </script>
8813 8814
8814<script type="text/x-magento-init" data-breeze-processed="true"> 8815 { 8816 "*": { 8817 "Magento_Customer/js/invalidation-processor": { 8818 "invalidationRules": { 8819 "website-rule": { 8820 "Magento_Customer/js/invalidation-rules/website-rule": { 8821 "scopeConfig": { 8822 "websiteId": "3" 8823 } 8824 } 8825 } 8826 } 8827 } 8828 } 8829 } 8830</script>
8830 8831
8831<script type="text/x-magento-init" data-breeze-processed="true"> 8832 { 8833 "body": { 8834 "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"} } 8835 } 8836</script>
8836 8837
8837<script type="text/x-magento-init" data-breeze-processed="true"> 8838{ 8839 "*": { 8840 "Magento_Banner/js/model/banner": 8841 {"sectionLoadUrl":"https:\/\/www.mothercare.co.id\/banner\/ajax\/load\/","cacheTtl":30000} } 8842} 8843</script>
8843 8844
8844<script type="text/x-magento-init" data-breeze-processed="true"> 8845{"*":{"Styla_Connect2\/js\/cart-update":[]}}</script>
8845 8846 8847
8847<script async="" 8848 src="https://maps.google.com/maps/api/js?key=%0D%0AAIzaSyDplibAigLzCfOinyzZuMCyzxCkv2FLkw0&libraries=places,geometry"> 8849 </script>
8849 8850
8850<script type="text/x-magento-init" data-breeze-processed="true"> 8851 { 8852 "body": { 8853 "requireCookie": {"noCookieUrl":"https:\/\/www.mothercare.co.id\/cookie\/index\/noCookies\/","triggers":[".review .action.submit"],"isRedirectCmsPage":true} } 8854 } 8855</script>
8855 8856
8856<script type="text/x-magento-init" data-breeze-processed="true"> 8857 { 8858 "*": { 8859 "Magento_Catalog/js/product/view/provider": { 8860 "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":10.000,"max_price":10.000,"max_regular_price":10.000,"minimal_regular_price":10.000,"special_price":null,"minimal_price":10.000,"regular_price":10.000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 10.000<\/span>","max_price":"<span class=\"price\">Rp 10.000<\/span>","minimal_price":"<span class=\"price\">Rp 10.000<\/span>","max_regular_price":"<span class=\"price\">Rp 10.000<\/span>","minimal_regular_price":null,"special_price":null,"regular_price":"<span class=\"price\">Rp 10.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":10.000,"max_price":10.000,"max_regular_price":10.000,"minimal_regular_price":10.000,"special_price":10.000,"minimal_price":10.000,"regular_price":10.000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 10.000<\/span>","max_price":"<span class=\"price\">Rp 10.000<\/span>","minimal_price":"<span class=\"price\">Rp 10.000<\/span>","max_regular_price":"<span class=\"price\">Rp 10.000<\/span>","minimal_regular_price":null,"special_price":"<span class=\"price\">Rp 10.000<\/span>","regular_price":"<span class=\"price\">Rp 10.000<\/span>"}},"weee_attributes":[],"weee_adjustment":"<span class=\"price\">Rp 10.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
8860ptimize=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":"KIT4D ➊Platform Toto Slot Eksklusif 2026 Gampang Jackpot","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"} } 8861 } 8862 } 8863</script>
8863 8864
8864<script data-role="msrp-popup-template" type="text/x-magento-template"> 8865 <div id="map-popup-click-for-price" class="map-popup"> 8866 <div class="popup-header"> 8867 <strong class="title" id="map-popup-heading-price"></strong> 8868 </div> 8869 <div class="popup-content"> 8870 <div class="map-info-price" id="map-popup-content"> 8871 <div class="price-box"> 8872 <div class="map-msrp" id="map-popup-msrp-box"> 8873 <span class="label">Harga</span> 8874 <span class="old-price map-old-price" id="map-popup-msrp"> 8875 <span class="price"></span> 8876 </span> 8877 </div> 8878 <div class="map-price" id="map-popup-price-box"> 8879 <span class="label">harga asli </span> 8880 <span id="map-popup-price" class="actual-price"></span> 8881 </div> 8882 </div> 8883 <form action="" method="POST" class="map-form-addtocart"> 8884 <input type="hidden" name="product" class="product_id" value="" /> 8885 <button type="button" 8886 title="+ keranjang" 8887 class="action tocart primary"> 8888 <span>+ keranjang</span> 8889 </button> 8890 <div class="additional-addtocart-box"> 8891 </div> 8892 </form> 8893 </div> 8894 <div class="map-text" id="map-popup-text"> 8895 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> 8896 </div> 8897 </div> 8898 </script>
8898 8899
8899<script data-role="msrp-info-template" type="text/x-magento-template"> 8900 <div id="map-popup-what-this" class="map-popup"> 8901 <div class="popup-header"> 8902 <strong class="title" id="map-popup-heading-what-this"></strong> 8903 </div> 8904 <div class="popup-content"> 8905 <div class="map-help-text" id="map-popup-text-what-this"> 8906 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> 8907 </div> 8908 </div> 8909 </script>
8909 8910 8911 <!--suppress ES6ConvertVarToLetConst --> 8912
8912<script type="text/javascript" id="klevu_page_meta"> 8913 var klevu_page_meta = { "platform": "magento2", "pageType": "pdp", "itemName": "KIT4D ➊Platform Toto Slot Eksklusif 2026 Gampang Jackpot", "itemUrl": "https:\/\/www.mothercare.co.id\/nordic-naturals-baby-s-dha-52135545-AYO01.html", "itemId": "600193-598663", "itemGroupId": "600193" }; 8914 </script>
8914 8915 <div class="sharing-buttons mobile-sharing-button"> 8916 <label>Share product:</label> 8917 <div class="sharethis-inline-share-buttons st-center st-inline-share-buttons st-animated" 8918 id="st-3"> 8919 <div class="st-btn st-first " data-network="facebook" style="display: inline-block;"> 8920 <img alt="facebook sharing button" 8921 src="https://platform-cdn.sharethis.com/img/facebook.svg"> 8922 8923 </div> 8924 <div class="st-btn st-last " data-network="twitter" style="display: inline-block;"> 8925 <img alt="twitter sharing button" 8926 src="https://platform-cdn.sharethis.com/img/twitter.svg"> 8927 8928 </div> 8929 </div> 8930 <!--
8930<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>
8930--> 8931 <!--
8931<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>
8931--> 8932
8932<script type="text/javascript" 8933 src="//platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons"></script>
8933 8934 </div> 8935 8936 8937 8938 <!-- <style type="text/css"> 8939 8940 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{ 8941 8942 display: none; 8943 } 8944 8945 @media (max-width: 768px) { 8946 8947 .catalog-product-view .product.info.detailed .data.item.title { 8948 order: unset; 8949 } 8950 8951 .catalog-product-view .page-main .sharing-buttons{ 8952 display: none; 8953 } 8954 8955 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{ 8956 display: block; 8957 } 8958 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button label{ 8959 font-family: 'mothercare_2020-regular-webfont'; 8960 font-style: normal; 8961 font-weight: 400; 8962 font-size: 16px; 8963 line-height: 150%; 8964 letter-spacing: -0.011em; 8965 text-transform: lowercase; 8966 color: #1f1c02; 8967 display: block; 8968 text-align: center; 8969 padding: 10px 0px; 8970 } 8971 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-first, 8972 .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-last { 8973 background: #1f1c02 !important; 8974 } 8975 8976 .catalog-product-view .page-main .product-info-main .product-info{ 8977 display: contents !important; 8978 } 8979 8980 .catalog-product-view .page-main .product-info-main .product.attribute.overview{ 8981 order: 1 !important; 8982 } 8983 .catalog-product-view .page-main .product-info-main .product-config{ 8984 display: contents !important; 8985 } 8986 .catalog-product-view .page-main .sharing-buttons{ 8987 order: 1; 8988 } 8989 8990 } 8991</style> 8992 --> 8993 <div class="products-widget-container"> 8994 8995 8996 <!--
8996<script type="text/javascript"> 8997 require(['jquery', 'jquery/ui', 'slick'], function($) { 8998 $(document).ready(function() { 8999 if ($('body').hasClass('checkout-cart-index')) { 9000 $(".widget.widget-crosssell .product-items").slick({ 9001 dots: false, 9002 arrows: true, // Show arrows for larger screens 9003 infinite: false, 9004 slidesToShow: 4, 9005 slidesToScroll: 1, 9006 responsive: [ 9007 { 9008 breakpoint: 1024, 9009 settings: { 9010 slidesToShow: 3, 9011 slidesToScroll: 1, 9012 } 9013 }, 9014 { 9015 breakpoint: 600, 9016 settings: { 9017 slidesToShow: 3, 9018 slidesToScroll: 1 9019 } 9020 }, 9021 { 9022 breakpoint: 480, 9023 settings: { 9024 slidesToShow: 2.5, 9025 slidesToScroll: 1, 9026 arrows: false 9027 } 9028 }, 9029 { 9030 breakpoint: 430, 9031 settings: { 9032 slidesToShow: 2.5, 9033 slidesToScroll: 1, 9034 arrows: false 9035 } 9036 }, 9037 { 9038 breakpoint: 390, 9039 settings: { 9040 slidesToShow: 2.5, 9041 slidesToScroll: 1, 9042 arrows: false // Hide arrows for mobile sizes 9043 } 9044 }, 9045 { 9046 breakpoint: 375, 9047 settings: { 9048 slidesToShow: 2.5, 9049 slidesToScroll: 1, 9050 arrows: false // Hide arrows for mobile sizes 9051 } 9052 } 9053 ] 9054 }); 9055 } 9056 }); 9057 }); 9058</script>
9058 --> 9059 9060 9061 9062 9063 <style type="text/css"> 9064 .widget.widget-upsell, 9065 .widget.widget-related { 9066 padding-bottom: 40px; 9067 padding-top: 40px; 9068 margin-top: 0 !important 9069 } 9070 9071 .widget.widget-upsell .block-title, 9072 .widget.widget-related .block-title { 9073 margin: 0 !important; 9074 padding: 0 0 40px !important 9075 } 9076 9077 .widget.widget-upsell .block-title:before, 9078 .widget.widget-related .block-title:before { 9079 display: none !important 9080 } 9081 9082 .widget.widget-upsell .block-title strong, 9083 .widget.widget-related .block-title strong { 9084 display: block; 9085 font-family: 'mothercare_2020-regular-webfont'; 9086 font-style: normal; 9087 font-weight: 400; 9088 font-size: 32px; 9089 color: #515759; 9090 margin: 0 !important; 9091 text-align: center; 9092 text-transform: lowercase 9093 } 9094 9095 @media screen and (max-width: 767px) { 9096 9097 .widget.widget-upsell .block-title strong, 9098 .widget.widget-related .block-title strong { 9099 font-size: 18px 9100 } 9101 } 9102 9103 .widget.widget-upsell .upsell.products-grid, 9104 .widget.widget-related .upsell.products-grid, 9105 .widget.widget-upsell .related.products-grid, 9106 .widget.widget-related .related.products-grid { 9107 overflow: inherit; 9108 padding-left: 50px; 9109 padding-right: 50px 9110 } 9111 9112 @media screen and (max-width: 767px) { 9113 9114 .widget.widget-upsell .upsell.products-grid, 9115 .widget.widget-related .upsell.products-grid, 9116 .widget.widget-upsell .related.products-grid, 9117 .widget.widget-related .related.products-grid { 9118 padding: 0 9119 } 9120 } 9121 9122 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items, 9123 .widget.widget-related .upsell.products-grid.slick-initialized>.product-items, 9124 .widget.widget-upsell .related.products-grid.slick-initialized>.product-items, 9125 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 9126 gap: 0; 9127 padding: 0; 9128 margin: 0 -25px; 9129 width: auto 9130 } 9131 9132 @media screen and (max-width: 767px) { 9133 9134 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items, 9135 .widget.widget-related .upsell.products-grid.slick-initialized>.product-items, 9136 .widget.widget-upsell .related.products-grid.slick-initialized>.product-items, 9137 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 9138 margin: 0 -15px 9139 } 9140 } 9141 9142 .widget.widget-upsell .upsell.products-grid .product-item, 9143 .widget.widget-related .upsell.products-grid .product-item, 9144 .widget.widget-upsell .related.products-grid .product-item, 9145 .widget.widget-related .related.products-grid .product-item { 9146 width: calc(100%/4 - 50px); 9147 max-width: 100%; 9148 margin: 0 25px 9149 } 9150 9151 @media screen and (max-width: 767px) { 9152 9153 .widget.widget-upsell .upsell.products-grid .product-item, 9154 .widget.widget-related .upsell.products-grid .product-item, 9155 .widget.widget-upsell .related.products-grid .product-item, 9156 .widget.widget-related .related.products-grid .product-item { 9157 margin: 0 15px; 9158 width: calc(100%/2 - 30px) 9159 } 9160 } 9161 9162 .widget.widget-upsell .upsell.products-grid .product-item-photo, 9163 .widget.widget-related .upsell.products-grid .product-item-photo, 9164 .widget.widget-upsell .related.products-grid .product-item-photo, 9165 .widget.widget-related .related.products-grid .product-item-photo { 9166 display: flex; 9167 justify-content: center; 9168 height: 100%; 9169 border-radius: 5px width:100%; 9170 } 9171 9172 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container, 9173 .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container, 9174 .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container, 9175 .widget.widget-related .related.products-grid .product-item-photo .product-image-container { 9176 width: 100% !important 9177 } 9178 9179 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img, 9180 .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img, 9181 .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img, 9182 .widget.widget-related .related.products-grid .product-item-photo .product-image-container img { 9183 height: 100%; 9184 object-fit: contain 9185 } 9186 9187 .widget.widget-upsell .upsell.products-grid .product-item-info, 9188 .widget.widget-related .upsell.products-grid .product-item-info, 9189 .widget.widget-upsell .related.products-grid .product-item-info, 9190 .widget.widget-related .related.products-grid .product-item-info { 9191 gap: 15px 9192 } 9193 9194 .widget.widget-upsell .product-items .product-item .item-img-box { 9195 position: relative; 9196 display: flex; 9197 justify-content: center; 9198 border: 1px solid #f4f1f1; 9199 align-items: center; 9200 height: 327px; 9201 } 9202 9203 .widget.widget-upsell .upsell.products-grid .product-item-details, 9204 .widget.widget-related .upsell.products-grid .product-item-details, 9205 .widget.widget-upsell .related.products-grid .product-item-details, 9206 .widget.widget-related .related.products-grid .product-item-details { 9207 flex-direction: column; 9208 text-align: center 9209 } 9210 9211 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name, 9212 .widget.widget-related .upsell.products-grid .product-item-details .product-item-name, 9213 .widget.widget-upsell .related.products-grid .product-item-details .product-item-name, 9214 .widget.widget-related .related.products-grid .product-item-details .product-item-name { 9215 max-width: 100%; 9216 /* height: 34px;*/ 9217 margin: 0 0 20px; 9218 margin-bottom: 0px !important; 9219 } 9220 9221 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link, 9222 .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link, 9223 .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link, 9224 .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link { 9225 font-style: normal; 9226 font-weight: 700; 9227 font-size: 12px; 9228 line-height: 150%; 9229 text-align: center; 9230 letter-spacing: -.011em; 9231 color: #515759; 9232 font-family: 'mothercare_2020-regular-webfont'; 9233 display: block 9234 } 9235 9236 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box, 9237 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box, 9238 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box, 9239 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box { 9240 flex-grow: 1; 9241 align-items: flex-end; 9242 display: flex 9243 } 9244 9245 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box, 9246 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box, 9247 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box, 9248 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box { 9249 font-family: Arial, Helvetica, sans-serif; 9250 display: block; 9251 text-align: center; 9252 flex-flow: wrap; 9253 max-width: 100%; 9254 width: 100%; 9255 margin: 0; 9256 justify-content: center 9257 } 9258 9259 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 9260 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 9261 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 9262 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 9263 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9264 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9265 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9266 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 9267 margin: 0 5px; 9268 text-decoration-color: #515759; 9269 width: 100%; 9270 text-align: center 9271 } 9272 9273 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 9274 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 9275 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 9276 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 9277 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 9278 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 9279 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 9280 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price { 9281 font-style: normal; 9282 font-weight: 700; 9283 font-size: 12px; 9284 line-height: 120%; 9285 color: #515759 9286 } 9287 9288 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 9289 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 9290 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 9291 .widget.widget-related .related.products-grid .product-item-details .carousel-price-bo
9291x .price-box .discount-percent { 9292 order: 3; 9293 background: #f24822; 9294 font-style: normal; 9295 font-weight: 400; 9296 font-size: 12px; 9297 line-height: 24px; 9298 letter-spacing: -.011em; 9299 color: #fff; 9300 padding: 0 4px; 9301 font-family: 'Arial' !important; 9302 margin-left: 5px; 9303 } 9304 9305 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9306 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9307 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9308 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9309 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 9310 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 9311 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 9312 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 9313 .widget.widget-upsell .upsell.products-grid .product-item-details .price { 9314 font-style: normal; 9315 font-weight: 700; 9316 font-size: 16px; 9317 line-height: 150%; 9318 letter-spacing: -.011em; 9319 color: #1e1e1e; 9320 } 9321 9322 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price, 9323 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price, 9324 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price, 9325 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price { 9326 font-style: normal; 9327 font-weight: 700; 9328 font-size: 14px; 9329 line-height: 120%; 9330 color: #c3c3c3; 9331 font-family: Arial, Helvetica, sans-serif 9332 } 9333 9334 .widget.widget-upsell .upsell.products-grid .product-item-details .check, 9335 .widget.widget-related .upsell.products-grid .product-item-details .check, 9336 .widget.widget-upsell .related.products-grid .product-item-details .check, 9337 .widget.widget-related .related.products-grid .product-item-details .check { 9338 margin-top: 16px 9339 } 9340 9341 .widget.widget-upsell .upsell.products-grid .product-item-details .check span, 9342 .widget.widget-related .upsell.products-grid .product-item-details .check span, 9343 .widget.widget-upsell .related.products-grid .product-item-details .check span, 9344 .widget.widget-related .related.products-grid .product-item-details .check span { 9345 font-style: normal; 9346 font-weight: 700; 9347 font-size: 10px; 9348 letter-spacing: -.011em; 9349 color: #1d1d1d; 9350 } 9351 9352 .widget.widget-upsell .upsell.products-grid .slick-arrow, 9353 .widget.widget-related .upsell.products-grid .slick-arrow, 9354 .widget.widget-upsell .related.products-grid .slick-arrow, 9355 .widget.widget-related .related.products-grid .slick-arrow { 9356 width: 40px; 9357 height: 40px; 9358 border: none; 9359 background-position: center; 9360 background-repeat: no-repeat 9361 } 9362 9363 @media screen and (max-width: 767px) { 9364 9365 .widget.widget-upsell .upsell.products-grid .slick-arrow, 9366 .widget.widget-related .upsell.products-grid .slick-arrow, 9367 .widget.widget-upsell .related.products-grid .slick-arrow, 9368 .widget.widget-related .related.products-grid .slick-arrow { 9369 display: none !important 9370 } 9371 } 9372 9373 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev, 9374 .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev, 9375 .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev, 9376 .widget.widget-related .related.products-grid .slick-arrow.slick-prev { 9377 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg); 9378 } 9379 9380 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next, 9381 .widget.widget-related .upsell.products-grid .slick-arrow.slick-next, 9382 .widget.widget-upsell .related.products-grid .slick-arrow.slick-next, 9383 .widget.widget-related .related.products-grid .slick-arrow.slick-next { 9384 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg); 9385 } 9386 9387 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box { 9388 display: flex; 9389 flex-flow: row wrap; 9390 justify-content: center; 9391 align-content: flex-end 9392 } 9393 9394 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed { 9395 width: 100% 9396 } 9397 9398 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price { 9399 text-decoration: unset 9400 } 9401 9402 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price { 9403 font-style: normal; 9404 font-weight: 700; 9405 font-size: 12px; 9406 line-height: 120%; 9407 color: #515759; 9408 text-decoration: line-through 9409 } 9410 9411 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent { 9412 width: auto; 9413 order: 3 9414 } 9415 9416 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent { 9417 padding: 2px 4px 9418 } 9419 9420 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main { 9421 margin-top: 4px; 9422 width: auto 9423 } 9424 9425 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price { 9426 font-size: 14px; 9427 font-weight: 700; 9428 color: #1e1e1e 9429 } 9430 9431 9432 9433 .widget.widget-crosssell, 9434 .widget.widget-related { 9435 padding-bottom: 40px; 9436 padding-top: 40px; 9437 margin-top: 0 !important 9438 } 9439 9440 .widget.widget-crosssell .block-title, 9441 .widget.widget-related .block-title { 9442 margin: 0 !important; 9443 padding: 0 0 40px !important 9444 } 9445 9446 .widget.widget-crosssell .block-title:before, 9447 .widget.widget-related .block-title:before { 9448 display: none !important 9449 } 9450 9451 .widget.widget-crosssell .block-title strong, 9452 .widget.widget-related .block-title strong { 9453 display: block; 9454 font-family: 'mothercare_2020-regular-webfont'; 9455 font-style: normal; 9456 font-weight: 400; 9457 font-size: 32px; 9458 color: #515759; 9459 margin: 0 !important; 9460 text-align: center; 9461 text-transform: lowercase 9462 } 9463 9464 @media screen and (max-width: 767px) { 9465 9466 .widget.widget-crosssell .block-title strong, 9467 .widget.widget-related .block-title strong { 9468 font-size: 18px 9469 } 9470 } 9471 9472 .widget.widget-crosssell .crosssell.products-grid, 9473 .widget.widget-related .crosssell.products-grid, 9474 .widget.widget-crosssell .related.products-grid, 9475 .widget.widget-related .related.products-grid { 9476 overflow: inherit; 9477 padding-left: 50px; 9478 padding-right: 50px 9479 } 9480 9481 @media screen and (max-width: 767px) { 9482 9483 .widget.widget-crosssell .crosssell.products-grid, 9484 .widget.widget-related .crosssell.products-grid, 9485 .widget.widget-crosssell .related.products-grid, 9486 .widget.widget-related .related.products-grid { 9487 padding: 0 9488 } 9489 } 9490 9491 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items, 9492 .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items, 9493 .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items, 9494 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 9495 gap: 0; 9496 padding: 0; 9497 margin: 0 -25px; 9498 width: auto 9499 } 9500 9501 @media screen and (max-width: 767px) { 9502 9503 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items, 9504 .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items, 9505 .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items, 9506 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 9507 margin: 0 -15px 9508 } 9509 } 9510 9511 .widget.widget-crosssell .crosssell.products-grid .product-item, 9512 .widget.widget-related .crosssell.products-grid .product-item, 9513 .widget.widget-crosssell .related.products-grid .product-item, 9514 .widget.widget-related .related.products-grid .product-item { 9515 width: calc(100%/4 - 50px); 9516 max-width: 100%; 9517 margin: 0 25px 9518 } 9519 9520 @media screen and (max-width: 767px) { 9521 9522 .widget.widget-crosssell .crosssell.products-grid .product-item, 9523 .widget.widget-related .crosssell.products-grid .product-item, 9524 .widget.widget-crosssell .related.products-grid .product-item, 9525 .widget.widget-related .related.products-grid .product-item { 9526 margin: 0 8px; 9527 width: calc(100%/2 - 30px) 9528 } 9529 } 9530 9531 .widget.widget-crosssell .crosssell.products-grid .product-item-photo, 9532 .widget.widget-related .crosssell.products-grid .product-item-photo, 9533 .widget.widget-crosssell .related.products-grid .product-item-photo, 9534 .widget.widget-related .related.products-grid .product-item-photo { 9535 display: flex; 9536 justify-content: center; 9537 height: auto; 9538 border-radius:
95385px width:100%; 9539 } 9540 9541 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container, 9542 .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container, 9543 .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container, 9544 .widget.widget-related .related.products-grid .product-item-photo .product-image-container { 9545 width: 100% !important 9546 } 9547 9548 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img, 9549 .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img, 9550 .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img, 9551 .widget.widget-related .related.products-grid .product-item-photo .product-image-container img { 9552 height: 100%; 9553 object-fit: cover; 9554 } 9555 9556 .widget.widget-crosssell .crosssell.products-grid .product-item-info, 9557 .widget.widget-related .crosssell.products-grid .product-item-info, 9558 .widget.widget-crosssell .related.products-grid .product-item-info, 9559 .widget.widget-related .related.products-grid .product-item-info { 9560 gap: 15px 9561 } 9562 9563 .widget.widget-crosssell .crosssell.products-grid .product-item-details, 9564 .widget.widget-related .crosssell.products-grid .product-item-details, 9565 .widget.widget-crosssell .related.products-grid .product-item-details, 9566 .widget.widget-related .related.products-grid .product-item-details { 9567 flex-direction: column; 9568 text-align: center 9569 } 9570 9571 .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name, 9572 .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name, 9573 .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name, 9574 .widget.widget-related .related.products-grid .product-item-details .product-item-name { 9575 max-width: 100%; 9576 height: 34px; 9577 margin: 0 0 20px 9578 } 9579 9580 .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link, 9581 .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link, 9582 .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link, 9583 .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link { 9584 font-style: normal !important; 9585 font-weight: 700 !important; 9586 font-size: 12px !important; 9587 line-height: 150% !important; 9588 text-align: center !important; 9589 letter-spacing: -.011em !important; 9590 color: #515759 !important; 9591 font-family: 'mothercare_2020-regular-webfont' !important; 9592 display: block !important; 9593 text-transform: unset !important; 9594 } 9595 9596 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box, 9597 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box, 9598 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box, 9599 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box { 9600 flex-grow: 1; 9601 align-items: flex-end; 9602 display: flex 9603 } 9604 9605 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box, 9606 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box, 9607 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box, 9608 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box { 9609 font-family: Arial, Helvetica, sans-serif; 9610 display: flex; 9611 flex-flow: wrap; 9612 max-width: 100%; 9613 width: 100%; 9614 margin: 0; 9615 justify-content: center 9616 } 9617 9618 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 9619 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 9620 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 9621 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 9622 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9623 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9624 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9625 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 9626 margin: 0 5px; 9627 text-decoration-color: #515759; 9628 width: 100%; 9629 text-align: center 9630 } 9631 9632 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 9633 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 9634 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 9635 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 9636 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 9637 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 9638 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 9639 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price { 9640 font-style: normal !important; 9641 font-weight: 700 !important; 9642 font-size: 12px !important; 9643 line-height: 120% !important; 9644 color: #515759 !important; 9645 } 9646 9647 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 9648 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 9649 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 9650 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent { 9651 order: 3; 9652 background: #f24822; 9653 font-style: normal; 9654 font-weight: 400; 9655 font-size: 12px; 9656 line-height: 24px; 9657 letter-spacing: -.011em; 9658 color: #fff; 9659 padding: 0 4px; 9660 margin-left: 5px; 9661 font-family: 'mothercare_2020-regular-webfont'; 9662 } 9663 9664 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9665 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9666 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9667 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9668 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 9669 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 9670 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 9671 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 9672 .widget.widget-crosssell .crosssell.products-grid .product-item-details .price { 9673 font-style: normal; 9674 font-weight: 700; 9675 font-size: 16px; 9676 line-height: 150%; 9677 letter-spacing: -.011em; 9678 color: #1e1e1e 9679 } 9680 9681 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price, 9682 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price, 9683 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price, 9684 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price { 9685 font-style: normal; 9686 font-weight: 700; 9687 font-size: 14px; 9688 line-height: 120%; 9689 color: #c3c3c3; 9690 font-family: Arial, Helvetica, sans-serif 9691 } 9692 9693 .widget.widget-crosssell .crosssell.products-grid .product-item-details .check, 9694 .widget.widget-related .crosssell.products-grid .product-item-details .check, 9695 .widget.widget-crosssell .related.products-grid .product-item-details .check, 9696 .widget.widget-related .related.products-grid .product-item-details .check { 9697 margin-top: 16px 9698 } 9699 9700 .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span, 9701 .widget.widget-related .crosssell.products-grid .product-item-details .check span, 9702 .widget.widget-crosssell .related.products-grid .product-item-details .check span, 9703 .widget.widget-related .related.products-grid .product-item-details .check span { 9704 font-style: normal; 9705 font-weight: 700; 9706 font-size: 10px; 9707 letter-spacing: -.011em; 9708 color: #1d1d1d; 9709 font-family: Arial, Helvetica Neue, Helvetica, sans-serif 9710 } 9711 9712 .widget.widget-crosssell .crosssell.products-grid .slick-arrow, 9713 .widget.widget-related .crosssell.products-grid .slick-arrow, 9714 .widget.widget-crosssell .related.products-grid .slick-arrow, 9715 .widget.widget-related .related.products-grid .slick-arrow { 9716 width: 40px !important; 9717 height: 40px !important; 9718 border: none !important; 9719 background-position: center !important; 9720 background-repeat: no-repeat !important; 9721 } 9722 9723 @media screen and (max-width: 767px) { 9724 9725 .widget.widget-crosssell .crosssell.products-grid .slick-arrow, 9726 .widget.widget-related .crosssell.products-grid .slick-arrow, 9727 .widget.widget-crosssell .related.products-grid .slick-arrow, 9728 .widget.widget-related .related.products-grid .slick-arrow { 9729 display: block !important 9730 } 9731 9732 .widget-crosssell .products-grid .slick-track { 9733
9733 overflow-x: auto; 9734 margin-top: 20px; 9735 } 9736 9737 .checkout-cart-index .column.main .block:not(.crosssell) .content { 9738 padding: 0px; 9739 } 9740 } 9741 9742 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev, 9743 .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev, 9744 .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev, 9745 .widget.widget-related .related.products-grid .slick-arrow.slick-prev { 9746 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) 9747 } 9748 9749 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next, 9750 .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next, 9751 .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next, 9752 .widget.widget-related .related.products-grid .slick-arrow.slick-next { 9753 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg); 9754 } 9755 9756 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box { 9757 display: flex; 9758 flex-flow: row wrap; 9759 justify-content: center; 9760 align-content: flex-end; 9761 height: 52px; 9762 } 9763 9764 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed { 9765 width: 100% 9766 } 9767 9768 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price { 9769 text-decoration: unset 9770 } 9771 9772 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price { 9773 font-style: normal; 9774 font-weight: 700; 9775 font-size: 12px; 9776 line-height: 120%; 9777 color: #515759; 9778 text-decoration: line-through 9779 } 9780 9781 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent { 9782 width: auto; 9783 order: 3 9784 } 9785 9786 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent { 9787 padding: 2px 4px 9788 } 9789 9790 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main { 9791 margin-top: 4px; 9792 width: auto 9793 } 9794 9795 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price { 9796 font-size: 14px; 9797 font-weight: 700; 9798 color: #1e1e1e 9799 } 9800 9801 .widget.widget-crosssell button.action.tocart.primary { 9802 background: #1f1c02; 9803 padding: 2px 15px; 9804 font-family: 'mothercare_2020-regular-webfont'; 9805 font-style: normal; 9806 font-weight: 700; 9807 font-size: 13px; 9808 color: #fff; 9809 letter-spacing: normal; 9810 border-radius: 5px; 9811 text-transform: none; 9812 width: calc(100% - 20px); 9813 } 9814 9815 .widget.widget-crosssell .actions-primary { 9816 position: absolute; 9817 left: 0; 9818 right: 0; 9819 bottom: 10px; 9820 text-align: center; 9821 z-index: 11; 9822 opacity: 0; 9823 visibility: hidden; 9824 transition: all 0.4s ease; 9825 } 9826 9827 .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary, 9828 .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary { 9829 opacity: 1;
9830 visibility: visible; 9831 } 9832 9833 .widget.widget-crosssell .product-items .product-item .item-img-box, 9834 .catalogsearch-result-index .product-items .product-item .item-img-box { 9835 position: relative; 9836 display: flex; 9837 justify-content: center; 9838 border: 1px solid #f4f1f1; 9839 align-items: center; 9840 height: 372px; 9841 } 9842 9843 9844 .widget.widget-crosssell .product-items { 9845 gap: var(--listing-grid-gap); 9846 row-gap: var(--listing-grid-row-gap); 9847 display: flex; 9848 flex-wrap: nowrap; 9849 overflow-x: auto; 9850 scroll-behavior: smooth; 9851 scroll-snap-type: none; 9852 -ms-overflow-style: none; 9853 scrollbar-width: none; 9854 } 9855 9856 9857 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next { 9858 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important; 9859 background-size: unset !important; 9860 } 9861 9862 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow { 9863 transform: unset !important; 9864 } 9865 9866 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev { 9867 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important; 9868 background-size: unset !important; 9869 } 9870 9871 9872 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next, 9873 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next { 9874 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important; 9875 } 9876 9877 9878 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev, 9879 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev { 9880 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important; 9881 } 9882 9883 .widget-upsell .product-items .product-item .product-item-photo { 9884 width: 325px; 9885 height: 325px !important; 9886 } 9887 9888 .widget-related .products-grid .product-item-photo .product-image-container { 9889 max-width: 325px; 9890 } 9891 9892 .widget-upsell .product-items .product-item .item-img-box { 9893 border: unset !important; 9894 } 9895 9896 @media(max-width:1280px) { 9897 .widget-upsell .product-items .product-item .item-img-box { 9898 height: unset; 9899 } 9900 } 9901 9902 .widget-related .product-items .product-item-details { 9903 flex: unset; 9904 } 9905 9906 9907 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 9908 border: unset !important; 9909 width: auto !important; 9910 margin: auto; 9911 } 9912 9913 .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo { 9914 border: unset !important; 9915 height: 325px !important; 9916 width: 325px; 9917 9918 } 9919 9920 @media(max-width:1080px) { 9921 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 9922 height: unset; 9923 } 9924 } 9925 9926 .widget.widget-upsell .upsell.products-grid .price-label, 9927 .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper, 9928 .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper, 9929 .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper { 9930 display: none; 9931 } 9932 9933 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item { 9934 padding-left: unset; 9935 padding-right: unset; 9936 } 9937 9938 9939 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price, 9940 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price, 9941 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price { 9942 text-decoration: line-through; 9943 } 9944 9945 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9946 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9947 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 9948 .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 9949 text-decoration: none; 9950 } 9951 9952 @media(max-width:768px) { 9953 9954 .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo, 9955 .widget-upsell .upsell.products-grid .product-item-photo { 9956 height: auto !important; 9957 } 9958 9959 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 9960 width: 100% !important; 9961 } 9962 9963 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item, 9964 .widget-upsell .upsell.products-grid .product-item { 9965 padding: unset; 9966 /* float: left !important; */ 9967 } 9968 9969 .widget.widget-upsell .product-items .product-item .item-img-box { 9970 height: auto !important; 9971 } 9972 9973 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow, 9974 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow { 9975 display: block !important; 9976 } 9977 9978 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
9979 width: 20px 9980 } 9981 9982 .products-widget-container .slick-track .slick-initialized .slick-slide { 9983 float: left !important; 9984 } 9985 9986 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name { 9987 margin: 0 0 10px; 9988 } 9989 9990 .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check { 9991 padding-top: 0; 9992 } 9993 9994 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check { 9995 margin-top: 8px; 9996 } 9997 9998 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 9999 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 10000 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 10001 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 10002 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 10003 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 10004 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 10005 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 10006 .widget.widget-upsell .upsell.products-grid .product-item-details .price { 10007 font-style: normal; 10008 font-weight: 700; 10009 font-size: 14px; 10010 line-height: 150%; 10011 letter-spacing: -.011em; 10012 color: #1e1e1e; 10013 } 10014 10015 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 10016 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 10017 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 10018 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 10019 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 10020 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 10021 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 10022 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 10023 .widget.widget-crosssell .crosssell.products-grid .product-item-details .price { 10024 font-style: normal; 10025 font-weight: 700; 10026 font-size: 14px; 10027 line-height: 150%; 10028 letter-spacing: -.011em; 10029 color: #1e1e1e; 10030 } 10031 10032 10033 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label { 10034 display: none; 10035 } 10036 10037 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info { 10038 height: auto !important; 10039 } 10040 10041 } 10042 10043 @media screen and (max-width: 500px) { 10044 10045 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name, 10046 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name { 10047 height: 36px; 10048 } 10049 10050 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price { 10051 margin: 0; 10052 text-decoration-color: #D9D9D6; 10053 width: 100%; 10054 text-align: center; 10055 } 10056 10057 .crosssell .product.details.product-item-details { 10058 flex: unset; 10059 } 10060 10061 .crosssell .slick-initialized .slick-slide { 10062 height: 100%; 10063 } 10064 10065 .widget-crosssell .products-grid .slick-slider .slick-list, 10066 .slick-slider .slick-track>.product-items { 10067 overflow: auto; 10068 /* Enable horizontal scrolling */ 10069 scroll-behavior: smooth; 10070 scroll-snap-type: x mandatory; 10071 /* Ensure smooth snapping */ 10072 } 10073 10074 .widget-crosssell .products-grid .slick-track { 10075 display: flex; 10076 flex-wrap: nowrap; 10077 width: auto !important; 10078 /* Ensure the width adjusts dynamically */ 10079 } 10080 10081 .widget-crosssell .products-grid .product-items { 10082 flex: 0 0 auto; 10083 /* Prevent items from shrinking or growing */ 10084 } 10085 10086 .widget.widget-upsell .products-grid.slick-initialized>.product-items { 10087 padding-bottom: 19px !important; 10088 scrollbar-width: thin !important; 10089 } 10090 10091 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 10092 border: unset !important; 10093 width: 118px !important; 10094 margin: auto; 10095 } 10096 10097 .widget.widget-upsell .upsell.products-grid .product-item { 10098 width: calc(100% / 2.5 - 30px); 10099 10100 10101 } 10102 10103 .widget.widget-upsell .block-title { 10104 margin: 0 !important; 10105 padding: 0 0 0px !important; 10106 } 10107 10108 .widget.widget-upsell .slick-list.products.list.items.product-items { 10109 padding-top: 20px !important; 10110 } 10111 10112 .widget.widget-upsell .upsell.products-grid .slick-arrow, 10113 .widget.widget-related .upsell.products-grid .slick-arrow, 10114 .widget.widget-upsell .related.products-grid .slick-arrow, 10115 .widget.widget-related .related.products-grid .slick-arrow { 10116 display: none !important; 10117 } 10118 10119 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name { 10120 margin-bottom: 10px !important; 10121 } 10122 10123 .widget-upsell .product-items .product-item-details { 10124 flex: unset; 10125 } 10126 10127 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img { 10128 aspect-ratio: 1; 10129 } 10130 10131 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link { 10132 overflow: hidden; 10133 display: -webkit-box; 10134 -webkit-line-clamp: 2; 10135 line-clamp: 2; 10136 -webkit-box-orient: vertical; 10137 } 10138 10139 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link { 10140 overflow: hidden; 10141 display: -webkit-box !important; 10142 -webkit-line-clamp: 2; 10143 line-clamp: 2 !important; 10144 -webkit-box-orient: vertical; 10145 height: 36px; 10146 } 10147 10148 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img { 10149 aspect-ratio: 1; 10150 } 10151 10152 } 10153 10154 10155 @media screen and (max-width: 390px) { 10156 10157 .widget.widget-upsell .products-grid.slick-initialized>.product-items { 10158 padding-bottom: 19px !important; 10159 scrollbar-width: thin !important; 10160 } 10161 10162 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price { 10163 margin: 0 5px; 10164 } 10165 10166 10167 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 10168 border: unset !important; 10169 width: 118px !important; 10170 margin: 0; 10171 } 10172 10173 .widget.widget-upsell .upsell.products-grid .slick-arrow, 10174 .widget.widget-related .upsell.products-grid .slick-arrow, 10175 .widget.widget-upsell .related.products-grid .slick-arrow, 10176 .widget.widget-related .related.products-grid .slick-arrow { 10177 display: none !important; 10178 } 10179 10180 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 10181 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 10182 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 10183 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 10184 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent { 10185 order: 3; 10186 background: #f24822; 10187 font-style: normal; 10188 font-weight: 400; 10189 font-size: 12px; 10190 line-height: 24px; 10191 letter-spacing: -.011em; 10192 color: #fff; 10193 padding: 0px 2px; 10194 font-family: 'Arial' !important; 10195 margin-left: 0px; 10196 } 10197 } 10198 10199 strong.product.name.product-item-name { 10200 overflow: hidden; 10201 } 10202 10203 strong.product.name.product-item-name { 10204 /* height: 87px; */ 10205 } 10206 10207 10208 li.item.product.product-item.slick-slide.slick-active { 10209 float: left !important; 10210 } 10211 10212 .products-widget-container .slick-track .slick-initialized .slick-slide { 10213 float: left !important; 10214 } 10215 10216 .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container { 10217 position: absolute; 10218 display: none !important; 10219 } 10220 10221 /* .checkout-cart-index .products-crosssell .product-item .product-item-info .product-image-container .amasty-label-container { 10222
10222 width: auto !important; 10223 }*/ 10224 .bt-seo-section { 10225 --bg1: #050505; 10226 --bg2: #420004; 10227 --card: rgba(24, 24, 24, 0.94); 10228 --line: rgba(255, 210, 28, 0.22); 10229 10230 --text: #ffffff; 10231 --muted: #e7d99a; 10232 10233 --accent1: #fff45c; 10234 --accent2: #ffd21c; 10235 --accent3: #e50914; 10236 --accent4: #8a0007; 10237 10238 --shadow: 10239 0 15px 40px rgba(0, 0, 0, 0.7), 10240 0 0 28px rgba(255, 25, 25, 0.2); 10241 10242 --glow: 10243 0 0 10px rgba(255, 208, 0, 0.55), 10244 0 0 20px rgba(255, 25, 25, 0.25); 10245 10246 position: relative; 10247 overflow: hidden; 10248 padding: 60px 20px; 10249 10250 background: 10251 radial-gradient(circle at top left, 10252 rgba(255, 208, 0, 0.18), 10253 transparent 32%), 10254 radial-gradient(circle at bottom right, 10255 rgba(229, 9, 20, 0.22), 10256 transparent 34%), 10257 radial-gradient(circle at 50% 0%, 10258 rgba(255, 255, 255, 0.06), 10259 transparent 38%), 10260 linear-gradient(135deg, 10261 var(--bg1) 0%, 10262 #171717 38%, 10263 var(--bg2) 72%, 10264 #080808 100%); 10265 10266 color: var(--text); 10267 font-family: Arial, sans-serif; 10268 10269 border-top: 1px solid rgba(255, 210, 28, 0.4); 10270 border-bottom: 1px solid rgba(255, 45, 45, 0.35); 10271 10272 box-shadow: 10273 inset 0 1px 0 rgba(255, 255, 255, 0.08), 10274 inset 0 -12px 30px rgba(0, 0, 0, 0.55); 10275 } 10276 10277 .bt-seo-section::before { 10278 content: ""; 10279 position: absolute; 10280 inset: 0; 10281 pointer-events: none; 10282 10283 background: 10284 linear-gradient(120deg, 10285 transparent 0%, 10286 rgba(255, 255, 255, 0.05) 25%, 10287 rgba(255, 210, 28, 0.1) 40%, 10288 transparent 65%); 10289 } 10290 10291 .bt-seo-section::after { 10292 content: ""; 10293 position: absolute; 10294 top: 0; 10295 left: 8%; 10296 right: 8%; 10297 height: 2px; 10298 pointer-events: none; 10299 10300 background: 10301 linear-gradient(to right, 10302 transparent, 10303 var(--accent1), 10304 var(--accent3), 10305 var(--accent1), 10306 transparent); 10307 10308 box-shadow: 10309 0 0 8px rgba(255, 208, 0, 0.75), 10310 0 0 15px rgba(255, 25, 25, 0.48); 10311 } 10312 10313 .bt-container { 10314 position: relative; 10315 z-index: 1; 10316 max-width: 1200px; 10317 margin: 0 auto; 10318 } 10319 10320 .bt-heading { 10321 text-align: center; 10322 margin-bottom: 35px; 10323 } 10324 10325 .bt-badge { 10326 display: inline-block; 10327 width: 100%; 10328 margin-bottom: 14px; 10329 padding: 8px 14px; 10330 10331 border: 1px solid rgba(255, 210, 28, 0.72); 10332 border-radius: 5px; 10333 10334 color: #080808; 10335 background: 10336 linear-gradient(180deg, 10337 #fff9a8 0%, 10338 var(--accent1) 38%, 10339 var(--accent2) 72%, 10340 #8a5a00 100%); 10341 10342 font-size: 12px; 10343 font-weight: 800; 10344 letter-spacing: 0.08em; 10345 text-transform: uppercase; 10346 10347 box-shadow: 10348 inset 0 1px 0 rgba(255, 255, 255, 0.85), 10349 inset 0 -3px 7px rgba(90, 45, 0, 0.48), 10350 0 0 12px rgba(255, 208, 0, 0.45), 10351 0 0 20px rgba(255, 25, 25, 0.15); 10352 10353 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45); 10354 } 10355 10356 .bt-heading h2 { 10357 margin: 0 0 14px; 10358 color: var(--accent1); 10359 font-size: 32px; 10360 line-height: 1.25; 10361 font-weight: 800; 10362 10363 text-shadow: 10364 0 2px 3px rgba(0, 0, 0, 0.95), 10365 0 0 10px rgba(255, 208, 0, 0.58), 10366 0 0 18px rgba(255, 25, 25, 0.2); 10367 } 10368 10369 .bt-heading p { 10370 max-width: 100% !important; 10371 width: 100%; 10372 margin: 19px auto; 10373 padding-bottom: 14px; 10374 10375 color: var(--muted); 10376 font-size: 15px; 10377 line-height: 1.8; 10378 text-align: justify;
10379 10380 border-bottom: 1px solid rgba(255, 210, 28, 0.38); 10381 10382 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85); 10383 } 10384 10385 .bt-heading a { 10386 color: var(--accent1); 10387 text-transform: uppercase; 10388 font-weight: 800; 10389 text-decoration-color: rgba(255, 210, 28, 0.72); 10390 10391 text-shadow: 10392 0 2px 2px rgba(0, 0, 0, 0.95), 10393 0 0 7px rgba(255, 208, 0, 0.52); 10394 } 10395 10396 .bt-heading a:hover { 10397 color: #ffffff; 10398 10399 text-shadow: 10400 0 0 8px rgba(255, 208, 0, 0.8), 10401 0 0 14px rgba(255, 25, 25, 0.35); 10402 } 10403 10404 .bt-grid { 10405 display: grid; 10406 grid-template-columns: 1fr 1fr; 10407 gap: 24px; 10408 } 10409 10410 .bt-box { 10411 position: relative; 10412 overflow: hidden; 10413 10414 background: 10415 radial-gradient(circle at 50% 0%, 10416 rgba(255, 210, 28, 0.12), 10417 transparent 42%), 10418 linear-gradient(145deg, 10419 rgba(35, 35, 35, 0.96) 0%, 10420 rgba(8, 8, 8, 0.98) 55%, 10421 rgba(64, 0, 4, 0.96) 100%); 10422 10423 border: 1px solid rgba(255, 210, 28, 0.42); 10424 border-radius: 22px; 10425 10426 box-shadow: 10427 inset 0 1px 0 rgba(255, 255, 255, 0.12), 10428 inset 0 -5px 14px rgba(0, 0, 0, 0.82), 10429 var(--shadow); 10430 10431 backdrop-filter: blur(10px); 10432 -webkit-backdrop-filter: blur(10px); 10433 } 10434 10435 .bt-box::before { 10436 content: ""; 10437 position: absolute; 10438 top: 0; 10439 left: 8%; 10440 right: 8%; 10441 height: 2px; 10442 pointer-events: none; 10443 10444 background: 10445 linear-gradient(to right, 10446 transparent, 10447 var(--accent1), 10448 var(--accent3), 10449 var(--accent1), 10450 transparent); 10451 10452 box-shadow: 10453 0 0 8px rgba(255, 208, 0, 0.72), 10454 0 0 14px rgba(255, 25, 25, 0.42); 10455 } 10456 10457 .bt-box-head { 10458 position: relative; 10459 z-index: 1; 10460 padding: 24px 24px 10px; 10461 } 10462 10463 .bt-box-head h3 { 10464 margin: 0 0 8px; 10465 color: var(--accent1); 10466 font-size: 24px; 10467 font-weight: 800; 10468 10469 text-shadow: 10470 0 2px 3px rgba(0, 0, 0, 0.95), 10471 0 0 8px rgba(255, 208, 0, 0.45); 10472 } 10473 10474 .bt-box-head p { 10475 margin: 0; 10476 color: var(--muted); 10477 font-size: 14px; 10478 line-height: 1.7; 10479 } 10480 10481 /* FAQ */ 10482 .bt-faq-list { 10483 position: relative; 10484 z-index: 1; 10485 padding: 10px 16px 20px; 10486 } 10487 10488 .bt-faq-item { 10489 margin: 0 0 12px; 10490 overflow: hidden; 10491 10492 border: 1px solid rgba(255, 210, 28, 0.28); 10493 border-radius: 16px; 10494 10495 background: 10496 linear-gradient(145deg, 10497 rgba(30, 30, 30, 0.96), 10498 rgba(8, 8, 8, 0.96) 58%, 10499 rgba(55, 0, 3, 0.92)); 10500 10501 box-shadow: 10502 inset 0 1px 0 rgba(255, 255, 255, 0.07), 10503 0 8px 18px rgba(0, 0, 0, 0.34); 10504 10505 transition: 10506 transform 0.3s ease, 10507 border-color 0.3s ease, 10508 box-shadow 0.3s ease, 10509 background 0.3s ease; 10510 } 10511 10512 .bt-faq-item:hover { 10513 transform: translateY(-2px); 10514 border-color: rgba(255, 225, 85, 0.58); 10515 10516 box-shadow: 10517 inset 0 1px 0 rgba(255, 255, 255, 0.1), 10518 0 10px 22px rgba(0, 0, 0, 0.48), 10519 0 0 13px rgba(255, 208, 0, 0.2); 10520 } 10521 10522 .bt-faq-item.active { 10523 border-color: rgba(255, 210, 28, 0.72); 10524 10525 background: 10526 linear-gradient(145deg, 10527 rgba(45, 45, 45, 0.98), 10528 rgba(12, 12, 12, 0.98) 50%, 10529 rgba(92, 0, 6, 0.96)); 10530 10531 box-shadow: 10532 inset 0 1px 0 rgba(255, 255, 255, 0.12), 10533 0 10px 30px rgba(0, 0, 0, 0.48), 10534 0 0 14px rgba(255, 208, 0, 0.3), 10535 0 0 22px rgba(255, 25, 25, 0.16); 10536 } 10537 10538 .bt-faq-question { 10539 width: 100%; 10540 padding: 18px; 10541 cursor: pointer; 10542 10543 display: flex; 10544 align-items: center; 10545 justify-content: space-between; 10546 10547 background: none; 10548 border: none; 10549 10550 color: var(--text); 10551 text-align: left; 10552 font-size: 15px; 10553 font-weight: 700; 10554 10555 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9); 10556 } 10557 10558 .bt-faq-question:hover { 10559 color: var(--accent1); 10560 } 10561 10562 .bt-faq-question i { 10563 flex: 0 0 auto; 10564 margin-left: 10px; 10565 10566 color: var(--accent1); 10567 font-style: normal; 10568 font-size: 22px; 10569 10570 text-shadow: 10571 0 0 7px rgba(255, 208, 0, 0.65), 10572 0 0 12px rgba(255, 25, 25, 0.2); 10573 10574 transition: 10575 transform 0.3s ease, 10576 color 0.3s ease; 10577 } 10578 10579 .bt-faq-item.active .bt-faq-question i { 10580 color: var(--accent3); 10581 transform: rotate(45deg); 10582 10583 text-shadow: 10584 0 0 8px rgba(255, 25, 25, 0.72), 10585 0 0 13px rgba(255, 208, 0, 0.25); 10586 } 10587 10588 .bt-faq-answer { 10589 max-height: 0; 10590 overflow: hidden; 10591 transition: max-height 0.35s ease; 10592 } 10593 10594 .bt-faq-answer p { 10595 margin: 0; 10596 padding: 0 18px 18px; 10597 10598 color: var(--muted); 10599 font-size: 14px; 10600 line-height: 1.8; 10601 10602 border-top: 1px solid rgba(255, 210, 28, 0.12); 10603 padding-top: 15px; 10604 } 10605 10606 @media (max-width: 768px) { 10607 .bt-heading { 10608 margin-bottom: 25px; 10609 } 10610 10611 .bt-heading h2 { 10612 font-size: 25px; 10613 } 10614 10615 .bt-grid { 10616 grid-template-columns: 1fr; 10617 gap: 18px;
10618 } 10619 10620 .bt-box { 10621 border-radius: 18px; 10622 } 10623 10624 .bt-box-head { 10625 padding: 20px 18px 8px; 10626 } 10627 10628 .bt-box-head h3 { 10629 font-size: 21px; 10630 } 10631 10632 .bt-faq-list { 10633 padding: 10px 12px 16px; 10634 } 10635 } 10636 10637 @media (max-width: 480px) { 10638 .bt-heading h2 { 10639 font-size: 22px; 10640 } 10641 10642 .bt-heading p { 10643 font-size: 14px; 10644 } 10645 10646 .bt-faq-question { 10647 padding: 15px; 10648 font-size: 14px; 10649 } 10650 10651 .bt-faq-answer p { 10652 padding: 14px 15px 16px; 10653 font-size: 13px; 10654 } 10655 } 10656 10657 /* Reviews */ 10658 .bt-review-slider { 10659 padding: 10px 16px 20px; 10660 } 10661 10662 .bt-review-track { 10663 position: relative; 10664 min-height: 240px; 10665 } 10666 10667 .bt-review-card { 10668 display: none; 10669 border: 3px solid var(--line); 10670 border-radius: 18px; 10671 padding: 20px; 10672 background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02)); 10673 animation: btFade .45s ease; 10674 } 10675 10676 .bt-review-card.active { 10677 display: block; 10678 } 10679 10680 .bt-review-top { 10681 display: flex; 10682 align-items: center; 10683 justify-content: space-between; 10684 gap: 12px; 10685 margin-bottom: 14px; 10686 } 10687 10688 .bt-review-top h4 { 10689 margin: 0 0 4px; 10690 font-size: 18px; 10691 font-weight: 800; 10692 } 10693 10694 .bt-review-top span { 10695 font-size: 12px; 10696 color: var(--accent3); 10697 font-weight: 700; 10698 } 10699 10700 .bt-stars { 10701 font-size: 16px; 10702 letter-spacing: 2px; 10703 color: var(--accent1); 10704 white-space: nowrap; 10705 } 10706 10707 .bt-review-card p { 10708 margin: 0; 10709 color: var(--muted); 10710 font-size: 14px; 10711 line-height: 1.9; 10712 } 10713 10714 .bt-review-nav { 10715 display: flex; 10716 align-items: center; 10717 justify-content: center; 10718 gap: 12px; 10719 margin-top: 18px;
10720 } 10721 10722 .bt-nav-btn { 10723 width: 42px; 10724 height: 42px; 10725 border: none; 10726 border-radius: 50%; 10727 cursor: pointer; 10728 font-size: 24px; 10729 line-height: 1; 10730 color: #111; 10731 background: linear-gradient(135deg, var(--accent1), var(--accent2)); 10732 box-shadow: 0 10px 25px rgba(0, 0, 0, .25); 10733 } 10734 10735 .bt-dots { 10736 display: flex; 10737 gap: 8px; 10738 } 10739 10740 .bt-dot { 10741 width: 10px; 10742 height: 10px; 10743 border-radius: 50%; 10744 background: rgba(255, 255, 255, .25); 10745 cursor: pointer; 10746 transition: .3s ease; 10747 } 10748 10749 .bt-dot.active { 10750 width: 28px; 10751 border-radius: 999px; 10752 background: linear-gradient(90deg, var(--accent1), var(--accent2)); 10753 } 10754 10755 @keyframes btFade { 10756 from { 10757 opacity: 0; 10758 transform: translateY(8px); 10759 } 10760 10761 to { 10762 opacity: 1; 10763 transform: translateY(0); 10764 } 10765 } 10766 10767 @media (max-width: 991px) { 10768 .bt-grid { 10769 grid-template-columns: 1fr; 10770 } 10771 10772 .bt-heading h2 { 10773 font-size: 26px; 10774 } 10775 } 10776 10777 @media (max-width: 575px) { 10778 .bt-seo-section { 10779 padding: 45px 14px; 10780 } 10781 10782 .bt-heading h2 { 10783 font-size: 22px; 10784 } 10785 10786 .bt-box-head { 10787 padding: 20px 18px 8px; 10788 } 10789 10790 .bt-box-head h3 { 10791 font-size: 20px; 10792 } 10793 10794 .bt-faq-question { 10795 font-size: 14px; 10796 padding: 16px; 10797 } 10798 10799 .bt-faq-answer p, 10800 .bt-review-card p, 10801 .bt-box-head p, 10802 .bt-heading p { 10803 font-size: 13px; 10804 } 10805 10806 .content-text, 10807 .post-content p { 10808 max-width: 100% !important; 10809 width: 100% !important; 10810 margin: 0 auto; 10811 text-align: center; 10812 /* kalau mau tetap rata tengah */ 10813 line-height: 1.7; 10814 } 10815 10816 .bt-review-track { 10817 min-height: 270px; 10818 } 10819 } 10820 </style> 10821 <section class="bt-seo-section" id="faq-review-KIT4D"> 10822 <div class="bt-container"> 10823 <div class="bt-heading">
10824 <span class="bt-badge">Tentang KIT4D</span> 10825 <h2>KIT4D ➊Platform Toto Slot Eksklusif 2026 Gampang Jackpot</h2> 10826 <p data-start="0" data-end="698">Mencantumkan tahun 2026 memberikan kesan bahwa 10827 platform KIT4D adalah yang paling update, modern, dan memiliki sistem 10828 terbaru.</p> 10829 <div class="bt-grid"> 10830 10831 <!-- FAQ --> 10832 <div class="bt-box bt-faq-box"> 10833 <div class="bt-box-head"> 10834 <h3>FAQ KIT4D - TOTO, SLOT, TOTOSLOT & TOTO SLOT GACOR 2026 10835 </h3> 10836 <p>Informasi KIT4D Login, KIT4D Daftar & Toto Slot Terpercaya 10837 </p> 10838 </div> 10839 10840 <div class="bt-faq-list"> 10841 10842 <div class="bt-faq-item active"> 10843 <button class="bt-faq-question" type="button"> 10844 <span>Apa itu platform TOTO SLOT KIT4D?</span> 10845 <i>+</i> 10846 </button> 10847 <div class="bt-faq-answer" style="max-height: 136px;"> 10848 <p> 10849 KIT4D merupakan platform TOTO SLOT eksklusif 2026 10850 yang menghadirkan tampilan modern, sistem terbaru, 10851 serta akses praktis menuju berbagai informasi TOTO, 10852 SLOT, TOTOSLOT, dan TOTO SLOT dalam satu platform. 10853 </p> 10854 </div> 10855 </div> 10856 10857 <div class="bt-faq-item"> 10858 <button class="bt-faq-question" type="button"> 10859 <span>Apa keunggulan platform KIT4D pada tahun 10860 2026?</span> 10861 <i>+</i> 10862 </button> 10863 <div class="bt-faq-answer"> 10864 <p> 10865 KIT4D mengusung sistem yang lebih update, modern, 10866 dan responsif sehingga pengguna dapat menemukan 10867 informasi TOTO SLOT GACOR, fitur terbaru, serta 10868 layanan platform dengan navigasi yang mudah dipahami. 10869 </p> 10870 </div> 10871 </div> 10872 10873 <div class="bt-faq-item"> 10874 <button class="bt-faq-question" type="button"> 10875 <span>Bagaimana cara menggunakan KIT4D LOGIN?</span> 10876 <i>+</i> 10877 </button> 10878 <div class="bt-faq-answer"> 10879 <p> 10880 Pengguna dapat memilih menu KIT4D LOGIN yang tersedia 10881 pada halaman utama. Pastikan data akun telah sesuai 10882 agar proses masuk ke platform KIT 4D dapat dilakukan 10883 dengan lebih cepat, aman, dan stabil. 10884 </p> 10885 </div> 10886 </div> 10887 10888 <div class="bt-faq-item"> 10889 <button class="bt-faq-question" type="button">
10890 <span>Bagaimana cara menggunakan fitur KIT4D 10891 DAFTAR?</span> 10892 <i>+</i> 10893 </button> 10894 <div class="bt-faq-answer"> 10895 <p> 10896 Fitur KIT4D DAFTAR dapat ditemukan melalui tombol 10897 pendaftaran pada halaman utama. Pengguna cukup 10898 mengikuti setiap tahapan yang tersedia dan memastikan 10899 seluruh informasi yang dimasukkan sudah benar. 10900 </p> 10901 </div> 10902 </div> 10903 10904 <div class="bt-faq-item"> 10905 <button class="bt-faq-question" type="button"> 10906 <span>Informasi apa saja yang tersedia di platform 10907 KIT4D?</span> 10908 <i>+</i> 10909 </button> 10910 <div class="bt-faq-answer"> 10911 <p> 10912 KIT4D menyediakan informasi mengenai TOTO SLOT GACOR, 10913 TOTO SLOT RESMI, TOTO SLOT TERPERCAYA, pembaruan 10914 sistem, fitur platform, akses KIT4D LOGIN, serta 10915 layanan KIT4D DAFTAR yang disusun agar mudah ditelusuri. 10916 </p> 10917 </div> 10918 </div> 10919 </div> 10920 </div> 10921 10922 <!-- REVIEW --> 10923 10924 10925 10926 <style> 10927 .testimoni-wrapper { 10928 position: relative; 10929 max-width: 720px; 10930 margin: 35px auto; 10931 padding: 22px; 10932 overflow: hidden; 10933 border-radius: 18px; 10934 10935 background: 10936 radial-gradient(circle at 50% 0%, 10937 rgba(255, 210, 28, 0.16), 10938 transparent 42%), 10939 linear-gradient(145deg, 10940 #050505 0%, 10941 #181818 38%, 10942 #4a0004 72%, 10943 #090909 100%); 10944 10945 border: 1px solid rgba(255, 210, 28, 0.62); 10946 10947 box-shadow: 10948 inset 0 1px 0 rgba(255, 255, 255, 0.15), 10949 inset 0 -5px 14px rgba(0, 0, 0, 0.85), 10950 0 0 18px rgba(255, 208, 0, 0.36), 10951 0 0 30px rgba(255, 25, 25, 0.24); 10952 10953 font-family: Arial, sans-serif; 10954 color: #ffffff; 10955 } 10956 10957 .testimoni-wrapper::before { 10958 content: ""; 10959 position: absolute; 10960 inset: 0; 10961 pointer-events: none; 10962 10963 background: 10964 linear-gradient(120deg, 10965 transparent 0%, 10966 rgba(255, 255, 255, 0.07) 25%, 10967 rgba(255, 210, 28, 0.1
10967) 40%, 10968 transparent 68%); 10969 } 10970 10971 .testimoni-wrapper::after { 10972 content: ""; 10973 position: absolute; 10974 top: 0; 10975 left: 8%; 10976 right: 8%; 10977 height: 2px; 10978 pointer-events: none; 10979 10980 background: 10981 linear-gradient(to right, 10982 transparent, 10983 #fff45c, 10984 #ff2b23, 10985 #fff45c, 10986 transparent); 10987 10988 box-shadow: 10989 0 0 8px rgba(255, 208, 0, 0.75), 10990 0 0 14px rgba(255, 25, 25, 0.45); 10991 } 10992 10993 .testimoni-wrapper h3 { 10994 position: relative; 10995 z-index: 3; 10996 text-align: center; 10997 margin: 0 0 20px; 10998 font-size: 20px; 10999 color: #fff45c; 11000 letter-spacing: 1px; 11001 text-transform: uppercase; 11002 11003 text-shadow: 11004 0 2px 3px rgba(0, 0, 0, 0.95), 11005 0 0 9px rgba(255, 208, 0, 0.7), 11006 0 0 16px rgba(255, 25, 25, 0.25); 11007 } 11008 11009 .testimoni-box { 11010 height: 360px; 11011 overflow: hidden; 11012 position: relative; 11013 z-index: 1; 11014 border-radius: 14px; 11015 } 11016 11017 .testimoni-box::before, 11018 .testimoni-box::after { 11019 content: ""; 11020 position: absolute; 11021 left: 0; 11022 width: 100%; 11023 height: 48px; 11024 z-index: 2; 11025 pointer-events: none; 11026 } 11027 11028 .testimoni-box::before { 11029 top: 0; 11030 background: 11031 linear-gradient(to bottom, 11032 #101010 0%, 11033 rgba(16, 16, 16, 0.88) 35%, 11034 transparent 100%); 11035 } 11036 11037 .testimoni-box::after { 11038 bottom: 0; 11039 background: 11040 linear-gradient(to top, 11041 #250002 0%, 11042 rgba(37, 0, 2, 0.88) 35%, 11043 transparent 100%); 11044 } 11045 11046 .testimoni-list { 11047 display: flex; 11048 flex-direction: column; 11049 gap: 14px; 11050 animation: scrollUp 18s linear infinite; 11051 will-change: transform; 11052 } 11053 11054 .testimoni-box:hover .testimoni-list { 11055 animation-play-state: paused; 11056 } 11057 11058 .testimoni-item { 11059 position: relative; 11060 padding: 16px; 11061 border-radius: 14px; 11062 11063 background: 11064 linear-gradient(145deg, 11065 rgba(35, 35, 35, 0.98), 11066 rgba(12, 12, 12, 0.98) 5
110665%, 11067 rgba(67, 0, 4, 0.96) 100%); 11068 11069 border: 1px solid rgba(255, 210, 28, 0.3); 11070 11071 box-shadow: 11072 inset 0 1px 0 rgba(255, 255, 255, 0.08), 11073 0 8px 18px rgba(0, 0, 0, 0.48), 11074 0 0 12px rgba(255, 208, 0, 0.12); 11075 11076 transition: 11077 transform 0.25s ease, 11078 border-color 0.25s ease, 11079 box-shadow 0.25s ease; 11080 } 11081 11082 .testimoni-item:hover { 11083 transform: translateY(-2px); 11084 border-color: rgba(255, 225, 85, 0.65); 11085 11086 box-shadow: 11087 inset 0 1px 0 rgba(255, 255, 255, 0.12), 11088 0 10px 22px rgba(0, 0, 0, 0.55), 11089 0 0 16px rgba(255, 208, 0, 0.25), 11090 0 0 24px rgba(255, 25, 25, 0.15); 11091 } 11092 11093 .testimoni-top { 11094 display: flex; 11095 align-items: center; 11096 justify-content: space-between; 11097 margin-bottom: 12px; 11098 gap: 10px; 11099 } 11100 11101 .testimoni-user { 11102 display: flex; 11103 align-items: center; 11104 gap: 10px; 11105 } 11106 11107 .testimoni-avatar { 11108 width: 42px; 11109 height: 42px; 11110 border-radius: 50%; 11111 11112 background: 11113 linear-gradient(145deg, 11114 #fff9a8 0%, 11115 #ffd21c 40%, 11116 #e7a900 72%, 11117 #8a5a00 100%); 11118 11119 display: flex; 11120 align-items: center; 11121 justify-content: center; 11122 11123 font-weight: 800; 11124 color: #080808; 11125 11126 border: 1px solid rgba(255, 246, 140, 0.92); 11127 11128 box-shadow: 11129 inset 0 2px 0 rgba(255, 255, 255, 0.85), 11130 inset 0 -3px 6px rgba(90, 45, 0, 0.45), 11131 0 0 10px rgba(255, 208, 0, 0.65), 11132 0 0 16px rgba(255, 25, 25, 0.18); 11133 11134 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45); 11135 } 11136 11137 .testimoni-name { 11138 font-size: 15px; 11139 font-weight: 700; 11140 color: #ffffff; 11141 11142 text-shadow: 11143 0 1px 2px rgba(0, 0, 0, 0.95), 11144 0 0 6px rgba(255, 255, 255, 0.08); 11145 } 11146 11147 .testimoni-status { 11148 font-size: 12px; 11149 color: #ffd76a; 11150 margin-top: 2px; 11151 } 11152 11153 .testimoni-stars { 11154 color: #fff45c; 11155 font-size: 14px; 11156 white-space: nowrap; 11157 11158 text-shadow: 11159 0 1px 2px rgba(0, 0, 0, 0.95), 11160 0 0 7px rgba(255, 208, 0, 0.7), 11161 0 0 12px rgba(255, 25, 25, 0.2); 11162 } 11163 11164 .testimoni-text { 11165 font-size: 14px; 11166 line-height: 1.6; 11167 color: #f0f0f0; 11168 margin: 0; 11169 11170 text-shadow: 11171 0 1px 2px rgba(0, 0, 0, 0.85); 11172 } 11173 11174 @keyframes scrollUp { 11175 0% { 11176 transform: translateY(0); 11177 } 11178 11179 100% { 11180 transform: translateY(-50%); 11181 } 11182 } 11183 11184 @media (max-width: 600px) { 11185 .testimoni-wrapper { 11186 margin: 25px 12px; 11187 padding: 16px; 11188 border-radius: 16px; 11189 } 11190 11191 .testimoni-wrapper h3 { 11192 font-size: 17px; 11193 } 11194 11195 .testimoni-box { 11196 height: 330px; 11197 } 11198 11199 .testimoni-item { 11200 padding: 14px; 11201 } 11202 11203 .testimoni-top { 11204 align-items: flex-start; 11205 flex-direction: column; 11206 } 11207 } 11208 11209 @media (prefers-reduced-motion: reduce) { 11210 .testimoni-list { 11211 animation: none; 11212 } 11213 11214 .testimoni-box { 11215 height: auto; 11216 overflow: visible; 11217 } 11218 11219 .testimoni-box::before, 11220 .testimoni-box::after { 11221 display: none; 11222 } 11223 } 11224 </style> 11225 11226 <div class="rb-premium-box"> 11227 <div class="rb-premium-head"> 11228 <h3>Informasi Lengkap KIT4D</h3> 11229 <div class="rb-premium-line"></div> 11230 </div> 11231 11232 <table class="rb-premium-table"> 11233 <tbody> 11234 <tr> 11235 <td class="label">Nama</td> 11236 <td class="value"><span class="rb-badge-gold">KIT4D</span> 11237 </td> 11238 </tr> 11239 <tr> 11240 <td class="label">Kategori</td> 11241 <td class="value">TOTO, SLOT, TOTOSLOT & TOTO SLOT GACOR 11242 </td> 11243 </tr> 11244 <tr> 11245 <td class="label">Layanan</td> 11246 <td class="value">KIT4D LOGIN, KIT4D DAFTAR, TOTO SLOT 11247 RESMI, 11248 TOTO SLOT TERPERCAYA</td> 11249 </tr> 11250 <tr> 11251 <td class="label">Metode</td> 11252 <td class="value">Transfer Bank, E-Wallet, QRIS</td> 11253 </tr> 11254 <tr> 11255 <td class="label">Mulai Dari</td> 11256 <td class="value"><span class="rb-badge-gold">IDR 11257 10.000</span></td> 11258 </tr> 11259 <tr> 11260 <td class="label">Rating</td> 11261 <td class="value"> 11262 <sp
11262an class="rb-rating">â 4.9 / 5</span><br> 11263 <small style="color:#b8b8b8;">8,748,168 ulasan 11264 pengguna</small> 11265 </td> 11266 </tr> 11267 </tbody> 11268 </table> 11269 </div> 11270 </div> 11271 </div> 11272 </div> 11273 </section> 11274
11274<script> 11275 document.addEventListener("DOMContentLoaded", function () { 11276 // FAQ Accordion 11277 const faqItems = document.querySelectorAll(".bt-faq-item"); 11278 11279 faqItems.forEach((item) => { 11280 const btn = item.querySelector(".bt-faq-question"); 11281 const answer = item.querySelector(".bt-faq-answer"); 11282 11283 if (item.classList.contains("active")) { 11284 answer.style.maxHeight = answer.scrollHeight + "px"; 11285 } 11286 11287 btn.addEventListener("click", () => { 11288 const isActive = item.classList.contains("active"); 11289 11290 faqItems.forEach((el) => { 11291 el.classList.remove("active"); 11292 el.querySelector(".bt-faq-answer").style.maxHeight = null; 11293 }); 11294 11295 if (!isActive) { 11296 item.classList.add("active"); 11297 answer.style.maxHeight = answer.scrollHeight + "px"; 11298 } 11299 }); 11300 }); 11301 11302 // Review Slider 11303 const cards = document.querySelectorAll(".bt-review-card"); 11304 const dotsWrap = document.querySelector(".bt-dots"); 11305 const prevBtn = document.querySelector(".bt-nav-btn.prev"); 11306 const nextBtn = document.querySelector(".bt-nav-btn.next"); 11307 let current = 0; 11308 let autoSlide; 11309 11310 function createDots() { 11311 cards.forEach((_, index) => { 11312 const dot = document.createElement("button"); 11313 dot.className = "bt-dot" + (index === 0 ? " active" : ""); 11314 dot.setAttribute("type", "button"); 11315 dot.setAttribute("aria-label", "Go to review " + (index + 1)); 11316 dot.addEventListener("click", () => { 11317 current = index; 11318 showSlide(current); 11319 restartAutoSlide(); 11320 }); 11321 dotsWrap.appendChild(dot); 11322 }); 11323 } 11324 11325 function showSlide(index) { 11326 cards.forEach((card, i) => { 11327 card.classList.toggle("active", i === index); 11328 }); 11329 11330 const dots = document.querySelectorAll(".bt-dot"); 11331 dots.forEach((dot, i) => { 11332 dot.classList.toggle("active", i === index); 11333 }); 11334 } 11335 11336 function nextSlide() { 11337 current = (current + 1) % cards.length; 11338 showSlide(current); 11339 } 11340 11341 function prevSlide() { 11342 current = (current - 1 + cards.length) % cards.length; 11343 showSlide(current); 11344 } 11345 11346 function startAutoSlide() { 11347 autoSlide = setInterval(nextSlide, 4000); 11348 } 11349 11350 function restartAutoSlide() { 11351 clearInterval(autoSlide); 11352 startAutoSlide(); 11353 } 11354 11355 nextBtn.addEventListener("click", () => { 11356 nextSlide(); 11357 restartAutoSlide(); 11358 }); 11359 11360 prevBtn.addEventListener("click", () => { 11361 prevSlide(); 11362 restartAutoSlide(); 11363 }); 11364 11365 createDots(); 11366 showSlide(current); 11367 startAutoSlide(); 11368 }); 11369 </script>
11369 11370 <div class="block widget widget-recent" data-bind=" 11371 scope: 'catalog.product.viewed', 11372 css: options.additionalClasses, 11373 visible: visible 11374"><!-- ko template: { if: visible, name: 'recent-products' } --><!-- /ko --></div> 11375 11376 11377
11377<script id="recent-products" type="text/x-magento-template"> 11378 <div class="block-title"> 11379 <strong role="heading" aria-level="2" data-bind="text: options.title"></strong> 11380 </div> 11381 <div class="block-content"> 11382 <div class="recent" data-content-type="slider" 11383 data-mage-init='{"Magento_PageBuilder/js/content-type/slider/appearance/default/widget":{"arrows": true, "dots": false}}' 11384 data-bind="css: 'products-' + options.displayMode"> 11385 <ol class="slick-list product-items" data-bind="foreach: items"> 11386 <li class="product-item"> 11387 <div class="product-item-info"> 11388 <a class="product-item-photo" data-bind=" 11389 attr: { href: url, title: name }, 11390 template: { name: 'productImage', data: $parent.getImageData($data) } 11391 "></a> 11392 11393 <div class="product-item-details"> 11394 <strong class="product-item-name"> 11395 <a data-bind="attr: { href: url }" class="product-item-link"> 11396 <span data-bind="html: name"></span> 11397 </a> 11398 </strong> 11399 11400 <div class="carousel-price-box"> 11401 <!-- ko if:$parent.getRegularPriceHtml($data) --> 11402 <div class="price-box crossed" data-bind="html: $parent.getRegularPriceHtml($data)"></div> 11403 <div class="price-box percent" data-bind="html: $parent.getDiscountPercentage($data)"></div> 11404 <!-- /ko --> 11405 <div class="price-box main" data-bind="html: $parent.getPriceHtml($data)"></div> 11406 </div> 11407 11408 <div class="product-item-actions"> 11409 11410 </div> 11411 11412 <div class="product-item-description"> 11413 <div data-bind="html: $parent.getAdditionalContent($data, $element)"></div> 11414 11415 </div> 11416 </div> 11417 </div> 11418 </li> 11419 </ol> 11420 </div> 11421 </div> 11422</script>
11422 11423 11424
11424<script type="text/x-magento-init" data-breeze-processed="true"> 11425 { 11426 "*": { 11427 "amInitLabelUi": {"scope":"website","productsLifetime":1000} } 11428 } 11429</script>
11429 11430 </div> 11431 11432 11433 <!--
11433<script type="text/javascript"> 11434 require(['jquery', 'jquery/ui', 'slick'], function($) { 11435 $(document).ready(function() { 11436 if ($('body').hasClass('checkout-cart-index')) { 11437 $(".widget.widget-crosssell .product-items").slick({ 11438 dots: false, 11439 arrows: true, // Show arrows for larger screens 11440 infinite: false, 11441 slidesToShow: 4, 11442 slidesToScroll: 1, 11443 responsive: [ 11444 { 11445 breakpoint: 1024, 11446 settings: { 11447 slidesToShow: 3, 11448 slidesToScroll: 1, 11449 } 11450 }, 11451 { 11452 breakpoint: 600, 11453 settings: { 11454 slidesToShow: 3, 11455 slidesToScroll: 1 11456 } 11457 }, 11458 { 11459 breakpoint: 480, 11460 settings: { 11461 slidesToShow: 2.5, 11462 slidesToScroll: 1, 11463 arrows: false 11464 } 11465 }, 11466 { 11467 breakpoint: 430, 11468 settings: { 11469 slidesToShow: 2.5, 11470 slidesToScroll: 1, 11471 arrows: false 11472 } 11473 }, 11474 { 11475 breakpoint: 390, 11476 settings: { 11477 slidesToShow: 2.5, 11478 slidesToScroll: 1, 11479 arrows: false // Hide arrows for mobile sizes 11480 } 11481 }, 11482 { 11483 breakpoint: 375, 11484 settings: { 11485 slidesToShow: 2.5, 11486 slidesToScroll: 1, 11487 arrows: false // Hide arrows for mobile sizes 11488 } 11489 } 11490 ] 11491 }); 11492 } 11493 }); 11494 }); 11495</script>
11495 --> 11496 11497 11498 11499 11500 <style type="text/css"> 11501 .widget.widget-upsell, 11502 .widget.widget-related { 11503 padding-bottom: 40px; 11504 padding-top: 40px; 11505 margin-top: 0 !important 11506 } 11507 11508 .widget.widget-upsell .block-title, 11509 .widget.widget-related .block-title { 11510 margin: 0 !important; 11511 padding: 0 0 40px !important 11512 } 11513 11514 .widget.widget-upsell .block-title:before, 11515 .widget.widget-related .block-title:before { 11516 display: none !important 11517 } 11518 11519 .widget.widget-upsell .block-title strong, 11520 .widget.widget-related .block-title strong { 11521 display: block; 11522 font-family: 'mothercare_2020-regular-webfont'; 11523 font-style: normal; 11524 font-weight: 400; 11525 font-size: 32px; 11526 color: #515759; 11527 margin: 0 !important; 11528 text-align: center; 11529 text-transform: lowercase 11530 } 11531 11532 @media screen and (max-width: 767px) { 11533 11534 .widget.widget-upsell .block-title strong, 11535 .widget.widget-related .block-title strong { 11536 font-size: 18px 11537 } 11538 } 11539 11540 .widget.widget-upsell .upsell.products-grid, 11541 .widget.widget-related .upsell.products-grid, 11542 .widget.widget-upsell .related.products-grid, 11543 .widget.widget-related .related.products-grid { 11544 overflow: inherit; 11545 padding-left: 50px; 11546 padding-right: 50px 11547 } 11548 11549 @media screen and (max-width: 767px) { 11550 11551 .widget.widget-upsell .upsell.products-grid, 11552 .widget.widget-related .upsell.products-grid, 11553 .widget.widget-upsell .related.products-grid, 11554 .widget.widget-related .related.products-grid { 11555 padding: 0 11556 } 11557 } 11558 11559 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items, 11560 .widget.widget-related .upsell.products-grid.slick-initialized>.product-items, 11561 .widget.widget-upsell .related.products-grid.slick-initialized>.product-items, 11562 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 11563 gap: 0; 11564 padding: 0; 11565 margin: 0 -25px; 11566 width: auto 11567 } 11568 11569 @media screen and (max-width: 767px) { 11570 11571 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items, 11572 .widget.widget-related .upsell.products-grid.slick-initialized>.product-items, 11573 .widget.widget-upsell .related.products-grid.slick-initialized>.product-items, 11574 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 11575 margin: 0 -15px 11576 } 11577 } 11578 11579 .widget.widget-upsell .upsell.products-grid .product-item, 11580 .widget.widget-related .upsell.products-grid .product-item, 11581 .widget.widget-upsell .related.products-grid .product-item, 11582 .widget.widget-related .related.products-grid .product-item { 11583 width: calc(100%/4 - 50px); 11584 max-width: 100%; 11585 margin: 0 25px 11586 } 11587 11588 @media screen and (max-width: 767px) { 11589 11590 .widget.widget-upsell .upsell.products-grid .product-item, 11591 .widget.widget-related .upsell.products-grid .product-item, 11592 .widget.widget-upsell .related.products-grid .product-item, 11593 .widget.widget-related .related.products-grid .product-item { 11594 margin: 0 15px; 11595 width: calc(100%/2 - 30px) 11596 } 11597 } 11598 11599 .widget.widget-upsell .upsell.products-grid .product-item-photo, 11600 .widget.widget-related .upsell.products-grid .product-item-photo, 11601 .widget.widget-upsell .related.products-grid .product-item-photo, 11602 .widget.widget-related .related.products-grid .product-item-photo { 11603 display: flex; 11604 justify-content: center; 11605 height: 100%; 11606 border-radius: 5px width:100%; 11607 } 11608 11609 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container, 11610 .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container, 11611 .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container, 11612 .widget.widget-related .related.products-grid .product-item-photo .product-image-container { 11613 width: 100% !important 11614 } 11615 11616 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img, 11617 .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img, 11618 .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img, 11619 .widget.widget-related .related.products-grid .product-item-photo .product-image-container img { 11620 height: 100%; 11621 object-fit: contain 11622 } 11623 11624 .widget.widget-upsell .upsell.products-grid .product-item-info, 11625 .widget.widget-related .upsell.products-grid .product-item-info, 11626 .widget.widget-upsell .related.products-grid .product-item-info, 11627 .widget.widget-related .related.products-grid .product-item-info { 11628 gap: 15px 11629 } 11630 11631 .widget.widget-upsell .product-items .product-item .item-img-box { 11632 position: relative; 11633 display: flex; 11634 justify-content: center; 11635 border: 1px solid #f4f1f1; 11636 align-items: center; 11637 height: 327px; 11638 } 11639 11640 .widget.widget-upsell .upsell.products-grid .product-item-details, 11641 .widget.widget-related .upsell.products-grid .product-item-details, 11642 .widget.widget-upsell .related.products-grid .product-item-details, 11643 .widget.widget-related .related.products-grid .product-item-details { 11644 flex-direction: column; 11645 text-align: center 11646 } 11647 11648 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name, 11649 .widget.widget-related .upsell.products-grid .product-item-details .product-item-name, 11650 .widget.widget-upsell .related.products-grid .product-item-details .product-item-name, 11651 .widget.widget-related .related.products-grid .product-item-details .product-item-name { 11652 max-width: 100%; 11653 /* height: 34px;*/ 11654 margin: 0 0 20px; 11655 margin-bottom: 0px !important; 11656 } 11657 11658 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link, 11659 .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link, 11660 .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link, 11661 .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link { 11662 font-style: normal; 11663 font-weight: 700; 11664 font-size: 12px; 11665 line-height: 150%; 11666 text-align: center; 11667 letter-spacing: -.011em; 11668 color: #515759; 11669 font-family: 'mothercare_2020-regular-webfont'; 11670 display: block 11671 } 11672 11673 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box, 11674 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box, 11675 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box, 11676 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box { 11677 flex-grow: 1; 11678 align-items: flex-end; 11679 display: flex 11680 } 11681 11682 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box, 11683 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box, 11684 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box, 11685 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box { 11686 font-family: Arial, Helvetica, sans-serif; 11687 display: block; 11688 text-align: center; 11689 flex-flow: wrap; 11690 max-width: 100%; 11691 width: 100%; 11692 margin: 0; 11693 justify-content: center 11694 } 11695 11696 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 11697 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 11698 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 11699 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 11700 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 11701 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 11702 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 11703 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 11704 margin: 0 5px; 11705 text-decoration-color: #515759; 11706 width: 100%; 11707 text-align: center 11708 } 11709 11710 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 11711 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 11712 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 11713 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 11714 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 11715 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 11716 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 11717 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price { 11718 font-style: normal; 11719 font-weight: 700; 11720 font-size: 12px; 11721 line-height: 120%; 11722 color: #515759 11723 } 11724 11725 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 11726 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 11727 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 11728 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent { 11729 order: 3; 11730 background: #f24822; 11731 font-style: normal; 11732 font-weight: 400; 11733 font-size: 12px; 11734 line-height: 24px; 11735 letter-spacing: -.011em; 11736 color: #fff; 11737 padding: 0 4px; 11738 font-family: 'Arial' !important; 11739 margin-left: 5px; 11740 } 11741 11742 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-
11742container .price, 11743 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 11744 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 11745 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 11746 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 11747 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 11748 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 11749 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 11750 .widget.widget-upsell .upsell.products-grid .product-item-details .price { 11751 font-style: normal; 11752 font-weight: 700; 11753 font-size: 16px; 11754 line-height: 150%; 11755 letter-spacing: -.011em; 11756 color: #1e1e1e; 11757 } 11758 11759 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price, 11760 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price, 11761 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price, 11762 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price { 11763 font-style: normal; 11764 font-weight: 700; 11765 font-size: 14px; 11766 line-height: 120%; 11767 color: #c3c3c3; 11768 font-family: Arial, Helvetica, sans-serif 11769 } 11770 11771 .widget.widget-upsell .upsell.products-grid .product-item-details .check, 11772 .widget.widget-related .upsell.products-grid .product-item-details .check, 11773 .widget.widget-upsell .related.products-grid .product-item-details .check, 11774 .widget.widget-related .related.products-grid .product-item-details .check { 11775 margin-top: 16px 11776 } 11777 11778 .widget.widget-upsell .upsell.products-grid .product-item-details .check span, 11779 .widget.widget-related .upsell.products-grid .product-item-details .check span, 11780 .widget.widget-upsell .related.products-grid .product-item-details .check span, 11781 .widget.widget-related .related.products-grid .product-item-details .check span { 11782 font-style: normal; 11783 font-weight: 700; 11784 font-size: 10px; 11785 letter-spacing: -.011em; 11786 color: #1d1d1d; 11787 } 11788 11789 .widget.widget-upsell .upsell.products-grid .slick-arrow, 11790 .widget.widget-related .upsell.products-grid .slick-arrow, 11791 .widget.widget-upsell .related.products-grid .slick-arrow, 11792 .widget.widget-related .related.products-grid .slick-arrow { 11793 width: 40px; 11794 height: 40px; 11795 border: none; 11796 background-position: center; 11797 background-repeat: no-repeat 11798 } 11799 11800 @media screen and (max-width: 767px) { 11801 11802 .widget.widget-upsell .upsell.products-grid .slick-arrow, 11803 .widget.widget-related .upsell.products-grid .slick-arrow, 11804 .widget.widget-upsell .related.products-grid .slick-arrow, 11805 .widget.widget-related .related.products-grid .slick-arrow { 11806 display: none !important 11807 } 11808 } 11809 11810 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev, 11811 .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev, 11812 .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev, 11813 .widget.widget-related .related.products-grid .slick-arrow.slick-prev { 11814 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg); 11815 } 11816 11817 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next, 11818 .widget.widget-related .upsell.products-grid .slick-arrow.slick-next, 11819 .widget.widget-upsell .related.products-grid .slick-arrow.slick-next, 11820 .widget.widget-related .related.products-grid .slick-arrow.slick-next { 11821 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg); 11822 } 11823 11824 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box { 11825 display: flex; 11826 flex-flow: row wrap; 11827 justify-content: center; 11828 align-content: flex-end 11829 } 11830 11831 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed { 11832 width: 100% 11833 } 11834 11835 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price { 11836 text-decoration: unset 11837 } 11838 11839 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price { 11840 font-style: normal; 11841 font-weight: 700; 11842 font-size: 12px; 11843 line-height: 120%; 11844 color: #515759; 11845 text-decoration: line-through 11846 } 11847 11848 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent { 11849 width: auto; 11850 order: 3 11851 } 11852 11853 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent { 11854 padding: 2px 4px 11855 } 11856 11857 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main { 11858 margin-top: 4px; 11859 width: auto 11860 } 11861 11862 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price { 11863 font-size: 14px; 11864 font-weight: 700; 11865 color: #1e1e1e 11866 } 11867 11868 11869 11870 .widget.widget-crosssell, 11871 .widget.widget-related { 11872 padding-bottom: 40px; 11873 padding-top: 40px; 11874 margin-top: 0 !important 11875 } 11876 11877 .widget.widget-crosssell .block-title, 11878 .widget.widget-related .block-title { 11879 margin: 0 !important; 11880 padding: 0 0 40px !important 11881 } 11882 11883 .widget.widget-crosssell .block-title:before, 11884 .widget.widget-related .block-title:before { 11885 display: none !important 11886 } 11887 11888 .widget.widget-crosssell .block-title strong, 11889 .widget.widget-related .block-title strong { 11890 display: block; 11891 font-family: 'mothercare_2020-regular-webfont'; 11892 font-style: normal; 11893 font-weight: 400; 11894 font-size: 32px; 11895 color: #515759; 11896 margin: 0 !important; 11897 text-align: center; 11898 text-transform: lowercase 11899 } 11900 11901 @media screen and (max-width: 767px) { 11902 11903 .widget.widget-crosssell .block-title strong, 11904 .widget.widget-related .block-title strong { 11905 font-size: 18px 11906 } 11907 } 11908 11909 .widget.widget-crosssell .crosssell.products-grid, 11910 .widget.widget-related .crosssell.products-grid, 11911 .widget.widget-crosssell .related.products-grid, 11912 .widget.widget-related .related.products-grid { 11913 overflow: inherit; 11914 padding-left: 50px; 11915 padding-right: 50px 11916 } 11917 11918 @media screen and (max-width: 767px) { 11919 11920 .widget.widget-crosssell .crosssell.products-grid, 11921 .widget.widget-related .crosssell.products-grid, 11922 .widget.widget-crosssell .related.products-grid, 11923 .widget.widget-related .related.products-grid { 11924 padding: 0 11925 } 11926 } 11927 11928 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items, 11929 .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items, 11930 .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items, 11931 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 11932 gap: 0; 11933 padding: 0; 11934 margin: 0 -25px; 11935 width: auto 11936 } 11937 11938 @media screen and (max-width: 767px) { 11939 11940 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items, 11941 .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items, 11942 .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items, 11943 .widget.widget-related .related.products-grid.slick-initialized>.product-items { 11944 margin: 0 -15px 11945 } 11946 } 11947 11948 .widget.widget-crosssell .crosssell.products-grid .product-item, 11949 .widget.widget-related .crosssell.products-grid .product-item, 11950 .widget.widget-crosssell .related.products-grid .product-item, 11951 .widget.widget-related .related.products-grid .product-item { 11952 width: calc(100%/4 - 50px); 11953 max-width: 100%; 11954 margin: 0 25px 11955 } 11956 11957 @media screen and (max-width: 767px) { 11958 11959 .widget.widget-crosssell .crosssell.products-grid .product-item, 11960 .widget.widget-related .crosssell.products-grid .product-item, 11961 .widget.widget-crosssell .related.products-grid .product-item, 11962 .widget.widget-related .related.products-grid .product-item { 11963 margin: 0 8px; 11964 width: calc(100%/2 - 30px) 11965 } 11966 } 11967 11968 .widget.widget-crosssell .crosssell.products-grid .product-item-photo, 11969 .widget.widget-related .crosssell.products-grid .product-item-photo, 11970 .widget.widget-crosssell .related.products-grid .product-item-photo, 11971 .widget.widget-related .related.products-grid .product-item-photo { 11972 display: flex; 11973 justify-content: center; 11974 height: auto; 11975 border-radius: 5px width:100%; 11976 } 11977 11978 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container, 11979 .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container, 11980 .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container, 11981 .widget.widget-related .related.products-grid .product-item-photo .product-image-container { 11982 width: 100% !important 11983 } 11984 11985 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img, 11986 .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img, 11987 .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img, 11988 .widget.widget-related .related.products-grid .product-item-photo .product-image-container img { 11989 height: 100%; 11990 object-fit: cover; 11991 } 11992 11993 .widget.widget-crosssell .crosssell.products-grid .product-item-info, 11994 .widget.widget-related .crosssell.products-grid .product-item-info, 11995 .widget.widget-crosssell .related.products-grid .product-item-info, 11996 .widget.widget-related .related.products-grid .product-item-in
11996fo { 11997 gap: 15px 11998 } 11999 12000 .widget.widget-crosssell .crosssell.products-grid .product-item-details, 12001 .widget.widget-related .crosssell.products-grid .product-item-details, 12002 .widget.widget-crosssell .related.products-grid .product-item-details, 12003 .widget.widget-related .related.products-grid .product-item-details { 12004 flex-direction: column; 12005 text-align: center 12006 } 12007 12008 .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name, 12009 .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name, 12010 .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name, 12011 .widget.widget-related .related.products-grid .product-item-details .product-item-name { 12012 max-width: 100%; 12013 height: 34px; 12014 margin: 0 0 20px 12015 } 12016 12017 .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link, 12018 .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link, 12019 .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link, 12020 .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link { 12021 font-style: normal !important; 12022 font-weight: 700 !important; 12023 font-size: 12px !important; 12024 line-height: 150% !important; 12025 text-align: center !important; 12026 letter-spacing: -.011em !important; 12027 color: #515759 !important; 12028 font-family: 'mothercare_2020-regular-webfont' !important; 12029 display: block !important; 12030 text-transform: unset !important; 12031 } 12032 12033 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box, 12034 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box, 12035 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box, 12036 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box { 12037 flex-grow: 1; 12038 align-items: flex-end; 12039 display: flex 12040 } 12041 12042 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box, 12043 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box, 12044 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box, 12045 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box { 12046 font-family: Arial, Helvetica, sans-serif; 12047 display: flex; 12048 flex-flow: wrap; 12049 max-width: 100%; 12050 width: 100%; 12051 margin: 0; 12052 justify-content: center 12053 } 12054 12055 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 12056 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 12057 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 12058 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price, 12059 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 12060 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 12061 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 12062 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 12063 margin: 0 5px; 12064 text-decoration-color: #515759; 12065 width: 100%; 12066 text-align: center 12067 } 12068 12069 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 12070 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 12071 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 12072 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price, 12073 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 12074 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 12075 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price, 12076 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price { 12077 font-style: normal !important; 12078 font-weight: 700 !important; 12079 font-size: 12px !important; 12080 line-height: 120% !important; 12081 color: #515759 !important; 12082 } 12083 12084 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 12085 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 12086 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 12087 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent { 12088 order: 3; 12089 background: #f24822; 12090 font-style: normal; 12091 font-weight: 400; 12092 font-size: 12px; 12093 line-height: 24px; 12094 letter-spacing: -.011em; 12095 color: #fff; 12096 padding: 0 4px; 12097 margin-left: 5px; 12098 font-family: 'mothercare_2020-regular-webfont'; 12099 } 12100 12101 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12102 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12103 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12104 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12105 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12106 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12107 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12108 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12109 .widget.widget-crosssell .crosssell.products-grid .product-item-details .price { 12110 font-style: normal; 12111 font-weight: 700; 12112 font-size: 16px; 12113 line-height: 150%; 12114 letter-spacing: -.011em; 12115 color: #1e1e1e 12116 } 12117 12118 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price, 12119 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price, 12120 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price, 12121 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price { 12122 font-style: normal; 12123 font-weight: 700; 12124 font-size: 14px; 12125 line-height: 120%; 12126 color: #c3c3c3; 12127 font-family: Arial, Helvetica, sans-serif 12128 } 12129 12130 .widget.widget-crosssell .crosssell.products-grid .product-item-details .check, 12131 .widget.widget-related .crosssell.products-grid .product-item-details .check, 12132 .widget.widget-crosssell .related.products-grid .product-item-details .check, 12133 .widget.widget-related .related.products-grid .product-item-details .check { 12134 margin-top: 16px 12135 } 12136 12137 .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span, 12138 .widget.widget-related .crosssell.products-grid .product-item-details .check span, 12139 .widget.widget-crosssell .related.products-grid .product-item-details .check span, 12140 .widget.widget-related .related.products-grid .product-item-details .check span { 12141 font-style: normal; 12142 font-weight: 700; 12143 font-size: 10px; 12144 letter-spacing: -.011em; 12145 color: #1d1d1d; 12146 font-family: Arial, Helvetica Neue, Helvetica, sans-serif 12147 } 12148 12149 .widget.widget-crosssell .crosssell.products-grid .slick-arrow, 12150 .widget.widget-related .crosssell.products-grid .slick-arrow, 12151 .widget.widget-crosssell .related.products-grid .slick-arrow, 12152 .widget.widget-related .related.products-grid .slick-arrow { 12153 width: 40px !important; 12154 height: 40px !important; 12155 border: none !important; 12156 background-position: center !important; 12157 background-repeat: no-repeat !important; 12158 } 12159 12160 @media screen and (max-width: 767px) { 12161 12162 .widget.widget-crosssell .crosssell.products-grid .slick-arrow, 12163 .widget.widget-related .crosssell.products-grid .slick-arrow, 12164 .widget.widget-crosssell .related.products-grid .slick-arrow, 12165 .widget.widget-related .related.products-grid .slick-arrow { 12166 display: block !important 12167 } 12168 12169 .widget-crosssell .products-grid .slick-track { 12170 overflow-x: auto; 12171 margin-top: 20px; 12172 } 12173 12174 .checkout-cart-index .column.main .block:not(.crosssell) .content { 12175 padding: 0px; 12176 } 12177 } 12178 12179 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev, 12180 .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev, 12181 .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev, 12182 .widget.widget-related .related.products-grid .slick-arrow.slick-prev { 12183 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) 12184 } 12185 12186 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next, 12187 .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next, 12188 .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next, 12189 .widget.widget-related .related.products-grid .slick-arrow.slick-next { 12190 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg); 12191 } 12192 12193 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box { 12194 display: flex; 12195 flex-flow: row wrap; 12196 justify-content: center; 12197 align-content: flex-end; 12198 height: 52px; 12199 } 12200 12201 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed { 12202 width: 100% 12203 } 12204 12205 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.c
12205rossed .old-price { 12206 text-decoration: unset 12207 } 12208 12209 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price { 12210 font-style: normal; 12211 font-weight: 700; 12212 font-size: 12px; 12213 line-height: 120%; 12214 color: #515759; 12215 text-decoration: line-through 12216 } 12217 12218 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent { 12219 width: auto; 12220 order: 3 12221 } 12222 12223 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent { 12224 padding: 2px 4px 12225 } 12226 12227 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main { 12228 margin-top: 4px; 12229 width: auto 12230 } 12231 12232 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price { 12233 font-size: 14px; 12234 font-weight: 700; 12235 color: #1e1e1e 12236 } 12237 12238 .widget.widget-crosssell button.action.tocart.primary { 12239 background: #1f1c02; 12240 padding: 2px 15px; 12241 font-family: 'mothercare_2020-regular-webfont'; 12242 font-style: normal; 12243 font-weight: 700; 12244 font-size: 13px; 12245 color: #fff; 12246 letter-spacing: normal; 12247 border-radius: 5px; 12248 text-transform: none; 12249 width: calc(100% - 20px); 12250 } 12251 12252 .widget.widget-crosssell .actions-primary { 12253 position: absolute; 12254 left: 0; 12255 right: 0; 12256 bottom: 10px; 12257 text-align: center; 12258 z-index: 11; 12259 opacity: 0; 12260 visibility: hidden; 12261 transition: all 0.4s ease; 12262 } 12263 12264 .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary, 12265 .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary { 12266 opacity: 1; 12267 visibility: visible; 12268 } 12269 12270 .widget.widget-crosssell .product-items .product-item .item-img-box, 12271 .catalogsearch-result-index .product-items .product-item .item-img-box { 12272 position: relative; 12273 display: flex; 12274 justify-content: center; 12275 border: 1px solid #f4f1f1; 12276 align-items: center; 12277 height: 372px; 12278 } 12279 12280 12281 .widget.widget-crosssell .product-items { 12282 gap: var(--listing-grid-gap); 12283 row-gap: var(--listing-grid-row-gap); 12284 display: flex; 12285 flex-wrap: nowrap; 12286 overflow-x: auto; 12287 scroll-behavior: smooth; 12288 scroll-snap-type: none; 12289 -ms-overflow-style: none; 12290 scrollbar-width: none; 12291 } 12292 12293 12294 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next { 12295 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important; 12296 background-size: unset !important; 12297 } 12298 12299 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow { 12300 transform: unset !important; 12301 } 12302 12303 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev { 12304 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important; 12305 background-size: unset !important; 12306 } 12307 12308 12309 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next, 12310 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next { 12311 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important; 12312 } 12313 12314 12315 .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev, 12316 .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev { 12317 background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important; 12318 } 12319 12320 .widget-upsell .product-items .product-item .product-item-photo { 12321 width: 325px; 12322 height: 325px !important; 12323 } 12324 12325 .widget-related .products-grid .product-item-photo .product-image-container { 12326 max-width: 325px; 12327 } 12328 12329 .widget-upsell .product-items .product-item .item-img-box { 12330 border: unset !important; 12331 } 12332 12333 @media(max-width:1280px) { 12334 .widget-upsell .product-items .product-item .item-img-box { 12335 height: unset; 12336 } 12337 } 12338 12339 .widget-related .product-items .product-item-details { 12340 flex: unset; 12341 } 12342 12343 12344 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 12345 border: unset !important; 12346 width: auto !important; 12347 margin: auto; 12348 } 12349 12350 .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo { 12351 border: unset !important; 12352 height: 325px !important; 12353 width: 325px; 12354 12355 } 12356 12357 @media(max-width:1080px) { 12358 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 12359 height: unset; 12360 } 12361 } 12362 12363 .widget.widget-upsell .upsell.products-grid .price-label, 12364 .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper, 12365 .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper, 12366 .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper { 12367 display: none; 12368 } 12369 12370 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item { 12371 padding-left: unset; 12372 padding-right: unset; 12373 } 12374 12375 12376 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price, 12377 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price, 12378 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price { 12379 text-decoration: line-through; 12380 } 12381 12382 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price, 12383 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 12384 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price, 12385 .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price { 12386 text-decoration: none; 12387 } 12388 12389 @media(max-width:768px) { 12390 12391 .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo, 12392 .widget-upsell .upsell.products-grid .product-item-photo { 12393 height: auto !important; 12394 } 12395 12396 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 12397 width: 100% !important; 12398 } 12399 12400 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item, 12401 .widget-upsell .upsell.products-grid .product-item { 12402 padding: unset; 12403 /* float: left !important; */ 12404 } 12405 12406 .widget.widget-upsell .product-items .product-item .item-img-box { 12407 height: auto !important; 12408 } 12409 12410 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow, 12411 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow { 12412 display: block !important; 12413 } 12414 12415 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
12416 width: 20px 12417 } 12418 12419 .products-widget-container .slick-track .slick-initialized .slick-slide { 12420 float: left !important; 12421 } 12422 12423 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name { 12424 margin: 0 0 10px; 12425 } 12426 12427 .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check { 12428 padding-top: 0; 12429 } 12430 12431 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check { 12432 margin-top: 8px; 12433 } 12434 12435 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12436 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12437 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12438 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12439 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12440 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12441 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12442 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12443 .widget.widget-upsell .upsell.products-grid .product-item-details .price { 12444 font-style: normal; 12445 font-weight: 700; 12446 font-size: 14px; 12447 line-height: 150%; 12448 letter-spacing: -.011em; 12449 color: #1e1e1e; 12450 } 12451 12452 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12453 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12454 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12455 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price, 12456 .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12457 .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12458 .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12459 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price, 12460 .widget.widget-crosssell .crosssell.products-grid .product-item-details .price { 12461 font-style: normal; 12462 font-weight: 700; 12463 font-size: 14px; 12464 line-height: 150%; 12465 letter-spacing: -.011em; 12466 color: #1e1e1e; 12467 } 12468 12469 12470 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label { 12471 display: none; 12472 } 12473 12474 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info { 12475 height: auto !important; 12476 } 12477 12478 } 12479 12480 @media screen and (max-width: 500px) { 12481 12482 .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name, 12483 .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name { 12484 height: 36px; 12485 } 12486 12487 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price { 12488 margin: 0; 12489 text-decoration-color: #D9D9D6; 12490 width: 100%; 12491 text-align: center; 12492 } 12493 12494 .crosssell .product.details.product-item-details { 12495 flex: unset; 12496 } 12497 12498 .crosssell .slick-initialized .slick-slide { 12499 height: 100%; 12500 } 12501 12502 .widget-crosssell .products-grid .slick-slider .slick-list, 12503 .slick-slider .slick-track>.product-items { 12504 overflow: auto; 12505 /* Enable horizontal scrolling */ 12506 scroll-behavior: smooth; 12507 scroll-snap-type: x mandatory; 12508 /* Ensure smooth snapping */ 12509 } 12510 12511 .widget-crosssell .products-grid .slick-track { 12512 display: flex; 12513 flex-wrap: nowrap; 12514 width: auto !important; 12515 /* Ensure the width adjusts dynamically */ 12516 } 12517 12518 .widget-crosssell .products-grid .product-items { 12519 flex: 0 0 auto; 12520 /* Prevent items from shrinking or growing */ 12521 } 12522 12523 .widget.widget-upsell .products-grid.slick-initialized>.product-items { 12524 padding-bottom: 19px !important; 12525 scrollbar-width: thin !important; 12526 } 12527 12528 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 12529 border: unset !important; 12530 width: 118px !important; 12531 margin: auto; 12532 } 12533 12534 .widget.widget-upsell .upsell.products-grid .product-item { 12535 width: calc(100% / 2.5 - 30px); 12536 12537 12538 } 12539 12540 .widget.widget-upsell .block-title { 12541 margin: 0 !important; 12542 padding: 0 0 0px !important; 12543 } 12544 12545 .widget.widget-upsell .slick-list.products.list.items.product-items { 12546 padding-top: 20px !important; 12547 } 12548 12549 .widget.widget-upsell .upsell.products-grid .slick-arrow, 12550 .widget.widget-related .upsell.products-grid .slick-arrow, 12551 .widget.widget-upsell .related.products-grid .slick-arrow, 12552 .widget.widget-related .related.products-grid .slick-arrow { 12553 display: none !important; 12554 } 12555 12556 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name { 12557 margin-bottom: 10px !important; 12558 } 12559 12560 .widget-upsell .product-items .product-item-details { 12561 flex: unset; 12562 } 12563 12564 .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img { 12565 aspect-ratio: 1; 12566 } 12567 12568 .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link { 12569 overflow: hidden; 12570 display: -webkit-box; 12571 -webkit-line-clamp: 2; 12572 line-clamp: 2; 12573 -webkit-box-orient: vertical; 12574 } 12575 12576 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link { 12577 overflow: hidden; 12578 display: -webkit-box !important; 12579 -webkit-line-clamp: 2; 12580 line-clamp: 2 !important; 12581 -webkit-box-orient: vertical; 12582 height: 36px; 12583 } 12584 12585 .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img { 12586 aspect-ratio: 1; 12587 } 12588 12589 } 12590 12591 12592 @media screen and (max-width: 390px) { 12593 12594 .widget.widget-upsell .products-grid.slick-initialized>.product-items { 12595 padding-bottom: 19px !important; 12596 scrollbar-width: thin !important; 12597 } 12598 12599 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price { 12600 margin: 0 5px; 12601 } 12602 12603 12604 .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box { 12605 border: unset !important; 12606 width: 118px !important; 12607 margin: 0; 12608 } 12609 12610 .widget.widget-upsell .upsell.products-grid .slick-arrow, 12611 .widget.widget-related .upsell.products-grid .slick-arrow, 12612 .widget.widget-upsell .related.products-grid .slick-arrow, 12613 .widget.widget-related .related.products-grid .slick-arrow { 12614 display: none !important; 12615 } 12616 12617 .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 12618 .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 12619 .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 12620 .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent, 12621 .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent { 12622 order: 3; 12623 background: #f24822; 12624 font-style: normal; 12625 font-weight: 400; 12626 font-size: 12px; 12627 line-height: 24px; 12628 letter-spacing: -.011em; 12629 color: #fff; 12630 padding: 0px 2px; 12631 font-family: 'Arial' !important; 12632 margin-left: 0px; 12633 } 12634 } 12635 12636 strong.product.name.product-item-name { 12637 overflow: hidden; 12638 } 12639 12640 strong.product.name.product-item-name { 12641 /* height: 87px; */ 12642 } 12643 12644 12645 li.item.product.product-item.slick-slide.slick-active { 12646 float: left !important; 12647 } 12648 12649 .products-widget-container .slick-track .slick-initialized .slick-slide { 12650 float: left !important; 12651 } 12652 12653 .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container { 12654 position: absolute; 12655 display: none !important; 12656 } 12657 12658 /* .checkout-cart-index .products-crosssell .product-item .product-item-info .product-image-container .amasty-label-container { 12659 width: auto !important; 12660 }*/ 12661 </style> 12662 </div> 12663 </div> 12664 </main> 12665 <div class="ga"> 12666
12666<script data-breeze=""> 12667 12668 require(['jquery', 'Magento_Customer/js/customer-data'], 12669 function ($, customerData) { 12670 12671 const currentWwebsiteId = 3; 12672 var products; 12673 var productName; 12674 var countFirstLoad = 4; 12675 var websiteId = window.checkout.websiteId; 12676 12677 $(document).ready(function () { 12678 12679 try { 12680 window.dataLayer = window.dataLayer || []; 12681 var productIds = []; 12682 var productId = $('.price-box.price-final_price').attr('data-product-id'); 12683 productIds.push(productId); 12684 12685 $.ajax({ 12686 type: 'POST', 12687 url: window.location.origin + '/datalayer/ga/cartlayer', 12688 data: { 'ids': productIds, 'requestFrom': 'recent_view' }, 12689 success: function (data) { 12690 12691 let _productName = data[0].product_name ? data[0].product_name : "Not Defined"; 12692 let _sku = data[0].sku ? data[0].sku : "Not Defined"; 12693 let _productPrice = data[0].price ? data[0].price : "Not Defined"; 12694 let _brand = data[0].origin_brand ? data[0].origin_brand : "Not Defined"; 12695 let _category = data[0].category ? data[0].category : "Not Defined"; 12696 let _category1 = data[0].category1 ? data[0].category1 : "Not Defined"; 12697 let _category2 = data[0].category2 ? data[0].category2 : "Not Defined"; 12698 let _category3 = data[0].category3 ? data[0].category3 : "Not Defined"; 12699 12700 var products = [{ 12701 'item_name': _productName, 12702 'item_id': _sku, 12703 'price': _productPrice, 12704 'item_brand': _brand, 12705 'item_category': _category, 12706 'item_category2': _category1, 12707 'item_category3': _category2, 12708 'item_category4': _category3, 12709 'item_variant': "Not Defined", 12710 'quantity': 1 12711 }]; 12712 12713 dataLayer.push({ 12714 'event': 'view_item', 12715 'eventCategory': 'ecommerce', 12716 'eventAction': 'product_detail', 12717 'eventLabel': _productName, 12718 'ecommerce': { 12719 'items': products 12720 } 12721 12722 }); 12723 12724 } 12725 }); 12726 } catch (err) { 12727 console.log('error product view : ' + err.message); 12728 } 12729 }); 12730 12731 $('#product-addtocart-button').click(function (e) { 12732 e.stopPropagation(); 12733 try { 12734 var cart = customerData.get('cart'); 12735 var productName = $('.page-title-wrapper span').text(); 12736 var productSku = $('#product_addtocart_form').attr('data-product-sku'); 12737 var productQty = $('#qty').val(); 12738 var productCategory = "Food,Nordic Natural,Free Shipping,App promotion,May "; 12739 12740 generateOptionProduct(cart, productName, productSku, productCategory); 12741 12742 } catch (err) { 12743 console.log('error ga add to cart : ' + err.message); 12744 } 12745 }); 12746 12747 $('.input-text.qty').on('change', function () { 12748 12749 try { 12750 var cart = customerData.get('cart'); 12751 var count = cart().summary_count; 12752 12753 productName = $('.page-title-wrapper span').text(); 12754 var productSku = $('.product-info-stock-sku .product.attribute.sku .value').text(); 12755 var productQty = $(this).val(); 12756 var productPrice = $('.product-info-main .price-final_price').find('.price-wrapper ').attr('data-price-amount'); 12757 var productBrand = "Nordic Natural"; 12758 var productCategory = "Food,Nordic Natural,Free Shipping,App promotion,May "; 12759 12760 var itemCart = [{ 12761 'name': productName, 12762 'id': productSku, 12763 'price': productPrice, 12764 'brand': productBrand, 12765 'category': productCategory, 12766 'quantity': productQty 12767 }]; 12768 12769 window.dataLayer = window.dataLayer || []; 12770 dataLayer.push({ 12771 'event': 'addToCart', 12772 'eventCategory': 'Ecommerce', 12773 'eventAction': 'Add To Cart', 12774 'eventLabel': productName, 12775 'ecommerce': { 12776 'items': itemCart 12777 } 12778 }); 12779 12780 } catch (err) { 12781 console.log('error ga change quantity : ' + err.message); 12782 } 12783 12784 }); 12785 12786 12787 var isDesktopRecentTrigger = false; 12788 var productList = $.storage.ns('product_data_storage').get(); 12789 12790 window.addEventListener('scroll', function (e) { 12791 e.stopPropagation(); 12792 e.preventDefault(); 12793 12794 try { 12795 if ($('.recent.products-grid').length > 0) { 12796 if (elementInView($('.recent.products-grid')) && isDesktopRecentTrigger == false) { 12797 var itemsRecent = []; 12798 var products = []; 12799 var productIds = []; 12800 var productVariant = 'Not Defined'; 12801 12802 let index = 1; 12803 Object.keys(productList).forEach(function (key) { 12804 if (index > countFirstLoad) return; 12805 productIds.push(key); 12806 index++; 12807 }); 12808 12809 $.ajax({
12810 type: 'POST', 12811 url: window.location.origin + '/datalayer/ga/cartlayer', 12812 data: { 'ids': productIds, 'requestFrom': 'recent_view' }, 12813 success: function (data) { 12814 12815 let idxData = 1; 12816 $.each(data, function (index, itemProd) { 12817 12818 let _productName = itemProd.product_name ? itemProd.product_name : "Not Defined"; 12819 let _sku = itemProd.sku ? itemProd.sku : "Not Defined"; 12820 let _productPrice = itemProd.price ? itemProd.price : "Not Defined"; 12821 let _brand = itemProd.origin_brand ? itemProd.origin_brand : "Not Defined"; 12822 let _category = itemProd.category ? itemProd.category : "Not Defined"; 12823 let _category1 = itemProd.category1 ? itemProd.category1 : "Not Defined"; 12824 let _category2 = itemProd.category2 ? itemProd.category2 : "Not Defined"; 12825 let _category3 = itemProd.category3 ? itemProd.category3 : "Not Defined"; 12826 12827 var products = { 12828 'item_name': _productName, 12829 'item_id': _sku, 12830 'price': _productPrice, 12831 'item_brand': _brand, 12832 'item_category': _category, 12833 'item_category2': _category1, 12834 'item_category3': _category2, 12835 'item_category4': _category3, 12836 'item_variant': productVariant, 12837 'quantity': 1, 12838 'index': idxData 12839 }; 12840 12841 itemsRecent.push(products); 12842 idxData++; 12843 }); 12844 12845 12846 window.dataLayer = window.dataLayer || []; 12847 dataLayer.push({ 12848 'event': 'view_item_list', 12849 'eventCategory': 'ecommerce', 12850 'eventAction': 'product_view', 12851 'eventLabel': 'Recently Viewed', 12852 'ecommerce': { 12853 'items': itemsRecent 12854 } 12855 }); 12856 12857 } 12858 }); 12859 12860 isDesktopRecentTrigger = true; 12861 } 12862 } 12863 } catch (err) { 12864 console.log('error recent view ga : ' + err.message); 12865 } 12866 12867 }); 12868 12869 $(document).on('click', '.recent.products-grid li a', function () { 12870 try { 12871 var linkProduct = $(this).attr('href'); 12872 var productIds = []; 12873 var _index = $(this).parents('.product-item').index() + 1; 12874 12875 Object.keys(productList).forEach(function (key) { 12876 if (productList[key].url = linkProduct) { 12877 productIds.push(key); 12878 } 12879 }) 12880 12881 sendRecentViewClick(productIds, _index) 12882 } catch (err) { 12883 console.log('error click recent view : ' + err.message); 12884 } 12885 12886 }); 12887 12888 $(document).on('click', '.recent.products-grid li img', function () { 12889 try { 12890 var parent = $(this).parents('.product-item'); 12891 var linkProduct = parent.find('a.product-item-link').attr('href'); 12892 var productIds = []; 12893 var _index = parent.index() + 1; 12894 12895 Object.keys(productList).forEach(function (key) { 12896 if (productList[key].url = linkProduct) { 12897 productIds.push(key); 12898 } 12899 }) 12900 12901 sendRecentViewClick(productIds, _index) 12902 } catch (err) { 12903 console.log('error click recent view : ' + err.message); 12904 } 12905 12906 }); 12907 12908 function elementInView(elem) { 12909 return ($(window).height() + $(window).scrollTop()) > $(elem).offset().top; 12910 }; 12911 12912 function sendRecentViewClick(productIds, _index) { 12913 try { 12914 $.ajax({
12915 type: 'POST', 12916 url: window.location.origin + '/datalayer/ga/cartlayer', 12917 data: { 'ids': productIds, 'requestFrom': 'recent_view' }, 12918 success: function (data) { 12919 let _productName = data[0].product_name ? data[0].product_name : "Not Defined"; 12920 let _sku = data[0].sku ? data[0].sku : "Not Defined"; 12921 let _productPrice = data[0].price ? data[0].price : "Not Defined"; 12922 let _brand = data[0].origin_brand ? data[0].origin_brand : "Not Defined"; 12923 let _category = data[0].category ? data[0].category : "Not Defined"; 12924 let _category1 = data[0].category1 ? data[0].category1 : "Not Defined"; 12925 let _category2 = data[0].category2 ? data[0].category2 : "Not Defined"; 12926 let _category3 = data[0].category3 ? data[0].category3 : "Not Defined"; 12927 12928 var products = [{ 12929 'item_name': _productName, 12930 'item_id': _sku, 12931 'price': _productPrice, 12932 'item_brand': _brand, 12933 'item_category': _category, 12934 'item_category2': _category1, 12935 'item_category3': _category2, 12936 'item_category4': _category3, 12937 'item_variant': "Not Defined", 12938 'index': _index, 12939 'quantity': 1 12940 }]; 12941 12942 if (typeof productCart !== 'undefined') { 12943 productCart.push(products); 12944 } 12945 12946 window.dataLayer = window.dataLayer || []; 12947 dataLayer.push({ 12948 'event': 'select_item', 12949 'eventCategory': 'ecommerce', 12950 'eventAction': 'product_click', 12951 'eventLabel': _productName, 12952 'ecommerce': { 12953 'items': products 12954 } 12955 }); 12956 12957 } 12958 }); 12959 } catch (err) { 12960 console.log('error click recent view : ' + err.message); 12961 } 12962 } 12963 12964 function generateOptionProduct(cart, productName, productSku, productCategory) { 12965 12966 try { 12967 var productPrice = $('.price-wrapper').attr('data-price-amount'); 12968 var productVariant = ''; 12969 12970 if ($('.swatch-attribute.color .swatch-attribute-label').length > 0) { 12971 productVariant += $('.swatch-attribute.color .swatch-attribute-label').text().trim(); 12972 } 12973 if ($('.swatch-attribute.color .swatch-attribute-selected-option').length > 0) {
12974 productVariant += $('.swatch-attribute.color .swatch-attribute-selected-option').text().trim() + ' | '; 12975 } 12976 if ($('.swatch-attribute.size .swatch-attribute-label').length > 0) { 12977 productVariant += $('.swatch-attribute.size .swatch-attribute-label').text().trim(); 12978 } 12979 if ($('.swatch-attribute.size .swatch-attribute-selected-option').length > 0) { 12980 productVariant += $('.swatch-attribute.size .swatch-attribute-selected-option').text().trim(); 12981 } 12982 12983 if (productVariant == '') { 12984 productVariant = 'Not Defined'; 12985 } 12986 12987 $.ajax({ 12988 type: 'POST', 12989 url: window.location.origin + '/datalayer/ga/cartlayer', 12990 data: { 'product_sku': productSku, 'typeProduct': 'sku' }, 12991 success: function (data) { 12992 console.log('data', data) 12993 let _productName = data.product_name ? data.product_name : "Not Defined"; 12994 let _sku = data.sku ? data.sku : "Not Defined"; 12995 let _productPrice = data.price ? data.price : "Not Defined"; 12996 let _brand = data.origin_brand ? data.origin_brand : "Not Defined"; 12997 let _category = data.category ? data.category : "Not Defined"; 12998 let _category1 = data.category1 ? data.category1 : "Not Defined"; 12999 let _category2 = data.category2 ? data.category2 : "Not Defined"; 13000 let _category3 = data.category3 ? data.category3 : "Not Defined"; 13001 13002 var products = [{ 13003 item_name: _productName, 13004 item_id: productSku, 13005 price: productPrice, 13006 item_brand: _brand, 13007 item_category: _category, 13008 item_category2: 'Not Defined', 13009 item_category3: 'Not Defined', 13010 item_category4: 'Not Defined', 13011 item_variant: productVariant, 13012 quantity: String($('#qty').val()) 13013 }]; 13014 13015 if (typeof productCart !== 'undefined') { 13016 productCart.push(products); 13017 } 13018 13019 window.dataLayer = window.dataLayer || []; 13020 dataLayer.push({ 13021 'event': 'add_to_cart', 13022 'eventCategory': 'Ecommerce', 13023 'eventAction': 'add_to_cart', 13024 'eventLabel': productName, 13025 'ecommerce': { 13026 'items': products 13027 } 13028 }); 13029 13030 let is_part_of_bundle = false; 13031 13032 if ($('body').hasClass('page-product-bundle')) { 13033 _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; 13034 _productPrice = _productPrice.replace("Rp ", ""); 13035 _productPrice = _productPrice.replace(".", ""); 13036 _productPrice = _productPrice.replace(".", ""); 13037 is_part_of_bundle = true; 13038 } 13039 // if (currentWwebsiteId == 3) { 13040 // branch.logEvent('ADD_TO_CART', { 13041 // "item_sku": productSku, 13042 // "item_title": _productName, 13043 // "item_final_price": _productPrice, 13044 // "item_original_price": _productPrice, 13045 // "item_id": data.id, 13046 // "is_part_of_bundle" : is_part_of_bundle, 13047 // "store_currency" : "IDR", 13048 // }, function(err) { 13049 // if (err) { 13050 // console.error('Error logging event:', err); 13051 // } else { 13052 // console.log('Successfully logged ADD_TO_CART.'); 13053 // } 13054 // }); 13055 // } 13056 13057 } 13058 }); 13059 13060 } catch (err) { 13061 console.log('error click add to cart : ' + err.message); 13062 } 13063 13064 } 13065 13066 }); 13067 </script>
13067 13068 </div> 13069 <footer class="page-footer"><a id="back-to-top" class="back-to-top" style="display: none;"><span>Back to 13070 top</span></a> 13071 <!--<button id="back-to-top" class="back-to-top back-to-top-action">--> 13072 <!-- <i class="icon-up-thin"></i>--> 13073 <!-- Top--> 13074 <!--</button>--> 13075
13075<script data-breeze=""> 13076 require(['jquery'], function ($) { 13077 $(function () { 13078 window.onscroll = function () { 13079 if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) { 13080 $('#back-to-top').css('display', 'block'); 13081 } else { 13082 $('#back-to-top').css('display', 'none'); 13083 } 13084 }; 13085 $('#back-to-top').on('click', function () { 13086 document.body.scrollTop = 0; 13087 document.documentElement.scrollTop = 0; 13088 }); 13089 }); 13090 }); 13091 </script>
13091 13092 <style> 13093 #html-body [data-pb-style=DK3T6M7], 13094 #html-body [data-pb-style=EXLLNWK] { 13095 background-position: left top; 13096 background-size: cover; 13097 background-repeat: no-repeat; 13098 background-attachment: scroll 13099 } 13100 13101 #html-body [data-pb-style=EXLLNWK] { 13102 justify-content: flex-start; 13103 display: flex; 13104 flex-direction: column 13105 } 13106 13107 #html-body [data-pb-style=DK3T6M7] { 13108 align-self: stretch 13109 } 13110 13111 #html-body [data-pb-style=OAID5MY] { 13112 display: flex; 13113 width: 100% 13114 } 13115 13116 #html-body [data-pb-style=CEU4VQX], 13117 #html-body [data-pb-style=IQTQM3Q], 13118 #html-body [data-pb-style=PO3J8MC], 13119 #html-body [data-pb-style=WG4K5JH] { 13120 justify-content: flex-start; 13121 display: flex; 13122 flex-direction: column; 13123 background-position: left top; 13124 background-size: cover; 13125 background-repeat: no-repeat; 13126 background-attachment: scroll; 13127 width: 25%; 13128 align-self: stretch 13129 } 13130 13131 #html-body [data-pb-style=R8KNU7R] { 13132 text-align: left 13133 } 13134 </style> 13135 <div data-content-type="row" data-appearance="contained" data-element="main"> 13136 <div class="footer-content-mckanmo-desktop" data-enable-parallax="0" data-parallax-speed="0.5" 13137 data-background-images="{}" data-background-type="image" data-video-loop="true" 13138 data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" 13139 data-element="inner" data-pb-style="EXLLNWK"> 13140 <div class="pagebuilder-column-group footer-main-column-mc" data-background-images="{}" 13141 data-content-type="column-group" data-appearance="default" data-grid-size="12" 13142 data-element="main" data-pb-style="DK3T6M7"> 13143 <div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" 13144 data-pb-style="OAID5MY"> 13145 <div class="pagebuilder-column shop-with-us-column-mc" data-content-type="column" 13146 data-appearance="full-height" data-background-images="{}" data-element="main" 13147 data-pb-style="CEU4VQX"> 13148 <h4 class="heading-shop-with-us-kanmo-mc" data-content-type="heading" 13149 data-appearance="default" data-element="main">KIT4D</h4> 13150 <div data-content-type="html" data-appearance="default" data-element="main" 13151 data-decoded="true"> 13152 <p><a href="//modennews.com/">KIT4D</a></p> 13153 </div> 13154 <div data-content-type="html" data-appearance="default" data-element="main" 13155 data-decoded="true"> 13156 <p><a href="//modennews.com/">KIT 4D</a></p> 13157 </div> 13158 <div data-content-type="html" data-appearance="default" data-element="main" 13159 data-decoded="true"> 13160 <p><a href="//modennews.com/">KIT4D DAFTAR</a></p> 13161 </div> 13162 <div data-content-type="html" data-appearance="default" data-element="main" 13163 data-decoded="true"> 13164 <p><a href="//modennews.com/">KIT4D LOGIN</a></p> 13165 </div> 13166 <div data-content-type="html" data-appearance="default" data-element="main" 13167 data-decoded="true"> 13168 <p><a href="//modennews.com/">TOTO</a></p> 13169 </div> 13170 <div data-content-type="html" data-appearance="default" data-element="main" 13171 data-decoded="true"> 13172 <p><a href="//modennews.com/">TOTO SLOT</a></p> 13173 </div> 13174 <div data-content-type="html" data-appearance="default" data-element="main" 13175 data-decoded="true"> 13176 <p><a href="//modennews.com/">SLOT</a></p> 13177 </div> 13178 </div> 13179 <div class="pagebuilder-column need-help-column-mc" data-content-type="column" 13180 data-appearance="full-height" data-background-images="{}" data-element="main" 13181 data-pb-style="PO3J8MC"> 13182 <h4 class="heading-need-help-kanmo-mc" data-content-type="heading"
13183 data-appearance="default" data-element="main">butuh bantuan? hubungi kami</h4> 13184 <div data-content-type="html" data-appearance="default" data-element="main" 13185 data-decoded="true"> 13186 <p><a href="https://modennews.com/">hubungi kami</a></p> 13187 </div> 13188 <div data-content-type="html" data-appearance="default" data-element="main" 13189 data-decoded="true"> 13190 <p><a href="https://modennews.com/">bantuan dan faq</a></p> 13191 </div> 13192 <div data-content-type="html" data-appearance="default" data-element="main" 13193 data-decoded="true"> 13194 <p><a href="tel:+6221123456789">021-123456789</a></p> 13195 <p>24 Hours</p> 13196 </div> 13197 <div data-content-type="html" data-appearance="default" data-element="main" 13198 data-decoded="true"> 13199 <div class="footer-desktop"> 13200 <p>ikuti kami di media sosial</p> 13201 <div style="display:flex;column-gap:20px"> 13202 <a class="item" href="https://modennews.com/"><img width="10" height="19" 13203 alt="facebook icon" 13204 src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png"></a> 13205 <a class="item" href="https://modennews.com/"><img width="24" height="25" 13206 alt="instagram icon" 13207 src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png"></a> 13208 <a class="item" href="https://modennews.com/"> <img width="24" height="25" 13209 alt="youtube icon" 13210 src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_youtube.png"></a> 13211 </div> 13212 </div> 13213 <style> 13214 .footer-desktop { 13215 display: block; 13216 } 13217 13218 .footer-mobile { 13219 display: none; 13220 } 13221 13222 @media screen and (max-width: 769px) { 13223 .footer-desktop { 13224 display: none !important; 13225 } 13226 13227 .footer-mobile { 13228 display: block; 13229 } 13230 } 13231 </style> 13232 </div> 13233 </div> 13234 <div class="pagebuilder-column download-ourapps-column-mc" data-content-type="column" 13235 data-appearance="full-height" data-background-images="{}" data-element="main" 13236 data-pb-style="IQTQM3Q"> 13237 <h4 class="heading-download-apps-kanmo-mc" data-content-type="heading"
13238 data-appearance="default" data-element="main">KIT4D apk</h4> 13239 <div class="footer-apple-store-img" data-content-type="html" 13240 data-appearance="default" data-element="main" data-decoded="true"><a 13241 href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"><img width="200" height="60" loading="lazy" 13242 src="https://kit4d.dataklmsad903.site/images/setting-logo/1/jo6pCvu5WhO3iIFf.gif" 13243 alt="download app apple store"> 13244 </a></div> 13245 <div class="footer-google-play-img" data-content-type="html" 13246 data-appearance="default" data-element="main" data-decoded="true"><a 13247 href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/"><img width="200" height="60" loading="lazy" 13248 src="https://www.mothercare.co.id/media/wysiwyg/google-en.png" 13249 alt="download app google play"></a> 13250 13251 <style> 13252 @media (min-width:768px) { 13253 .footer-google-play-img { 13254 width: 70%; 13255 } 13256 13257 } 13258 </style> 13259 </div> 13260 <div class="footer-google-play-img" data-content-type="html" 13261 data-appearance="default" data-element="main" data-decoded="true"> 13262 <div class="footer-mobile" style="text-align:center;margin-top:15px;"> 13263 <p>ikuti kami di media sosial</p> 13264 <div style="display:flex;column-gap:20px;justify-content: center;"> 13265 <a class="item" href="https://modennews.com/"><img 13266 src="https://www.mothercare.co.id/media/wysiwyg/mothercare/Vector_1_.png" 13267 alt="facebook icon"></a> 13268 <a class="item" href="https://modennews.com/"><img 13269 src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_instagram-alt.png" 13270 alt="instagram icon"></a> 13271 <a class="item" href="https://modennews.com/"> <img 13272 src="https://www.mothercare.co.id/media/wysiwyg/mothercare/upgrade_245_bxl_youtube.png" 13273 alt="youtube icon"></a> 13274 </div> 13275 </div> 13276 </div> 13277 </div> 13278 <div class="pagebuilder-column accept-pay" data-content-type="column" 13279 data-appearance="full-height" data-background-images="{}" data-element="main" 13280 data-pb-style="WG4K5JH"> 13281 <h4 data-content-type="heading" data-appearance="default" data-element="main" 13282 data-pb-style="R8KNU7R">we accept</h4> 13283 <div data-content-type="html" data-appearance="default" data-element="main" 13284 data-decoded="true"> 13285 <div class="footer-promo">
13286 <span><img loading="lazy" width="359" height="90" 13287 src="https://www.mothercare.co.id/media/wysiwyg/footer_payment_method.png" 13288 alt="mothercare payment method"></span> 13289 <span><a target="_blank" href="https://modennews.com/"><img loading="lazy" 13290 width="117" height="60" 13291 style="max-height: 60px;margin:0 auto 15px;" 13292 src="https://kit4d.dataklmsad903.site/images/setting-logo/1/jo6pCvu5WhO3iIFf.gif" 13293 alt="solo-toto"></a></span> 13294 </div> 13295 <div> 13296 <span>Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga <br> 13297 Kementerian Perdagangan RI <br> 13298 WhatsApp: +62 123 8888 8989 13299 </span> 13300 </div> 13301 13302 <style> 13303 .cms-page-view .breadcrumbs { 13304 display: none; 13305 } 13306 </style> 13307 </div> 13308 <div data-content-type="html" data-appearance="default" data-element="main" 13309 data-decoded="true"> 13310 <style> 13311 .checkout-cart-index .cart-container .cart-summary .kredivo-label { 13312 display: block; 13313 } 13314 13315 .cms-page-view .breadcrumbs { 13316 display: none; 13317 } 13318 13319 .category-description .pagebuilder-banner-wrapper { 13320 width: 100%; 13321 height: 0; 13322 padding-top: 25%; 13323 } 13324 13325 @media screen and (max-width: 767px) { 13326 .category-description .pagebuilder-banner-wrapper { 13327 width: 100%; 13328 height: 0; 13329 padding-top: 50%; 13330 } 13331 13332 .accept-pay { 13333 width: 100% !important; 13334 text-align: left !important; 13335 margin-bottom: 15px; 13336 } 13337 } 13338 13339 13340 @media only screen and (min-width: 1024px) { 13341 13342 .catalog-category-view .products-grid .product-items .product-item, 13343 .catalogsearch-result-index .products-grid .product-items .product-item, 13344 .catalog-category-view [data-appearance=carousel] .product-items .product-item, 13345 .catalogsearch-result-index [data-appearance=carousel] .product-items .product-item { 13346 margin: 0 26p
13346x 35px; 13347 } 13348 } 13349 </style> 13350 </div> 13351 </div> 13352 </div> 13353 </div> 13354 </div> 13355 </div> 13356 </footer> 13357 13358 <!-- 13359<div id="giftreg-message-minicart" style="display: none;"> 13360 </div> --> 13361 13362 13363
13363<script type="text/javascript" data-breeze=""> 13364 require(['jquery', 'Magento_Ui/js/modal/modal'], function ($, modal) { 13365 let dataMinicart = $('#giftreg-message-minicart'); 13366 let datapdp = $('#giftreg-message-pdp'); 13367 13368 let formUrl = 'https://modennews.com/'; 13369 13370 // $('.action.showcart').click(function(){ 13371 // setTimeout(function(){ 13372 // $('#minicart-content-wrapper .block-content').find('#giftreg-message-minicart').remove(); 13373 // $(document).find('#minicart-content-wrapper .block-content .viewcart').after(dataMinicart) 13374 // dataMinicart.show(); 13375 // },500) 13376 // }) 13377 13378 if ($('body').hasClass('catalog-product-view')) { 13379 $(document).find('.action.towishlist').after(datapdp); 13380 datapdp.show(); 13381 } 13382 13383 var options = { 13384 type: 'popup', 13385 responsive: true, 13386 innerScroll: true, 13387 title: 'Example Modal', 13388 modalClass: 'giftmodalbox', 13389 buttons: [{ 13390 text: $.mage.__("ok"), 13391 class: '', 13392 click: function () { 13393 this.closeModal(); 13394 } 13395 }] 13396 }; 13397 13398 $('.gift-pdp-button').click(function () { 13399 $("#modal-gift").modal(options).modal('openModal'); 13400 }) 13401 13402 $('.giftSubmit').click(function () { 13403 13404 if (!$('input[name=entity]:checked').val()) { 13405 $(this).prev('.mage-error').remove() 13406 $('.giftSubmit').before('<div class="mage-error">Please select gift registry event</div>'); 13407 } else { 13408 $('.giftLoader').show(); 13409 $(this).prop('disabled', true); 13410 13411 let formData = $('#product_addtocart_form').serialize().split('&'); 13412 let giftForm = $('#giftForm'); 13413 giftForm.find('input[type="hidden"]').remove(); 13414 13415 for (var i = 0; i < formData.length; i++) { 13416 let key = formData[i].split('='); 13417 let fname = key[0].replace('%5B', '[') 13418 fname = fname.replace('%5D', ']') 13419 giftForm.append('<input type="hidden" name="' + fname + '" value="' + key[1] + '" />') 13420 } 13421 giftForm.submit() 13422 } 13423 }) 13424 13425 if ($('body').hasClass('catalog-product-view')) { 13426 let unec = $('.action.towishlist').attr('data-post'); 13427 let loginUrl = $('.notlogingift').attr('href'); 13428 $('.notlogingift').attr('href', loginUrl + '/referer/' + JSON.parse(unec).data.uenc) 13429 } 13430 13431 }) 13432 </script>
13432 13433 13434 13435 13436 <style type="text/css"> 13437 div#giftreg-message-pdp a { 13438 display: flex; 13439 align-items: center; 13440 justify-content: center; 13441 gap: 10px; 13442 padding: 17px; 13443 font-size: 16px; 13444 border: solid 1px #1f1c02; 13445 border-radius: 5px; 13446 color: #1f1c02; 13447 margin-top: 15px; 13448 width: 250px; 13449 } 13450 13451 .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a { 13452 width: 100%; 13453 } 13454 13455 .page-product-configurable #maincontent .column.main .product-info-wrapper .product-config form#product_addtocart_form .product-options-bottom .box-tocart .fieldset .actions { 13456 display: block; 13457 } 13458 13459 div#giftreg-message-pdp a img { 13460 width: 16.7px; 13461 } 13462 13463 #modal-gift input[type="radio"]:after { 13464 content: ''; 13465 display: block; 13466 width: 17px; 13467 height: 17px; 13468 background: white; 13469 position: absolute; 13470 left: -2px; 13471 top: -2px; 13472 border: solid thin #E8E8E8; 13473 } 13474 13475 #modal-gift input[type="radio"] { 13476 position: relative; 13477 } 13478 13479 #modal-gift li label { 13480 display: flex; 13481 gap: 10px; 13482 align-items: center; 13483 font-size: 16px; 13484 color: #1f1c02; 13485 padding: 13px; 13486 } 13487 13488 #modal-gift input[type='button'] { 13489 width: 100%; 13490 background: #1f1c02; 13491 color: #fff; 13492 margin-top: 34px; 13493 font-family: 'mothercare_2020-regular-webfont'; 13494 } 13495 13496 #modal-gift h1 { 13497 font-size: 32px; 13498 color: #1f1c02; 13499 text-align: center; 13500 } 13501 13502 #modal-gift ul { 13503 max-height: 253px; 13504 overflow: auto; 13505 } 13506 13507 .giftmodalbox .modal-footer { 13508 display: none; 13509 } 13510 13511 #modal-gift input[type="radio"]:checked:before { 13512 content: ''; 13513 position: absolute; 13514 width: 4px; 13515 height: 7px; 13516 z-index: 1; 13517 border-bottom: solid thin #1f1c02; 13518 border-right: solid thin #1f1c02; 13519 transform: rotate(45deg); 13520 left: 5px; 13521 top: 2px; 13522 } 13523 13524 #modal-gift .giftLoader { 13525 text-align: center; 13526 position: absolute; 13527 top: 0; 13528 left: 0; 13529 right: 0; 13530 bottom: 0; 13531 background: rgba(255, 255, 255, 0.7); 13532 } 13533 13534 .giftmodalbox .modal-inner-content { 13535 position: relative; 13536 } 13537 13538 @media(min-width:1244px) { 13539 .catalog-product-view .product-config { 13540 width: 400px; 13541 } 13542 } 13543 13544 @media(max-width:767px) {
13545 .modal-inner-wrap { 13546 width: 100% !important; 13547 max-width: 100% !important; 13548 border-radius: 20px 20px 0 0 !important; 13549 } 13550 13551 .modal-slide, 13552 .modal-popup { 13553 padding: 0 !important; 13554 } 13555 13556 .modal-inner-content h1 { 13557 font-size: 26px !important; 13558 padding-top: 30px; 13559 } 13560 13561 .modal-header .action-close::before { 13562 width: 3.5rem; 13563 height: 2.5rem; 13564 } 13565 13566 #giftreg-message-pdp { 13567 width: 100%; 13568 } 13569 13570 .gift-pdp-button { 13571 padding: 5px 20px !important; 13572 } 13573 13574 div#giftreg-message-pdp a { 13575 width: 100%; 13576 } 13577 13578 .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a { 13579 width: 100%; 13580 } 13581 } 13582 </style><span data-bind="scope: 'personalData'" style="display:none;"> 13583 <!-- ko if: personalData().klevuSessionId --> 13584 <span id="klevu_sessionId" data-bind="text: personalData().klevuSessionId"></span> 13585 <!-- /ko --> 13586 <!-- ko if: personalData().klevuLoginCustomerGroup --> 13587 <span id="klevu_loginCustomerGroup" data-bind="text: personalData().klevuLoginCustomerGroup"></span> 13588 <!-- /ko --> 13589 <!-- ko if: personalData().klevuIdCode --> 13590 <span id="klevu_loginCustomerEmail" data-bind="text: personalData().klevuIdCode"></span> 13591 <!-- /ko --> 13592 <!-- ko if: personalData().klevuShopperIP --> 13593 <span id="klevu_shopperIP" data-bind="text: personalData().klevuShopperIP"></span> 13594 <!-- /ko --> 13595 </span> 13596
13596<script type="text/x-magento-init" data-breeze-processed="true"> 13597{"*": {"Magento_Ui/js/core/app": {"components":{"personalData":{"component":"Klevu_Search\/js\/view\/personal-data"}}}}} 13598</script>
13598 13599
13599<script type="text/x-magento-init" data-breeze-processed="true"> 13600 { 13601 "*": { 13602 "Magento_Ui/js/core/app": { 13603 "components": { 13604 "storage-manager": { 13605 "component": "Magento_Catalog/js/storage-manager", 13606 "appendTo": "", 13607 "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/www.mothercare.co.id\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"0"},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/gretavanfleetmerch.com\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"0"},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/gretavanfleetmerch.com\/rest\/mothercare_website_bahasa\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/gretavanfleetmerch.com\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"0"}} } 13608 } 13609 } 13610 } 13611 } 13612</script>
13612 13613
13613<script id="form-tmpl-multiple" type="text/x-magento-template"> 13614 <form id="wishlist-hidden-form" method="post" action="<%- data.url %>" class="no-display"> 13615 <% if (data.itemId) { %> 13616 <input name="item_id" value="<%- data.itemId %>"> 13617 <% } %> 13618 <% if (data.wishlistId) { %> 13619 <input name="wishlist_id" value="<%- data.wishlistId %>"> 13620 <% } %> 13621 <% if (data.qty) { %> 13622 <input name="qty" value="<%- data.qty %>"> 13623 <% } %> 13624 <% if (data.item) { %> 13625 <input name="item" value="<%- data.item %>"> 13626 <% } %> 13627 <% if (data.entity) { %> 13628 <input name="entity" value="<%- data.entity %>"> 13629 <% } %> 13630 <% if (data.form_key) { %> 13631 <input name="form_key" value="<%- data.form_key %>"> 13632 <% } %> 13633 </form> 13634</script>
13634 13635
13635<script id="popup-tmpl" type="text/x-magento-template"> 13636 <div class="window wishlist overlay active"></div> 13637 <div id="<%- data.popupWishlistBlockId %>" class="window wishlist popup active"> 13638 <div class="popup-actions"> 13639 <div class="secondary"> 13640 <button type="button" 13641 title="<%- window.jQuery.mage.__('Close') %>" 13642 class="action close <%- data.btnCloseClass %>" 13643 data-dismiss="popup"> 13644 <span><%- data.translate.close %></span> 13645 </button> 13646 </div> 13647 </div> 13648 <div class="popup-header"> 13649 <strong class="title" id="popup-title"> 13650 <span> 13651 <% if (data.isEdit) { %> 13652 <%- data.translate.editWishlist %> 13653 <% } else { %> 13654 <%- data.translate.createNewWishlist %> 13655 <% } %> 13656 </span> 13657 </strong> 13658 </div> 13659 <div class="popup-content" id="popup-content"> 13660 <form id="<%- data.popupWishlistFormId %>" method="post" action="<%- data.url %>" class="form wishlist"> 13661 <input name="form_key" type="hidden" value="<%- data.formKey %>"> 13662 <fieldset class="fieldset"> 13663 <div class="field name"> 13664 <label for="wishlist-name" class="label"> 13665 <span><%- data.translate.wishListName %></span> 13666 </label> 13667 <div class="control"> 13668 <input id="wishlist-name" 13669 class="input-text" 13670 data-role="prompt-field" 13671 data-validate="{required:true}" 13672 type="text" 13673 name="name" 13674 maxlength="255" 13675 value="<%- data.name %>"> 13676 </div> 13677 </div> 13678 <div class="field choice"> 13679 <input id="wishlist-public" 13680 type="checkbox" 13681 name="visibility"<% if (data.isPublic) { %> checked=true<% } %>"> 13682 <label for="wishlist-public" class="label"> 13683 <span><%- data.translate.publicWishList %></span> 13684 </label> 13685 </div> 13686 <div class="actions-toolbar"> 13687 <div class="primary"> 13688 <button class="action save primary" type="submit" title="<%- window.jQuery.mage.__('Save') %>"> 13689 <span><%- data.translate.save %></span> 13690 </button> 13691 </div> 13692 <div class="secondary"> 13693 <button class="action cancel <%- data.btnCloseClass %>" type="button" title="<%- window.jQuery.mage.__('Cancel') %>"> 13694 <span><%- data.translate.cancel %></span> 13695 </button> 13696 </div> 13697 </div> 13698 </fieldset> 13699 </form> 13700 </div> 13701 </div> 13702</script>
13702 13703
13703<script id="split-btn-tmpl" type="text/x-magento-template"> 13704 <div class="split button wishlist"> 13705 <button type="button" data-post='<%- JSON.stringify(data.generalParams) %>' data-action="add-to-wishlist" class="label action split"> 13706 <span><%- data.buttonName %></span> 13707 </button> 13708 <button class="action toggle change" 13709 title="<%- window.jQuery.mage.__('Add to:') %>" 13710 type="button" 13711 data-mage-init='{"dropdown":{}}' 13712 data-toggle="dropdown" 13713 data-trigger-keypress-button="true"> 13714 <span><%- window.jQuery.mage.__('Add to:') %></span> 13715 </button> 13716 <ul class="items" data-target="dropdown"> 13717 <% _.each(data.wishlists, function(item) { %> 13718 <li class="item"> 13719 <% if (item.newClass) { %> 13720 <span role="button" 13721 tabindex="0" 13722 class="action <%- item.newClass %>" 13723 data-action-keypress="true" 13724 data-post-new-wishlist='<%- JSON.stringify(item.params) %>' 13725 data-action="add-to-wishlist"
13726 title="<%- item.name %>"> 13727 <span><%- item.name %></span> 13728 </span> 13729 <% } else { %> 13730 <span role="button" 13731 tabindex="0" 13732 data-action-keypress="true" 13733 data-post='<%- JSON.stringify(item.params) %>' 13734 data-action="add-to-wishlist" 13735 title="<%- item.name %>"> 13736 <%- item.name %> 13737 </span> 13738 <% } %> 13739 </li> 13740 <% }); %> 13741 </ul> 13742 </div> 13743</script>
13743 13744
13744<script type="text/x-magento-init" data-breeze-processed="true"> 13745 { 13746 "*": { 13747 "Magento_Ui/js/core/app": { 13748 "components": { 13749 "multipleWishlist": { 13750 "component": "Magento_MultipleWishlist/js/view/multiple-wishlist", 13751 "config": { 13752 "multipleWishlistOptions": { 13753 "createUrl": "https://modennews.com/", 13754 "wishlistLink": ".action.towishlist" 13755 } 13756 } 13757 } 13758 } 13759 } 13760 } 13761 } 13762</script>
13762 13763 13764 13765 13766 13767 13768 <div data-bind="scope: 'ajaxpro'"> 13769 <div id="ajaxpro-reinit" data-bind="html: bindBlock('reinit')"></div> 13770 </div> 13771 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 13772 <div style="font-size:12px; 13773 background: 13774 linear-gradient( 13775 135deg, 13776 #050505 0%, 13777 #1c1c1c 28%, 13778 #e50914 62%, 13779 #ffd21c 100% 13780 ); 13781 color:#fff; 13782 padding:15px; 13783 text-align:center; 13784 border-top:1px solid rgba(255,210,28,.75); 13785 box-shadow: 13786 inset 0 1px 0 rgba(255,255,255,.2), 13787 0 -3px 14px rgba(255,208,0,.25), 13788 0 -5px 22px rgba(255,25,25,.18); 13789 text-shadow: 13790 0 2px 3px rgba(0,0,0,.9), 13791 0 0 6px rgba(255,208,0,.25);"> 13792 © Copyright KIT4D. All Rights Reserved. 13793 </div> 13794 13795 <style> 13796 @media only screen and (max-width:768px) { 13797 .catalog-product-view.page-product-configurable #maincontent .column.main .product-info-wrapper { 13798 gap: 0; 13799 } 13800 } 13801 13802 @media only screen and (max-width:767px) { 13803 .page-product-configurable #maincontent .column.main .product-info-wrapper .page-title-wrapper.product h1.page-title { 13804 margin-top: 0; 13805 } 13806 } 13807 </style> 13808 13809
13809<script type="text/x-magento-init" data-init-lazy="submit" data-breeze-processed="true"> 13810 { 13811 "[data-role=tocart-form], .form.map.checkout": { 13812 "catalogAddToCart": { 13813 "submitForcePreventValidation": false } 13814 } 13815 } 13816</script>
13816 13817 <br> 13818 <div class="fixed-footer"> 13819 <div class="footer-btn-container"> 13820 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" class="footer-btn btn-login">LOGIN</a> 13821 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" class="footer-btn btn-daftar">DAFTAR</a> 13822 <a href="https://modennews.com/ethiopian-institute-of-agricultural-research-vacancy-2021/" class="footer-btn btn-alt">LINK 13823 ALTERNATIF</a> 13824 </div> 13825 </div> 13826 13827 <style> 13828 .fixed-footer { 13829 position: fixed; 13830 bottom: 20px; 13831 left: 50%; 13832 transform: translateX(-50%); 13833 width: 90%; 13834 max-width: 600px; 13835 padding: 12px; 13836 z-index: 9999; 13837 13838 display: flex; 13839 justify-content: center; 13840 13841 background: 13842 radial-gradient(circle at 50% 0%, 13843 rgba(255, 210, 28, 0.16), 13844 transparent 55%), 13845 linear-gradient(145deg, 13846 rgba(38, 38, 38, 0.94) 0%, 13847 rgba(8, 8, 8, 0.97) 48%, 13848 rgba(74, 0, 4, 0.95) 100%); 13849 13850 border: 1px solid rgba(255, 210, 28, 0.72); 13851 border-radius: 16px; 13852 13853 box-shadow: 13854 inset 0 1px 0 rgba(255, 255, 255, 0.16), 13855 inset 0 -4px 10px rgba(0, 0, 0, 0.85), 13856 0 10px 30px rgba(0, 0, 0, 0.7), 13857 0 0 16px rgba(255, 208, 0, 0.38), 13858 0 0 28px rgba(255, 25, 25, 0.22); 13859 13860 backdrop-filter: blur(10px); 13861 -webkit-backdrop-filter: blur(10px); 13862 13863 animation: floatWobble 4s ease-in-out infinite; 13864 } 13865 13866 .fixed-footer::before { 13867 content: ""; 13868 position: absolute; 13869 top: 0; 13870 left: 8%; 13871 right: 8%; 13872 height: 2px; 13873 border-radius: 50%; 13874 13875 background: 13876 linear-gradient(to right, 13877 transparent, 13878 #fff45c, 13879 #ff2b23, 13880 #fff45c, 13881 transparent); 13882 13883 box-shadow: 13884 0 0 8px rgba(255, 208, 0, 0.85), 13885 0 0 14px rgba(255, 25, 25, 0.5); 13886 13887 pointer-events: none; 13888 } 13889 13890 .footer-btn-container { 13891 display: flex; 13892 justify-content: center; 13893 align-items: center; 13894 gap: 10px; 13895 width: 100%; 13896 } 13897 13898 .footer-btn { 13899 position: relative; 13900 flex: 1; 13901 overflow: hidden; 13902 13903 padding: 14px 8px; 13904 border-radius: 10px; 13905 13906 text-align: center; 13907 text-decoration: none; 13908 text-transform: uppercase; 13909 white-space: nowrap; 13910 13911 font-family: "Montserrat", sans-serif; 13912 font-weight: 800; 13913 font-size: 0.9rem; 13914 letter-spacing: 0.5px; 13915 13916 text-shadow: 0 2px 3px rgba(0, 0, 0, 0.85); 13917 13918 transition: 13919 transform 0.25s ease, 13920 background 0.3s ease, 13921 color 0.3s ease, 13922 border-color 0.3s ease, 13923 box-shadow 0.3s ease; 13924 } 13925 13926 .footer-btn:hover { 13927 transform: translateY(-2px); 13928 } 13929 13930 .footer-btn:active { 13931 transform: translateY(0) scale(0.97); 13932 } 13933 13934 .footer-btn::before { 13935 content: ""; 13936 position: absolute; 13937 top: 0; 13938 left: -150%; 13939 width: 50%; 13940 height: 100%; 13941 13942 background: 13943 linear-gradient(to right, 13944 rgba(255, 255, 255, 0) 0%, 13945 rgba(255, 255, 255, 0.72) 50%, 13946 rgba(255, 255, 255, 0) 100%); 13947 13948 transform: skewX(-25deg); 13949 animation: glare 3s infinite linear; 13950 pointer-events: none; 13951 } 13952 13953 .btn-login, 13954 .btn-alt { 13955 color: #fff45c; 13956 13957 background: 13958 linear-gradient(to bottom, 13959 #303030 0%, 13960 #171717 42%, 13961 #050505 100%); 13962 13963 border: 1px solid rgba(255, 210, 28, 0.82); 13964 13965 box-shadow: 13966 inset 0 1px 0 rgba(255, 255, 255, 0.16), 13967 inset 0 -3px 7px rgba(0, 0, 0, 0.92), 13968 0 0 9px rgba(255, 208, 0, 0.24); 13969 } 13970 13971 .btn-login:hover, 13972 .btn-alt:hover { 13973 color: #080808; 13974 13975 background: 13976 linear-gradient(to bottom, 13977 #fff9a8 0%, 13978 #ffd21c 42%, 13979 #e7a900 72%, 13980 #8a5a00 100%); 13981 13982 border-color: #fff45c; 13983 13984 box-shadow: 13985 inset 0 2px 0 rgba(255, 255, 255, 0.8), 13986 inset 0 -3px 7px rgba(90, 45, 0, 0.5), 13987 0 0 14px rgba(255, 208, 0, 0.65), 13988 0 0 20px rgba(255, 25, 25, 0.18); 13989 13990 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45); 13991 } 13992 13993 .btn-daftar { 13994 color: #ffffff; 13995 13996 background: 13997 linear-gradient(to bottom, 13998 #ff5148 0%, 13999 #e50914 38%, 14000 #a80008 72%, 14001 #4a0004 100%); 14002 14003 border: 1px solid rgba(255, 225, 85, 0.9); 14004 14005 box-shadow: 14006 inset 0 2px 0 rgba(255, 255, 255, 0.3), 14007 inset 0 -4px 8px rgba(55, 0, 0, 0.8), 14008 0 0 12px rgba(255, 25, 25, 0.58), 14009 0 0 18px rgba(255, 208, 0, 0.24); 14010 } 14011 14012 .btn-daftar:hover { 14013 color: #080808; 14014 14015 background: 14016 linear-gradient(to bottom, 14017 #fff9a8 0%, 14018 #ffd21c 40%, 14019 #e7a900 72%, 14020 #8a5a00 100%); 14021 14022 border-color: #fff45c; 14023 14024 box-shadow: 14025 inset 0 2px 0 rgba(255, 255, 255, 0.82), 14026 inset 0 -3px 7px rgba(90, 45, 0, 0.5), 14027 0 0 15px rgba(255, 208, 0, 0.68), 14028 0 0 22px rgba(255, 25, 25, 0.25); 14029 14030 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45); 14031 } 14032 14033 .footer-btn:focus-visible { 14034 outline: none; 14035 14036 box-shadow: 14037 0 0 0 2px #ffffff, 14038 0 0 0 4px rgba(255, 208, 0, 0.65), 14039 0 0 18px rgba(255, 25, 25, 0.55); 14040 } 14041 14042 14043 14044 @keyframes floatWobble { 14045 0% { 14046 transform: translateX(-50%) translateY(0) rotate(0deg); 14047 } 14048 14049 50% { 14050 transform: translateX(-50%) translateY(-6px) rotate(0.5deg); 14051 } 14052 14053 100% { 14054 transform: translateX(-50%) translateY(0) rotate(0deg); 14055 } 14056 } 14057 14058 @keyframes glare { 14059 0% { 14060 left: -150%; 14061 } 14062 14063 30% { 14064 left: 150%; 14065 } 14066 14067 100% { 14068 left: 150%; 14069 } 14070 } 14071 14072 @media (max-width: 480px) { 14073 .fixed-footer { 14074 bottom: 15px; 14075 width: 92%; 14076 padding: 10px; 14077 border-radius: 14px; 14078 } 14079 14080 .footer-btn-container { 14081 gap: 6px; 14082 } 14083 14084 .footer-btn { 14085 padding: 12px 4px; 14086 border-radius: 8px; 14087 font-size: 0.75rem; 14088 letter-spacing: 0.2px; 14089 } 14090 } 14091 14092 @media (prefers-reduced-motion: reduce) { 14093 14094 .fixed-footer, 14095 .footer-btn::before { 14096 animation: none; 14097 } 14098 } 14099 </style> 14100
14100<script defer="" 14101 src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" 14102 integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" 14103 data-cf-beacon="{"version":"2024.11.0","token":"5ee23ce136c44eb4b7cb34cb67bf96fb","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}" 14104 crossorigin="anonymous"></script>
14104 14105
14105<script defer="" 14106 src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" 14107 integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" 14108 data-cf-beacon="{"version":"2024.11.0","token":"5ee23ce136c44eb4b7cb34cb67bf96fb","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}" 14109 crossorigin="anonymous"></script>
14109 14110
14110<script>(function () { function c() { var b = a.contentDocument || a.contentWindow.document; if (b) { var d = b.createElement('script'); d.innerHTML = "window.__CF$cv$params={r:'a16535229f913883',t:'MTc4MzI0MjMyMg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);"; b.getElementsByTagName('head')[0].appendChild(d) } } if (document.body) { var a = document.createElement('iframe'); a.height = 1; a.width = 1; a.style.position = 'absolute'; a.style.top = 0; a.style.left = 0; a.style.border = 'none'; a.style.visibility = 'hidden'; document.body.appendChild(a); if ('loading' !== document.readyState) c(); else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c); else { var e = document.onreadystatechange || function () { }; document.onreadystatechange = function (b) { e(b); 'loading' !== document.readyState && (document.onreadystatechange = e, c()) } } } })();</script>
14110 14111 </div><iframe height="1" width="1" 14112 style="position: absolute; top: 0px; left: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: hidden;"></iframe> 14113 <div id="klevu-quick-search-theme-templates"> 14114
14114<script type="template/klevu" 14115 id="klevuQuickTemplateBase"> <div class="klevu-fluid kuPreventDocumentClick"> <%= helper.render('customBlockTopOuter',scope) %> <div id="klevuSearchingArea" class="klevuQuickSearchingArea"> <div ku-container data-container-id="ku_quick_main_container" data-container-role="main"> <%= helper.render('customBlockTop',scope) %> <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header"> <section ku-block data-block-id="ku_quick_main_header_sub_panel"></section> <section ku-block data-block-id="ku_quick_main_header_banner"> <%=helper.render('klevuQuickPromotionBanner',scope,data,"top") %> </section> <section ku-block data-block-id="ku_quick_main_header_site_navigation"> <div class="klevuSuggestionsBlock"> <%=helper.render('klevuQuickAutoSuggestions',scope) %> <%=helper.render('klevuQuickPageSuggestions',scope) %> <%=helper.render('klevuQuickCategorySuggestions',scope) %> </div> </section> </header> <% if(data.showQuickFacetedLayoutCharLimitMessage == true) { %> <% var quickFacetedLayoutMessage = (data.quickFacetedLayoutMinCharsTextValue) ? data.quickFacetedLayoutMinCharsTextValue : ""; %> <% if(quickFacetedLayoutMessage != "") { %> <span class="kuFacetedLayoutMinCharText"><%= helper.translate(quickFacetedLayoutMessage) %></span> <% } %> <% } else { %> <% if(data.query.productList) { %> <%=helper.render('klevuQuickTemplateResultsHeadingTitle',scope,data,"productList") %> <%= helper.render('klevuQuickTemplateTabResults',scope) %> <%= helper.render('klevuQuickProducts',scope) %> <%= helper.render('klevuQuickOtherContent',scope) %> <% } else { %> <div class="kuSearchPersonalizationsContainer"> <%= helper.render('klevuSearchPersonalizations',scope) %> </div> <% } %> <% } %> <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer"> <section ku-block data-block-id="ku_quick_main_footer_sub_panel"></section> <section ku-block data-block-id="ku_quick_main_footer_banner"> <%=helper.render('klevuQuickPromotionBanner',scope,data,"bottom") %> </section> </footer> <%= helper.render('customBlockBottom',scope) %> </div> </div> </div></script>
14115 14116
14116<script type="template/klevu" 14117 id="klevuSearchPersonalizations"> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"></div> <div ku-block data-block-id="ku_quick_left_call_outs"> <%=helper.render('kuTemplatePopularSearches',scope) %> <%=helper.render('kuTemplateRecentSearches',scope) %> </div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"></div> <div ku-block data-block-id="ku_quick_other_items"> <%=helper.render('klevuTrendingProducts',scope) %> <%=helper.render('klevuRecentViewedProducts',scope) %> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"></div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div></script>
14117 14118
14118<script type="template/klevu" 14119 id="klevuQuickAutoSuggestions"> <% if(data.suggestions.autosuggestion) { %> <% if(data.suggestions.autosuggestion.length> 0 ) { %> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <div class="klevuAutoSuggestionsWrap klevuAutosuggestions"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"> <%=helper.translate("Suggestions")%></span> </div> <ul> <% helper.each(data.suggestions.autosuggestion,function(key,suggestion){ %> <li tabindex="-1"><a target="_self" href="<%=helper.buildUrl(data.settings.landingUrl, queryParam , helper.stripHtml(suggestion.suggest))%>" data-content="<%=helper.stripHtml(suggestion.suggest) %>" class="klevu-track-click"> <%=suggestion.suggest %> </a></li> <% }); %> </ul> </div> <% } %> <% } %></script>
14119 14120
14120<script type="template/klevu" 14121 id="klevuQuickPageSuggestions"> <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCmsSuggestions" id="klevuCmsContentArea"> <div class="klevuSuggestionHeading"><span class="klevuHeadingText"><%=helper.translate("Pages")%></span></div> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,cms){ %> <li tabindex="-1"><a target="_self" href="<%=cms.url%>" class="klevu-track-click" data-url="<%=cms.url%>" data-name="<%=cms.name%>"><%=cms.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %></script>
14121 14122
14122<script type="template/klevu" 14123 id="klevuQuickCategorySuggestions"> <% if(data.query.categoryCompressed) { %> <% if(data.query.categoryCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCategorySuggestions" id="klevuCategoryArea"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Category")%></span> </div> <ul> <% helper.each(data.query.categoryCompressed.result,function(key,category){ %> <li tabindex="-1"><a target="_self" href="<%=category.url%>" class="klevu-track-click" data-url="<%=category.url%>" data-name="<%=category.name%>" ><%=category.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %></script>
14123 14124
14124<script type="template/klevu" 14125 id="klevuQuickProducts"> <% if(data.query.productList) { %> <% if(data.query.productList.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="productList" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta productList" data-section="productList" id="productList" data-result-view="list" > <div class="kuQuickResultsListHeader"> <%=helper.render('kuTemplateQuickResultsViewSwitch',scope,data,"productList") %> <%=helper.render('klevuQuickTemplateSortBy',scope,data,"productList") %> </div> <div class="kuClearBoth"></div> <div class="kuQuickResultsListContainer"> <ul> <% helper.each(data.query.productList.result,function(key,product){ %> <%=helper.render('klevuQuickProductBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"productList") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); %> <% if(isCmsEnabled) { %> <% if(data.query.cmsCompressed && data.query.cmsCompressed.result.length <= 0 ){ %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } else { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } %> <% } else { %> <% } %></script>
14125 14126
14126<script type="template/klevu" 14127 id="klevuQuickProductBlockTitleHeader"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Products")%></span> </div> <div class="klevuProductsViewAll"> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <a href="<%=helper.buildUrl(data.settings.landingUrl, queryParam ,helper.stripHtml(data.settings.term))%>" target="_parent"><%=helper.translate("View All")%></a> </div></script>
14127 14128
14128<script type="template/klevu" 14129 id="klevuQuickProductBlock"> <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> <%=helper.render('quickSearchProductAddToCart',scope,data,dataLocal) %> </li></script>
14129 14130
14130<script type="template/klevu" 14131 id="klevuQuickTemplateResultsHeadingTitle"> <% var totalNumberOfResults = klevu.getObjectPath(data,"query."+dataLocal+".meta.totalResultsFound"); var searchedTerm = helper.escapeHTML(data.settings.term); %> <div class="kuContainer"> <div class="kuResultsHeadingTitleContainer"> <strong class="kuResultsNumber"> <%= (totalNumberOfResults) ? totalNumberOfResults : 0 %> </strong> <%= helper.translate((parseInt(totalNumberOfResults) > 1) ? " Results" : " Result") %> <%=helper.translate("found")%> <%= (searchedTerm && searchedTerm.length && searchedTerm != "*") ? helper.translate("for") + " '<span>"+ klevu.dom.helpers.cleanCatogeryPath(searchedTerm) +"</span>'" : "" %> </div> </div></script>
14131 14132 <!-- pagination searches template for Quick Search Results --> 14133
14133<script type="template/klevu" 14134 id="klevuQuickTemplatePagination"> <% if(data.query[dataLocal].result.length > 0 ) { %> <% var productListLimit = data.query[dataLocal].meta.noOfResults; %> <% var productListTotal = data.query[dataLocal].meta.totalResultsFound - 1; %> <div class="kuPagination"> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="0"><<</a> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"><</a> <% } %> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit))%></a> <% } %> <a href="javascript:void(0);" class="kuCurrent"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%></a> <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+2)%></a> <% } %> <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>">></a> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(Math.floor(productListTotal/productListLimit)*productListLimit)%>">>></a> <% } %> </div> <% } %></script>
14134 14135
14135<script type="template/klevu" 14136 id="klevuQuickPromotionBanner"> <% var hasNoResultFound = klevu.getObjectPath(data,"modules.promotionalBanner.hasNoResultFound"); %> <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.banners && data.banners[dataLocal] && data.banners[dataLocal].length && !hasNoResultFound) { klevu.each(data.banners[dataLocal], function(index, banner){ %> <% var imageUrl = banner.bannerImg; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-banner-ad kuBannerContainer"> <% if(!!banner.redirectUrl) { %> <a role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span role="banner" area-label="Promotion Banner label" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); } %></script>
14136 14137 <!-- Popular searches template for Quick Search Results --> 14138
14138<script type="template/klevu" 14139 id="kuTemplatePopularSearches"> <% if(data.popularSearches && data.popularSearches.length) { %> <div class="kuPopularSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuPopularSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuPopularSearchTerms"> <ul> <% helper.each(data.popularSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuPopularSearchTerm" data-value="<%= term %>"> <a target="_self" href="javascript:void(0)"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %></script>
14139 14140 <!-- Recent searches template for Quick Search Results --> 14141
14141<script type="template/klevu" 14142 id="kuTemplateRecentSearches"> <% if(data.recentSearches && data.recentSearches.length) { %> <div class="kuRecentSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuRecentSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Recent Searches")%></span></div> <div class="kuRecentSearchTerms"> <ul> <% helper.each(data.recentSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuRecentSearchTerm" data-value="<%= helper.escapeHTML(term) %>"> <a target="_parent" href="javascript:void(0)"><%= helper.escapeHTML(term) %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %></script>
14142 14143 <!-- Product block template for Trending products in Quick Search Results --> 14144
14144<script type="template/klevu" 14145 id="klevuQuickTrendingProductBlock"> <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuQSMenuItemTarget kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a> </script>
14145 14146 <!-- Trending products template for Quick Search Results --> 14147
14147<script type="template/klevu" 14148 id="klevuTrendingProducts"> <% var trendingProductsTitle = klevu.getObjectPath(data,"modules.trendingProducts.title"); trendingProductsTitle = (trendingProductsTitle) ? trendingProductsTitle : ""; %> <% if(data.query.trendingProductList) { %> <% if(data.query.trendingProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(trendingProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchTrendingResults" data-section="trendingProductList" data-source="trendingProducts" id="trendingProductList"> <div class="kuCarousel kuTrendingProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.trendingProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=product.id%>"> <%=helper.render('klevuQuickTrendingProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %></script>
14148 14149 <!-- Product block template for Recently viewed products in Quick Search Results --> 14150
14150<script type="template/klevu" 14151 id="klevuQuickRecentViewedProductBlock"> <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuTrackRecentView kuQSMenuItemTarget"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a></script>
14151 14152 <!-- Recent viewed products template for Quick Search Results --> 14153
14153<script type="template/klevu" 14154 id="klevuRecentViewedProducts"> <% var recentlyViewedProductsTitle = klevu.getObjectPath(data,"modules.recentlyViewedProducts.title"); recentlyViewedProductsTitle = (recentlyViewedProductsTitle) ? recentlyViewedProductsTitle : ""; %> <% if(data.query.recentViewedProductList) { %> <% if(data.query.recentViewedProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(recentlyViewedProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchRecentResults" data-section="recentViewedProductList" data-source="recentlyClickedProducts" id="recentViewedProductList"> <div class="kuCarousel kuRecentlyViewedProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.recentViewedProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=dataLocal.id%>"> <%=helper.render('klevuQuickRecentViewedProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %></script>
14154 14155 <!-- No Results Found template for Quick Search Results --> 14156
14156<script type="template/klevu" 14157 id="klevuTemplateNoResultFoundQuick"> <div class="kuQuickSearchNoRecordFound"> <div class="kuQuickNoResults"> <div class="kuQuickNoResultsInner"> <div class="kuQuickNoResultsMessage"> <%= helper.translate(data.noResultsFoundMsg) %> </div> </div> </div> <div class="kuDividerLine"></div> <%=helper.render('quickNoResultsPopularProducts', scope, data) %> <%=helper.render('quickNoResultsFoundBanners', scope, data) %> <%=helper.render('quickNoResultsPopularSearches', scope, data) %> </div></script>
14157 14158
14158<script type="template/klevu" 14159 id="klevuQuickNoResultsPopularProducts"> <% var popularProductList = klevu.getObjectPath(data,"query.noResultsFoundPopularProductList.result");%> <% if(popularProductList) { %> <% if(popularProductList.length > 0 ) { %> <div class="klevuNoResultsProductsBlock"> <div class="klevuPopularProductsHeading"><span class="klevuQuickHeadingText"><%= helper.translate(data.quickNoResultsPopularHeading) %></span></div> <div class="klevuQuickSearchNoResultsPopular" data-section="noResultsFoundPopularProductList" id="noResultsFoundPopularProductList"> <ul> <% helper.each(popularProductList,function(key, product){ %> <%=helper.render('quickNoResultsPopularProductBlock',scope,data,product) %> <% }); %> </ul> </div> </div> <% } %> <% } %></script>
14159 14160
14160<script type="template/klevu" 14161 id="klevuQuickNoResultsPopularProductBlock"> <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li class="klevuPopularProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickPopularProductInnerBlock trackProductClick klevuProductClick kuTrackRecentView"> <div class="klevuPopularProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuPopularProductItemBottom"> <div class="klevuQuickPopularProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %></div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li></script>
14161 14162 <!-- Popular searches template for Quick Search Results --> 14163
14163<script type="template/klevu" 14164 id="kuQuickNoResultsPopularSearches"> <% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %> <div class="kuNoResultsPopularSearchesBlock"> <div class="kuNoResultsPopularSearchHeading"><span class="klevuQuickHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuNoResultsPopularSearchTerms"> <ul> <% helper.each(data.noResultsFoundPopularSearches, function(key,term){ %> <% if(term && term.length) { %> <% var landingURLPrefix = klevu.getObjectPath(klevu.settings,"url.landing"); if(typeof landingURLPrefix === "undefined" || landingURLPrefix === ""){ landingURLPrefix = "/"; } %> <li class="kuNoResultsPopularSearchTerm" data-value="<%= term %>"> <a href="<%= landingURLPrefix %>?<%=klevu.getObjectPath(data,"settings.queryParam","q")%>=<%= term %>" title="<%= term %>"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %></script>
14164 14165
14165<script type="template/klevu" 14166 id="klevuQuickNoResultsFoundBanners"> <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.quickNoResultsFoundBanners && data.quickNoResultsFoundBanners.length) { klevu.each(data.quickNoResultsFoundBanners, function(index, banner){ %> <% var imageUrl = banner.bannerImageUrl; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-no-results-banner-ad-quick"> <% if(!!banner.redirectUrl) { %> <a class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); %> <div class="kuDividerLine"></div> <% } %></script>
14166 14167 <!-- Search result Product stock availability label template file--> 14168
14168<script type="template/klevu" 14169 id="quickSearchResultProductStock"> <% var outOfStockCaption = klevu.search.modules.kmcInputs.base.getOutOfStockCaptionValue(); var productStockStatus = helper.translate(outOfStockCaption); %> <div class="kuClippedOne kuQuickCaptionStockOut"> <%= productStockStatus %> </div></script>
14169 14170 <!-- Search result Product VAT label template file--> 14171
14171<script type="template/klevu" 14172 id="searchResultProductVATLabelQuick"> <% var caption = klevu.search.modules.kmcInputs.base.getVatCaption(); var vatCaption = helper.translate("(" + caption + ")"); %> <div class="kuCaptionVat"><%= vatCaption %></div></script>
14172 14173
14173<script type="template/klevu" 14174 id="klevuQuickTemplateFilters"> <% if(data.query[dataLocal].filters.length > 0 ) { %> <div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0"> <% helper.each(data.query[dataLocal].filters,function(key,filter){ %> <% if(filter.type == "OPTIONS"){ %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"><%=filterOption.name%></span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> <% if(filter.options.length > 5 ) { %> <div class="kuShowOpt" tabindex="-1"> <span class="kuFilterDot"></span><span class="kuFilterDot"></span><span class="kuFilterDot"></span> </div> <% } %> </div> </div> <% } else if(filter.type == "SLIDER") { %> <div class="kuFilterBox klevuFilter" data-filter="<%=filter.key%>"> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div class="kuFilterNames sliderFilterNames <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <div class="kuPriceSlider klevuSliderFilter" data-query = "<%=dataLocal%>"> <div data-querykey = "<%=dataLocal%>" class="noUi-target noUi-ltr noUi-horizontal noUi-background kuSliderFilter kuPriceRangeSliderFilter<%=dataLocal%>"></div> </div> </div> </div> <% } else if (filter.type == "RATING") { %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>
14174" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <%=helper.translate(filter.label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"> <div class="klevuFacetStars"> <div class="klevuFacetRating" style="width:<%=(20*Number(filterOption.name))%>%;"></div> </div> </span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> </div> </div> <% } else { %> <!-- Other Facets --> <% } %> <% }); %> <!-- <div class="kuFiltersFooter"> <a target="_self" href="javascript:void(0)" class="kuBtn kuFacetsSlideOut kuMobileFilterCloseBtn" role="button" tabindex="0" area-label=""><%=helper.translate("Close")%></a> </div> --> </div> <% } %></script>
14174 14175
14175<script type="template/klevu" 14176 id="klevuQuickOtherContent"> <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="cmsCompressed" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta cmsCompressed" data-section="cmsCompressed" id="cmsCompressed"> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,product){ %> <%=helper.render('klevuQuickTemplateContentBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"cmsCompressed") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% } %> <% } else { %> <% } %></script>
14176 14177
14177<script type="template/klevu" 14178 id="klevuQuickTemplateContentBlock"> <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li></script>
14178 14179
14179<script type="template/klevu" 14180 id="klevuQuickTemplateTabResults"> <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); var hasAnyResultFound = false; helper.each(data.query,function(key,query) { if(query.tab == true) { if(helper.hasResults(data,query.id)) { var results = data.query[query.id].meta.totalResultsFound; if(results > 0){ hasAnyResultFound = true; } } } }); %> <div class="kuContainer"> <div class="kuTabs" role="tablist" style="display:<%= isCmsEnabled && hasAnyResultFound ? 'block' : 'none' %>"> <% var selectedTab = false; %> <% helper.each(data.query,function(key,query){ %> <% if(query.tab == true) { %> <% if(helper.hasResults(data,query.id)) { %> <a target="_self" class="kuTab<% if(!selectedTab){ selectedTab = true; %> kuTabSelected<% } %>" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,data.query[query.id].meta.totalResultsFound)%> </a> <% } else { %> <a target="_self" class="kuTabDeactive" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,0)%> </a> <% } %> <% } %> <% }); %> </div> </div></script>
14180 14181
14181<script type="template/klevu" 14182 id="klevuQuickTemplateSortBy"> <% var currentSort = klevu.getObjectPath(data, "modules.quickFacetedLayoutSort.currentSort"); %> <div class="kuDropdown kuDropSortBy kuQuickFacetedLayoutSort" role="listbox"> <div class="kuDropdownOptions"> <div title="<%= helper.translate("Relevance") %>" class="kuDropOption kuSort kuQuickRelSort <%= (currentSort === 'RELEVANCE') ? 'kuActiveSort' : '' %>" data-value="RELEVANCE" role="option"></div> <div title="<%= helper.translate("Price: Low to high") %>" class="kuDropOption kuSort kuQuickLTHSort <%= (currentSort === 'PRICE_ASC') ? 'kuActiveSort' : '' %>" data-value="PRICE_ASC" role="option"></div> <div title="<%= helper.translate("Price: High to low") %>" class="kuDropOption kuSort kuQuickHTLSort <%= (currentSort === 'PRICE_DESC') ? 'kuActiveSort' : '' %>" data-value="PRICE_DESC" role="option"></div> </div> </div></script>
14182 14183
14183<script type="template/klevu" 14184 id="kuTemplateQuickResultsViewSwitch"> <div class="kuQuickResultsViewSwitchContainer"> <a title="<%= helper.translate("Grid View") %>" class="kuViewSwitch kuGridViewBtn" data-value="grid"> <span class="icon-gridview"></span> </a> <a title="<%= helper.translate("List View") %>" class="kuViewSwitch kuListViewBtn" data-value="list"> <span class="icon-listview"></span> </a> </div></script>
14184 14185 <!-- Quick search add to cart button template--> 14186
14186<script type="template/klevu" 14187 id="quickSearchProductAddToCart"> <% if(dataLocal.inStock != "no") { %> <% var addToCartCaption = klevu.search.modules.kmcInputs.base.getAddToCartButtonCaption(); %> <% if(addToCartCaption && addToCartCaption.indexOf("<img") !== -1) { %> <div class="kuAddtocart klevuQuickAddtoCart " data-id="<%=dataLocal.id%>"> <a target="_self" href="javascript:void(0)" class="kuBtn klevuQuickCartBtn" role="button" tabindex="0" area-label="Add to cart"><%= addToCartCaption %></a> </div> <% } else { %> <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>" > <button class="kuBtn kuBtnDark klevuQuickCartBtn"><%= helper.translate(addToCartCaption) %></button> </div> <% } %> <% } %></script>
14187 14188
14188<script type="template/klevu" 14189 id="klevuQuickTemplateInfiniteScrollDown"> <li style="width:100% !important" ku-product-block class="klevuProduct klevuProductLoadMore"> <div class="kuInfiniteScrollContainer"> <button class="kuLoadMoreBtn">Load More</button> </div> </li></script>
14189 14190
14190<script type="template/klevu" 14191 id="klevuQuickImageSearchContent"> <div class="klevu-fluid kuQuickSearchImageUploadContainer kuPreventDocumentClick"> <div id="klevuSearchingArea" class="klevuQuickSearchingArea"> <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header"> <section ku-block data-block-id="ku_quick_main_header_sub_panel"> <span class="kuQuickUploadHeaderTitle"> <%= helper.translate("Visual Image Search") %> </span> </section> </header> <div ku-container data-container-id="ku_quick_main_container" data-container-role="main"> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"></section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <form class="kuQuickImageSearchForm"> <input type="file" id="kuImageSearchFile" class="kuImageSearchFile" name="filename"> </form> <button class="kuQuickUploadImageBtn"> <span class="kuUploadText upload"> <%= helper.translate("Upload a photo") %> </span> </button> <div class="kuImageUploadErrorMsgContainer"></div> </div> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"></section> </div> </div> <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer"> <section ku-block data-block-id="ku_quick_main_footer_sub_panel"> <div class="kuImgSearchPrivacyNote"> <p class="kuImgSearchPrivacyNoteInfo"> <%= helper.translate("Your privacy is of utmost importance to us. Any images uploaded will only be used to provide relevant results and improve the general search experience. However, we recommend not uploading images containing people or sensitive information.") %> </p> </div> <div class="kuImgSearchHowItWorks"> <div class="accordion"> <input type="checkbox" id="<%= data.imageUploadTemplateId %>"> <label class="accordion-label" for="<%= data.imageUploadTemplateId %>"> <%= helper.translate("How does this work?") %> </label> <div class="accordion-content"> <span class="img1"></span> <span class="img2"></span> <p class="kuUploadWorksContent"> <%= helper.translate("After you take or upload a photo, we'll analyse it and recommend the closest matches.") %> </p> </div> </div> </div> </section> </footer> </div> </div></script>
14191 14192
14192<script type="template/klevu" 14193 id="klevuQuickProductRating"> <% if( typeof dataLocal.rating != "undefined" && dataLocal.rating !== "" && dataLocal.rating > 0 ) { %> <div class="klevu-stars-small-l2"> <div class="klevu-rating-l2" style="width:<%=(20*Number(dataLocal.rating))%>%;"></div> </div> <%=helper.render('klevuQuickProductRatingCount',scope,data,dataLocal) %> <% } %></script>
14193 14194
14194<script type="template/klevu" 14195 id="klevuQuickProductRatingCount"> <% if( typeof dataLocal.ratingCount != "undefined" && dataLocal.ratingCount !== "" && dataLocal.ratingCount > 0 ) { %> <div class="klevuRatingCount">(<%=dataLocal.ratingCount%>)</div> <% } %></script>
14195 14196 </div> 14197 <div id="91406884-5fd6-23b6-d3be-10aa687d9c5e" 14198 class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout" style="display: none !important;"> 14199 </div> 14200 <div id="st-el-1" 14201 class=" st-image-share-buttons st-center st-inline-share-buttons st-animated st-hide" 14202 style="position: absolute; width: 292px; left: 50px; top: 141px; padding: 8px; box-sizing: border-box;"> 14203 <div class="st-btn st-first st-remove-label" data-network="facebook" style="display: none;"> 14204 <img alt="facebook sharing button" src="https://platform-cdn.sharethis.com/img/facebook.svg"> 14205 14206 </div> 14207 <div class="st-btn st-last st-remove-label" data-network="twitter" style="display: none;"> 14208 <img alt="twitter sharing button" src="https://platform-cdn.sharethis.com/img/twitter.svg"> 14209 14210 </div> 14211 </div>
14212<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f3d1ecdac5714fc3abd906993623a969","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 14212
14212
14213<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f3d1ecdac5714fc3abd906993623a969","r":1,"spa":2}' crossorigin="anonymous"></script>
14213 14214</body> 14215 14216</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.