PageSourceSearch

https://jblonlinestore.com.my/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker

html jblonlinestore.com.my collected 2026-10-03 21:30:16 UTC 752,810 bytes, 14,409 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en" dir="ltr">
3  <head>
4    
5
6<meta http-equiv="Content-Security-Policy" content="
7  default-src 'self' https: data: blob:;
8  script-src 'self' https: 'unsafe-inline' 'unsafe-eval';
9  style-src 'self' https: 'unsafe-inline' https://fonts.googleapis.com;
10  img-src 'self' https: data: blob:;
11  font-src 'self' https: data: https://fonts.gstatic.com;
12  connect-src 'self' https:;
13  frame-src https:;
14  object-src 'none';
15  upgrade-insecure-requests;
16  block-all-mixed-content;">
17
18<!-- Google Tag Manager -->
19<script>
vendor: 328 bytes, lines 19-23
19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
20new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
21j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
22'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
23})(window,document,'script','dataLayer', '
23GTM-WFFGNM3
vendor: 4 bytes, line 23
23');
24window.dataLayer = window.dataLayer || [];
25</script>
25
26<!-- End Google Tag Manager -->
27
28
29
30
31<link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/custom.css?v=81562911533012873551787722730" rel="stylesheet" type="text/css" media="all" />
32
33    <meta charset="utf-8">
34    <meta http-equiv="X-UA-Compatible" content="IE=edge">
35    <meta name="viewport" content="width=device-width,initial-scale=1">
36    <meta name="theme-color" content="">
37    <link
38      rel="canonical"
39      href="https://jblonlinestore.com.my/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
40      canonical-url="https://jblonlinestore.com.my/"
41    ><link
42        rel="icon"
43        type="image/png"
44        href="//jblonlinestore.com.my/cdn/shop/files/JBL_favicon2.png?crop=center&height=32&v=1680006322&width=32"
45      ><title>
46      JBL Charge 6 Portable Bluetooth Speaker | JBL MY Online Store
47
48        &ndash; JBL Online Store MY</title>
49
50    
51      <meta name="description" content="Take your tunes anywhere with the portable JBL Charge 6 waterproof speaker, now enhanced with new specs, connectivity options, and a rugged design.">
52    
53
54    
55
56<meta property="og:site_name" content="JBL Online Store MY">
57<meta property="og:url" content="https://jblonlinestore.com.my/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker">
58<meta property="og:title" content="JBL Charge 6 Portable Bluetooth Speaker | JBL MY Online Store">
59<meta property="og:type" content="product">
60<meta property="og:description" content="Take your tunes anywhere with the portable JBL Charge 6 waterproof speaker, now enhanced with new specs, connectivity options, and a rugged design."><meta property="og:image" content="http://jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809">
61  <meta property="og:image:secure_url" content="https://jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809">
62  <meta property="og:image:width" content="1600">
63  <meta property="og:image:height" content="1600"><meta property="og:price:amount" content="899.00">
64  <meta property="og:price:currency" content="MYR"><meta name="twitter:card" content="summary_large_image">
65<meta name="twitter:title" content="JBL Charge 6 Portable Bluetooth Speaker | JBL MY Online Store">
66<meta name="twitter:description" content="Take your tunes anywhere with the portable JBL Charge 6 waterproof speaker, now enhanced with new specs, connectivity options, and a rugged design.">
67
68
69    <style data-shopify>�
70
71  
72  
73  
74  
75  
76
77  
78
79  �
80
81    
82    
83    
84    
85    
86  
87
88  
89    
90    
91    :root,
92    .color-scheme-1 {
93      /* Background */
94      
95        --color-background: rgb(255 255 255 / 1.0);
96      
97
98      --color-background-rgb: 255 255 255;
99
100      /* Body */
101      --color-foreground: rgb(0 0 0 / 1.0);
102      --color-foreground-rgb: 0 0 0;
103
104      /* Heading */
105      --color-foreground-heading: rgb(0 0 0 / 1.0);
106      --color-foreground-heading-rgb: 0 0 0;
107
108      /* Link */
109      --color-primary: rgb(0 0 0 / 1.0);
110      --color-primary-rgb: 0 0 0;
111      --color-primary-hover: rgb(0 0 0 / 1.0);
112      --color-primary-hover-rgb: 0 0 0;
113
114      /* Border */
115      --color-border: rgb(169 169 169 / 1.0);
116      --color-border-rgb: 169 169 169;
117
118      /* Shadow */
119      --color-shadow: rgb(128 128 128 / 1.0);
120      --color-shadow-rgb: 128 128 128;
121
122      /* Button primary */
123      --color-primary-button-text: rgb(255 255 255 / 1.0);
124      --color-primary-button-text-rgb: 255 255 255;
125      
126        --color-primary-button-background: rgb(255 51 0 / 1.0);
127      
128
129      --color-primary-button-border: rgb(255 51 0 / 1.0);
130      --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
131      
132        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
133      
134
135      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
136
137      /* Button secondary */
138      --color-secondary-button-text: rgb(255 255 255 / 1.0);
139      --color-secondary-button-text-rgb: 255 255 255;
140      
141        --color-secondary-button-background: rgb(0 0 0 / 1.0);
142      
143
144      --color-secondary-button-border: rgb(0 0 0 / 1.0);
145      --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
146      
147        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
148      
149
150      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
151
152      /* Input */
153      --color-input-background: rgb(255 255 255 / 1.0);
154      --color-input-text: rgb(17 18 20 / 1.0);
155      --color-input-text-rgb: 17 18 20;
156      --color-input-border: rgb(198 198 198 / 1.0);
157      --color-input-border-rgb: 198 198 198;
158      --color-input-hover-background: rgb(245 245 245 / 1.0);
159
160      /* Payment Terms */
161      --payment-terms-background-color: rgb(255 255 255);
162
163      /* Arrows */
164      --arrow-color: rgb(30 60 50 / 1.0);
165      --arrow-color-rgb: 30 60 50;
166      --arrow-color-hover: rgb(51 51 51 / 1.0);
167      --arrow-color-hover-rgb: 51 51 51;
168
169      --arrow-background: rgb(var(--color-background-rgb));
170      
171
172      --arrow-background-rgb: 0 0 0;
173      --arrow-border: rgb(0 0 0 / 1.0);
174      --arrow-background-hover: rgb(0 0 0 / 1.0);
175      --arrow-background-hover-rgb: 0 0 0;
176
177      /* Pagination */
178      --pagination-color: rgb(0 0 0 / 1.0);
179      --pagination-active-color: rgb(198 198 198 / 1.0);
180      --pagination-active-color-rgb: 198 198 198;
181
182      /* Opacity */
183      --opacity-5-15: 0.05;
184      --opacity-10-25: 0.1;
185      --opacity-35-55: 0.35;
186      --opacity-40-60: 0.4;
187      --opacity-30-60: 0.3;
188
189      /* Disabled */
190      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
191      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
192      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
193      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
194    }
195  
196    
197    
198    
199    .color-scheme-2 {
200      /* Background */
201      
202        --color-background: rgb(0 0 0 / 1.0);
203      
204
205      --color-background-rgb: 0 0 0;
206
207      /* Body */
208      --color-foreground: rgb(255 255 255 / 1.0);
209      --color-foreground-rgb: 255 255 255;
210
211      /* Heading */
212      --color-foreground-heading: rgb(0 0 0 / 1.0);
213      --color-foreground-heading-rgb: 0 0 0;
214
215      /* Link */
216      --color-primary: rgb(38 38 38 / 1.0);
217      --color-primary-rgb: 38 38 38;
218      --color-primary-hover: rgb(0 0 0 / 1.0);
219      --color-primary-hover-rgb: 0 0 0;
220
221      /* Border */
222      --color-border: rgb(230 230 230 / 1.0);
223      --color-border-rgb: 230 230 230;
224
225      /* Shadow */
226      --color-shadow: rgb(18 18 18 / 1.0);
227      --color-shadow-rgb: 18 18 18;
228
229      /* Button primary */
230      --color-primary-button-text: rgb(243 243 243 / 1.0);
231      --color-primary-button-text-rgb: 243 243 243;
232      
233        --color-primary-button-background: rgb(18 18 18 / 1.0);
234      
235
236      --color-primary-button-border: rgb(0 0 0 / 1.0);
237      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
238      
239        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
240      
241
242      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
243
244      /* Button secondary */
245      --color-secondary-button-text: rgb(18 18 18 / 1.0);
246      --color-secondary-button-text-rgb: 18 18 18;
247      
248        --color-secondary-button-background: rgb(0 0 0 / 1.0);
249      
250
251      --color-secondary-button-border: rgb(0 0 0 / 1.0);
252      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
253      
254        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
255      
256
257      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
258
259      /* Input */
260      --color-input-background: rgb(255 255 255 / 1.0);
261      --color-input-text: rgb(0 0 0 / 1.0);
262      --color-input-text-rgb: 0 0 0;
263      --color-input-border: rgb(0 0 0 / 1.0);
264      --color-input-border-rgb: 0 0 0;
265      --color-input-hover-background: rgb(245 245 245 / 1.0);
266
267      /* Payment Terms */
268      --payment-terms-background-color: rgb(0 0 0);
269
270      /* Arrows */
271      --arrow-color: rgb(30 60 50 / 1.0);
272      --arrow-color-rgb: 30 60 50;
273      --arrow-color-hover: rgb(30 60 50 / 1.0);
274      --arrow-color-hover-rgb: 30 60 50;
275
276      --arrow-background: rgb(var(--color-background-rgb));
277      
278
279      --arrow-background-rgb: 0 0 0;
280      --arrow-border: rgb(0 0 0 / 0.0);
281      --arrow-background-hover: rgb(250 250 250 / 1.0);
282      --arrow-background-hover-rgb: 250 250 250;
283
284      /* Pagination */
285      --pagination-color: rgb(206 206 206 / 1.0);
286      --pagination-active-color: rgb(51 51 51 / 1.0);
287      --pagination-active-color-rgb: 51 51 51;
288
289      /* Opacity */
290      --opacity-5-15: 0.15;
291      --opacity-10-25: 0.25;
292      --opacity-35-55: 0.55;
293      --opacity-40-60: 0.6;
294      --opacity-30-60: 0.6;
295
296      /* Disabled */
297      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
298      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
299      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
300      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
301    }
302  
303    
304    
305    
306    .color-scheme-3 {
307      /* Background */
308      
309        --color-background: rgb(250 250 250 / 1.0);
310      
311
312      --color-background-rgb: 250 250 250;
313
314      /* Body */
315      --color-foreground: rgb(18 18 18 / 1.0);
316      --color-foreground-rgb: 18 18 18;
317
318      /* Heading */
319      --color-foreground-heading: rgb(0 0 0 / 1.0);
320      --color-foreground-heading-rgb: 0 0 0;
321
322      /* Link */
323      --color-primary: rgb(33 33 33 / 1.0);
324      --color-primary-rgb: 33 33 33;
325      --color-primary-hover: rgb(0 0 0 / 1.0);
326      --color-primary-hover-rgb: 0 0 0;
327
328      /* Border */
329      --color-border: rgb(230 230 230 / 1.0);
330      --color-border-rgb: 230 230 230;
331
332      /* Shadow */
333      --color-shadow: rgb(18 18 18 / 1.0);
334      --color-shadow-rgb: 18 18 18;
335
336      /* Button primary */
337      --color-primary-button-text: rgb(0 0 0 / 1.0);
338      --color-primary-button-text-rgb: 0 0 0;
339      
340        --color-primary-button-background: rgb(255 255 255 / 1.0);
341      
342
343      --color-primary-button-border: rgb(0 0 0 / 0.0);
344      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
345      
346        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
347      
348
349      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
350
351      /* Button secondary */
352      --color-secondary-button-text: rgb(17 18 20 / 1.0);
353      --color-secondary-button-text-rgb: 17 18 20;
354      
355        --color-secondary-button-background: rgb(255 255 255 / 1.0);
356      
357
358      --color-secondary-button-border: rgb(0 0 0 / 1.0);
359      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
360      
361        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
362      
363
364      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
365
366      /* Input */
367      --color-input-background: rgb(255 255 255 / 1.0);
368      --color-input-text: rgb(0 0 0 / 1.0);
369      --color-input-text-rgb: 0 0 0;
370      --color-input-border: rgb(0 0 0 / 1.0);
371      --color-input-border-rgb: 0 0 0;
372      --color-input-hover-background: rgb(245 245 245 / 1.0);
373
374      /* Payment Terms */
375      --payment-terms-background-color: rgb(250 250 250);
376
377      /* Arrows */
378      --arrow-color: rgb(51 51 51 / 1.0);
379      --arrow-color-rgb: 51 51 51;
380      --arrow-color-hover: rgb(51 51 51 / 1.0);
381      --arrow-color-hover-rgb: 51 51 51;
382
383      
384        --arrow-background: rgb(255 255 255 / 1.0);
385
386      --arrow-background-rgb: 255 255 255;
387      --arrow-border: rgb(51 51 51 / 1.0);
388      --arrow-background-hover: rgb(255 255 255 / 1.0);
389      --arrow-background-hover-rgb: 255 255 255;
390
391      /* Pagination */
392      --pagination-color: rgb(206 206 206 / 1.0);
393      --pagination-active-color: rgb(51 51 51 / 1.0);
394      --pagination-active-color-rgb: 51 51 51;
395
396      /* Opacity */
397      --opacity-5-15: 0.05;
398      --opacity-10-25: 0.1;
399      --opacity-35-55: 0.35;
400      --opacity-40-60: 0.4;
401      --opacity-30-60: 0.3;
402
403      /* Disabled */
404      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
405      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
406      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
407      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
408    }
409  
410    
411    
412    
413    .color-scheme-4 {
414      /* Background */
415      
416        --color-background: rgb(0 0 0 / 0.0);
417      
418
419      --color-background-rgb: 0 0 0;
420
421      /* Body */
422      --color-foreground: rgb(255 255 255 / 1.0);
423      --color-foreground-rgb: 255 255 255;
424
425      /* Heading */
426      --color-foreground-heading: rgb(0 0 0 / 1.0);
427      --color-foreground-heading-rgb: 0 0 0;
428
429      /* Link */
430      --color-primary: rgb(255 255 255 / 1.0);
431      --color-primary-rgb: 255 255 255;
432      --color-primary-hover: rgb(0 0 0 / 1.0);
433      --color-primary-hover-rgb: 0 0 0;
434
435      /* Border */
436      --color-border: rgb(230 230 230 / 1.0);
437      --color-border-rgb: 230 230 230;
438
439      /* Shadow */
440      --color-shadow: rgb(18 18 18 / 1.0);
441      --color-shadow-rgb: 18 18 18;
442
443      /* Button primary */
444      --color-primary-button-text: rgb(255 255 255 / 1.0);
445      --color-primary-button-text-rgb: 255 255 255;
446      
447        --color-primary-button-background: rgb(0 0 0 / 0.0);
448      
449
450      --color-primary-button-border: rgb(0 0 0 / 1.0);
451      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
452      
453        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
454      
455
456      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
457
458      /* Button secondary */
459      --color-secondary-button-text: rgb(18 18 18 / 1.0);
460      --color-secondary-button-text-rgb: 18 18 18;
461      
462        --color-secondary-button-background: rgb(255 255 255 / 1.0);
463      
464
465      --color-secondary-button-border: rgb(0 0 0 / 1.0);
466      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
467      
468        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
469      
470
471      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
472
473      /* Input */
474      --color-input-background: rgb(255 255 255 / 1.0);
475      --color-input-text: rgb(0 0 0 / 1.0);
476      --color-input-text-rgb: 0 0 0;
477      --color-input-border: rgb(0 0 0 / 1.0);
478      --color-input-border-rgb: 0 0 0;
479      --color-input-hover-background: rgb(245 245 245 / 1.0);
480
481      /* Payment Terms */
482      --payment-terms-background-color: rgb(0 0 0);
483
484      /* Arrows */
485      --arrow-color: rgb(51 51 51 / 1.0);
486      --arrow-color-rgb: 51 51 51;
487      --arrow-color-hover: rgb(51 51 51 / 1.0);
488      --arrow-color-hover-rgb: 51 51 51;
489
490      
491        --arrow-background: rgb(255 255 255 / 1.0);
492
493      --arrow-background-rgb: 255 255 255;
494      --arrow-border: rgb(51 51 51 / 1.0);
495      --arrow-background-hover: rgb(255 255 255 / 1.0);
496      --arrow-background-hover-rgb: 255 255 255;
497
498      /* Pagination */
499      --pagination-color: rgb(206 206 206 / 1.0);
500      --pagination-active-color: rgb(51 51 51 / 1.0);
501      --pagination-active-color-rgb: 51 51 51;
502
503      /* Opacity */
504      --opacity-5-15: 0.15;
505      --opacity-10-25: 0.25;
506      --opacity-35-55: 0.55;
507      --opacity-40-60: 0.6;
508      --opacity-30-60: 0.6;
509
510      /* Disabled */
511      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
512      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
513      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
514      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
515    }
516  
517    
518    
519    
520    .color-scheme-5 {
521      /* Background */
522      
523        --color-background: rgb(0 0 0 / 0.0);
524      
525
526      --color-background-rgb: 0 0 0;
527
528      /* Body */
529      --color-foreground: rgb(255 255 255 / 1.0);
530      --color-foreground-rgb: 255 255 255;
531
532      /* Heading */
533      --color-foreground-heading: rgb(0 0 0 / 1.0);
534      --color-foreground-heading-rgb: 0 0 0;
535
536      /* Link */
537      --color-primary: rgb(0 15 159 / 1.0);
538      --color-primary-rgb: 0 15 159;
539      --color-primary-hover: rgb(0 0 0 / 1.0);
540      --color-primary-hover-rgb: 0 0 0;
541
542      /* Border */
543      --color-border: rgb(230 230 230 / 1.0);
544      --color-border-rgb: 230 230 230;
545
546      /* Shadow */
547      --color-shadow: rgb(18 18 18 / 1.0);
548      --color-shadow-rgb: 18 18 18;
549
550      /* Button primary */
551      --color-primary-button-text: rgb(0 0 0 / 1.0);
552      --color-primary-button-text-rgb: 0 0 0;
553      
554        --color-primary-button-background: rgb(255 255 255 / 1.0);
555      
556
557      --color-primary-button-border: rgb(255 255 255 / 1.0);
558      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
559      
560        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
561      
562
563      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
564
565      /* Button secondary */
566      --color-secondary-button-text: rgb(17 18 20 / 1.0);
567      --color-secondary-button-text-rgb: 17 18 20;
568      
569        --color-secondary-button-background: rgb(255 255 255 / 1.0);
570      
571
572      --color-secondary-button-border: rgb(0 0 0 / 1.0);
573      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
574      
575        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
576      
577
578      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
579
580      /* Input */
581      --color-input-background: rgb(255 255 255 / 1.0);
582      --color-input-text: rgb(0 0 0 / 1.0);
583      --color-input-text-rgb: 0 0 0;
584      --color-input-border: rgb(0 0 0 / 1.0);
585      --color-input-border-rgb: 0 0 0;
586      --color-input-hover-background: rgb(245 245 245 / 1.0);
587
588      /* Payment Terms */
589      --payment-terms-background-color: rgb(0 0 0);
590
591      /* Arrows */
592      --arrow-color: rgb(51 51 51 / 1.0);
593      --arrow-color-rgb: 51 51 51;
594      --arrow-color-hover: rgb(51 51 51 / 1.0);
595      --arrow-color-hover-rgb: 51 51 51;
596
597      
598        --arrow-background: rgb(255 255 255 / 1.0);
599
600      --arrow-background-rgb: 255 255 255;
601      --arrow-border: rgb(51 51 51 / 1.0);
602      --arrow-background-hover: rgb(255 255 255 / 1.0);
603      --arrow-background-hover-rgb: 255 255 255;
604
605      /* Pagination */
606      --pagination-color: rgb(206 206 206 / 1.0);
607      --pagination-active-color: rgb(51 51 51 / 1.0);
608      --pagination-active-color-rgb: 51 51 51;
609
610      /* Opacity */
611      --opacity-5-15: 0.15;
612      --opacity-10-25: 0.25;
613      --opacity-35-55: 0.55;
614      --opacity-40-60: 0.6;
615      --opacity-30-60: 0.6;
616
617      /* Disabled */
618      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
619      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
620      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
621      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
622    }
623  
624    
625    
626    
627    .color-scheme-6 {
628      /* Background */
629      
630        --color-background: rgb(255 255 255 / 1.0);
631      
632
633      --color-background-rgb: 255 255 255;
634
635      /* Body */
636      --color-foreground: rgb(0 0 0 / 1.0);
637      --color-foreground-rgb: 0 0 0;
638
639      /* Heading */
640      --color-foreground-heading: rgb(0 0 0 / 1.0);
641      --color-foreground-heading-rgb: 0 0 0;
642
643      /* Link */
644      --color-primary: rgb(0 0 0 / 1.0);
645      --color-primary-rgb: 0 0 0;
646      --color-primary-hover: rgb(0 0 0 / 1.0);
647      --color-primary-hover-rgb: 0 0 0;
648
649      /* Border */
650      --color-border: rgb(169 169 169 / 1.0);
651      --color-border-rgb: 169 169 169;
652
653      /* Shadow */
654      --color-shadow: rgb(128 128 128 / 1.0);
655      --color-shadow-rgb: 128 128 128;
656
657      /* Button primary */
658      --color-primary-button-text: rgb(255 255 255 / 1.0);
659      --color-primary-button-text-rgb: 255 255 255;
660      
661        --color-primary-button-background: rgb(255 51 0 / 1.0);
662      
663
664      --color-primary-button-border: rgb(255 51 0 / 1.0);
665      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
666      
667        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
668      
669
670      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
671
672      /* Button secondary */
673      --color-secondary-button-text: rgb(255 255 255 / 1.0);
674      --color-secondary-button-text-rgb: 255 255 255;
675      
676        --color-secondary-button-background: rgb(0 0 0 / 1.0);
677      
678
679      --color-secondary-button-border: rgb(0 0 0 / 1.0);
680      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
681      
682        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
683      
684
685      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
686
687      /* Input */
688      --color-input-background: rgb(255 255 255 / 1.0);
689      --color-input-text: rgb(0 0 0 / 1.0);
690      --color-input-text-rgb: 0 0 0;
691      --color-input-border: rgb(198 198 198 / 1.0);
692      --color-input-border-rgb: 198 198 198;
693      --color-input-hover-background: rgb(245 245 245 / 1.0);
694
695      /* Payment Terms */
696      --payment-terms-background-color: rgb(255 255 255);
697
698      /* Arrows */
699      --arrow-color: rgb(30 60 50 / 1.0);
700      --arrow-color-rgb: 30 60 50;
701      --arrow-color-hover: rgb(51 51 51 / 1.0);
702      --arrow-color-hover-rgb: 51 51 51;
703
704      --arrow-background: rgb(var(--color-background-rgb));
705      
706
707      --arrow-background-rgb: 0 0 0;
708      --arrow-border: rgb(0 0 0 / 0.0);
709      --arrow-background-hover: rgb(255 255 255 / 1.0);
710      --arrow-background-hover-rgb: 255 255 255;
711
712      /* Pagination */
713      --pagination-color: rgb(0 0 0 / 1.0);
714      --pagination-active-color: rgb(198 198 198 / 1.0);
715      --pagination-active-color-rgb: 198 198 198;
716
717      /* Opacity */
718      --opacity-5-15: 0.05;
719      --opacity-10-25: 0.1;
720      --opacity-35-55: 0.35;
721      --opacity-40-60: 0.4;
722      --opacity-30-60: 0.3;
723
724      /* Disabled */
725      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
726      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
727      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
728      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
729    }
730  
731    
732    
733    
734    .color-scheme-7 {
735      /* Background */
736      
737        --color-background: rgb(221 80 51 / 1.0);
738      
739
740      --color-background-rgb: 221 80 51;
741
742      /* Body */
743      --color-foreground: rgb(255 102 0 / 1.0);
744      --color-foreground-rgb: 255 102 0;
745
746      /* Heading */
747      --color-foreground-heading: rgb(255 255 255 / 1.0);
748      --color-foreground-heading-rgb: 255 255 255;
749
750      /* Link */
751      --color-primary: rgb(0 15 159 / 1.0);
752      --color-primary-rgb: 0 15 159;
753      --color-primary-hover: rgb(0 0 0 / 0.0);
754      --color-primary-hover-rgb: 0 0 0;
755
756      /* Border */
757      --color-border: rgb(230 230 230 / 1.0);
758      --color-border-rgb: 230 230 230;
759
760      /* Shadow */
761      --color-shadow: rgb(0 0 0 / 0.0);
762      --color-shadow-rgb: 0 0 0;
763
764      /* Button primary */
765      --color-primary-button-text: rgb(255 0 0 / 1.0);
766      --color-primary-button-text-rgb: 255 0 0;
767      
768        --color-primary-button-background: rgb(255 255 255 / 1.0);
769      
770
771      --color-primary-button-border: rgb(0 0 0 / 0.0);
772      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
773      
774        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
775      
776
777      --color-primary-button-hover-border: rgb(0 0 0 / 0.0);
778
779      /* Button secondary */
780      --color-secondary-button-text: rgb(18 18 18 / 1.0);
781      --color-secondary-button-text-rgb: 18 18 18;
782      
783        --color-secondary-button-background: rgb(255 255 255 / 1.0);
784      
785
786      --color-secondary-button-border: rgb(0 0 0 / 0.0);
787      --color-secondary-button-hover-text: rgb(255 102 0 / 1.0);
788      
789        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
790      
791
792      --color-secondary-button-hover-border: rgb(0 0 0 / 0.0);
793
794      /* Input */
795      --color-input-background: rgb(255 255 255 / 1.0);
796      --color-input-text: rgb(0 0 0 / 1.0);
797      --color-input-text-rgb: 0 0 0;
798      --color-input-border: rgb(0 0 0 / 0.0);
799      --color-input-border-rgb: 0 0 0;
800      --color-input-hover-background: rgb(245 245 245 / 1.0);
801
802      /* Payment Terms */
803      --payment-terms-background-color: rgb(221 80 51);
804
805      /* Arrows */
806      --arrow-color: rgb(51 51 51 / 1.0);
807      --arrow-color-rgb: 51 51 51;
808      --arrow-color-hover: rgb(0 0 0 / 0.0);
809      --arrow-color-hover-rgb: 0 0 0;
810
811      
812        --arrow-background: rgb(255 255 255 / 1.0);
813
814      --arrow-background-rgb: 255 255 255;
815      --arrow-border: rgb(51 51 51 / 1.0);
816      --arrow-background-hover: rgb(255 255 255 / 1.0);
817      --arrow-background-hover-rgb: 255 255 255;
818
819      /* Pagination */
820      --pagination-color: rgb(206 206 206 / 1.0);
821      --pagination-active-color: rgb(0 0 0 / 0.0);
822      --pagination-active-color-rgb: 0 0 0;
823
824      /* Opacity */
825      --opacity-5-15: 0.05;
826      --opacity-10-25: 0.1;
827      --opacity-35-55: 0.35;
828      --opacity-40-60: 0.4;
829      --opacity-30-60: 0.3;
830
831      /* Disabled */
832      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
833      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
834      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
835      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
836    }
837  
838    
839    
840    
841    .color-scheme-8 {
842      /* Background */
843      
844        --color-background: rgb(248 248 248 / 1.0);
845      
846
847      --color-background-rgb: 248 248 248;
848
849      /* Body */
850      --color-foreground: rgb(60 60 60 / 1.0);
851      --color-foreground-rgb: 60 60 60;
852
853      /* Heading */
854      --color-foreground-heading: rgb(0 0 0 / 1.0);
855      --color-foreground-heading-rgb: 0 0 0;
856
857      /* Link */
858      --color-primary: rgb(60 60 60 / 1.0);
859      --color-primary-rgb: 60 60 60;
860      --color-primary-hover: rgb(35 35 35 / 1.0);
861      --color-primary-hover-rgb: 35 35 35;
862
863      /* Border */
864      --color-border: rgb(230 230 230 / 1.0);
865      --color-border-rgb: 230 230 230;
866
867      /* Shadow */
868      --color-shadow: rgb(18 18 18 / 1.0);
869      --color-shadow-rgb: 18 18 18;
870
871      /* Button primary */
872      --color-primary-button-text: rgb(255 0 0 / 1.0);
873      --color-primary-button-text-rgb: 255 0 0;
874      
875        --color-primary-button-background: rgb(18 18 18 / 1.0);
876      
877
878      --color-primary-button-border: rgb(0 0 0 / 1.0);
879      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
880      
881        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
882      
883
884      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
885
886      /* Button secondary */
887      --color-secondary-button-text: rgb(18 18 18 / 1.0);
888      --color-secondary-button-text-rgb: 18 18 18;
889      
890        --color-secondary-button-background: rgb(255 255 255 / 1.0);
891      
892
893      --color-secondary-button-border: rgb(0 0 0 / 1.0);
894      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
895      
896        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
897      
898
899      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
900
901      /* Input */
902      --color-input-background: rgb(255 255 255 / 1.0);
903      --color-input-text: rgb(0 0 0 / 1.0);
904      --color-input-text-rgb: 0 0 0;
905      --color-input-border: rgb(0 0 0 / 1.0);
906      --color-input-border-rgb: 0 0 0;
907      --color-input-hover-background: rgb(245 245 245 / 1.0);
908
909      /* Payment Terms */
910      --payment-terms-background-color: rgb(248 248 248);
911
912      /* Arrows */
913      --arrow-color: rgb(51 51 51 / 1.0);
914      --arrow-color-rgb: 51 51 51;
915      --arrow-color-hover: rgb(51 51 51 / 1.0);
916      --arrow-color-hover-rgb: 51 51 51;
917
918      
919        --arrow-background: rgb(255 255 255 / 1.0);
920
921      --arrow-background-rgb: 255 255 255;
922      --arrow-border: rgb(51 51 51 / 1.0);
923      --arrow-background-hover: rgb(255 255 255 / 1.0);
924      --arrow-background-hover-rgb: 255 255 255;
925
926      /* Pagination */
927      --pagination-color: rgb(206 206 206 / 1.0);
928      --pagination-active-color: rgb(51 51 51 / 1.0);
929      --pagination-active-color-rgb: 51 51 51;
930
931      /* Opacity */
932      --opacity-5-15: 0.05;
933      --opacity-10-25: 0.1;
934      --opacity-35-55: 0.35;
935      --opacity-40-60: 0.4;
936      --opacity-30-60: 0.3;
937
938      /* Disabled */
939      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
940      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
941      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
942      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
943    }
944  
945    
946    
947    
948    .color-scheme-9 {
949      /* Background */
950      
951        --color-background: rgb(0 0 0 / 0.0);
952      
953
954      --color-background-rgb: 0 0 0;
955
956      /* Body */
957      --color-foreground: rgb(255 255 255 / 1.0);
958      --color-foreground-rgb: 255 255 255;
959
960      /* Heading */
961      --color-foreground-heading: rgb(255 255 255 / 1.0);
962      --color-foreground-heading-rgb: 255 255 255;
963
964      /* Link */
965      --color-primary: rgb(255 255 255 / 1.0);
966      --color-primary-rgb: 255 255 255;
967      --color-primary-hover: rgb(255 255 255 / 1.0);
968      --color-primary-hover-rgb: 255 255 255;
969
970      /* Border */
971      --color-border: rgb(230 230 230 / 1.0);
972      --color-border-rgb: 230 230 230;
973
974      /* Shadow */
975      --color-shadow: rgb(18 18 18 / 1.0);
976      --color-shadow-rgb: 18 18 18;
977
978      /* Button primary */
979      --color-primary-button-text: rgb(0 0 0 / 1.0);
980      --color-primary-button-text-rgb: 0 0 0;
981      
982        --color-primary-button-background: rgb(255 255 255 / 1.0);
983      
984
985      --color-primary-button-border: rgb(0 0 0 / 0.0);
986      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
987      
988        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
989      
990
991      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
992
993      /* Button secondary */
994      --color-secondary-button-text: rgb(18 18 18 / 1.0);
995      --color-secondary-button-text-rgb: 18 18 18;
996      
997        --color-secondary-button-background: rgb(255 255 255 / 1.0);
998      
999
1000      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1001      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1002      
1003        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1004      
1005
1006      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1007
1008      /* Input */
1009      --color-input-background: rgb(255 255 255 / 1.0);
1010      --color-input-text: rgb(0 0 0 / 1.0);
1011      --color-input-text-rgb: 0 0 0;
1012      --color-input-border: rgb(0 0 0 / 1.0);
1013      --color-input-border-rgb: 0 0 0;
1014      --color-input-hover-background: rgb(245 245 245 / 1.0);
1015
1016      /* Payment Terms */
1017      --payment-terms-background-color: rgb(0 0 0);
1018
1019      /* Arrows */
1020      --arrow-color: rgb(51 51 51 / 1.0);
1021      --arrow-color-rgb: 51 51 51;
1022      --arrow-color-hover: rgb(51 51 51 / 1.0);
1023      --arrow-color-hover-rgb: 51 51 51;
1024
1025      
1026        --arrow-background: rgb(255 255 255 / 1.0);
1027
1028      --arrow-background-rgb: 255 255 255;
1029      --arrow-border: rgb(51 51 51 / 1.0);
1030      --arrow-background-hover: rgb(255 255 255 / 1.0);
1031      --arrow-background-hover-rgb: 255 255 255;
1032
1033      /* Pagination */
1034      --pagination-color: rgb(206 206 206 / 1.0);
1035      --pagination-active-color: rgb(51 51 51 / 1.0);
1036      --pagination-active-color-rgb: 51 51 51;
1037
1038      /* Opacity */
1039      --opacity-5-15: 0.15;
1040      --opacity-10-25: 0.25;
1041      --opacity-35-55: 0.55;
1042      --opacity-40-60: 0.6;
1043      --opacity-30-60: 0.6;
1044
1045      /* Disabled */
1046      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1047      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1048      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1049      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1050    }
1051  
1052    
1053    
1054    
1055    .color-scheme-10 {
1056      /* Background */
1057      
1058        --color-background: rgb(255 255 255 / 1.0);
1059      
1060
1061      --color-background-rgb: 255 255 255;
1062
1063      /* Body */
1064      --color-foreground: rgb(0 0 0 / 1.0);
1065      --color-foreground-rgb: 0 0 0;
1066
1067      /* Heading */
1068      --color-foreground-heading: rgb(255 255 255 / 1.0);
1069      --color-foreground-heading-rgb: 255 255 255;
1070
1071      /* Link */
1072      --color-primary: rgb(255 255 255 / 1.0);
1073      --color-primary-rgb: 255 255 255;
1074      --color-primary-hover: rgb(0 0 0 / 1.0);
1075      --color-primary-hover-rgb: 0 0 0;
1076
1077      /* Border */
1078      --color-border: rgb(0 0 0 / 1.0);
1079      --color-border-rgb: 0 0 0;
1080
1081      /* Shadow */
1082      --color-shadow: rgb(0 0 0 / 0.0);
1083      --color-shadow-rgb: 0 0 0;
1084
1085      /* Button primary */
1086      --color-primary-button-text: rgb(255 255 255 / 1.0);
1087      --color-primary-button-text-rgb: 255 255 255;
1088      
1089        --color-primary-button-background: rgb(0 0 0 / 1.0);
1090      
1091
1092      --color-primary-button-border: rgb(0 0 0 / 1.0);
1093      --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1094      
1095        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
1096      
1097
1098      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1099
1100      /* Button secondary */
1101      --color-secondary-button-text: rgb(0 0 0 / 1.0);
1102      --color-secondary-button-text-rgb: 0 0 0;
1103      
1104        --color-secondary-button-background: rgb(255 255 255 / 1.0);
1105      
1106
1107      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1108      --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1109      
1110        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1111      
1112
1113      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1114
1115      /* Input */
1116      --color-input-background: rgb(255 255 255 / 1.0);
1117      --color-input-text: rgb(0 0 0 / 1.0);
1118      --color-input-text-rgb: 0 0 0;
1119      --color-input-border: rgb(198 198 198 / 1.0);
1120      --color-input-border-rgb: 198 198 198;
1121      --color-input-hover-background: rgb(245 245 245 / 1.0);
1122
1123      /* Payment Terms */
1124      --payment-terms-background-color: rgb(255 255 255);
1125
1126      /* Arrows */
1127      --arrow-color: rgb(30 60 50 / 1.0);
1128      --arrow-color-rgb: 30 60 50;
1129      --arrow-color-hover: rgb(51 51 51 / 1.0);
1130      --arrow-color-hover-rgb: 51 51 51;
1131
1132      --arrow-background: rgb(var(--color-background-rgb));
1133      
1134
1135      --arrow-background-rgb: 0 0 0;
1136      --arrow-border: rgb(0 0 0 / 0.0);
1137      --arrow-background-hover: rgb(255 255 255 / 1.0);
1138      --arrow-background-hover-rgb: 255 255 255;
1139
1140      /* Pagination */
1141      --pagination-color: rgb(0 0 0 / 1.0);
1142      --pagination-active-color: rgb(198 198 198 / 1.0);
1143      --pagination-active-color-rgb: 198 198 198;
1144
1145      /* Opacity */
1146      --opacity-5-15: 0.05;
1147      --opacity-10-25: 0.1;
1148      --opacity-35-55: 0.35;
1149      --opacity-40-60: 0.4;
1150      --opacity-30-60: 0.3;
1151
1152      /* Disabled */
1153      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1154      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1155      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1156      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1157    }
1158  
1159    
1160    
1161    
1162    .color-scheme-11 {
1163      /* Background */
1164      
1165        --color-background: rgb(255 255 255 / 1.0);
1166      
1167
1168      --color-background-rgb: 255 255 255;
1169
1170      /* Body */
1171      --color-foreground: rgb(0 0 0 / 1.0);
1172      --color-foreground-rgb: 0 0 0;
1173
1174      /* Heading */
1175      --color-foreground-heading: rgb(0 0 0 / 1.0);
1176      --color-foreground-heading-rgb: 0 0 0;
1177
1178      /* Link */
1179      --color-primary: rgb(0 0 0 / 1.0);
1180      --color-primary-rgb: 0 0 0;
1181      --color-primary-hover: rgb(0 0 0 / 1.0);
1182      --color-primary-hover-rgb: 0 0 0;
1183
1184      /* Border */
1185      --color-border: rgb(169 169 169 / 1.0);
1186      --color-border-rgb: 169 169 169;
1187
1188      /* Shadow */
1189      --color-shadow: rgb(128 128 128 / 1.0);
1190      --color-shadow-rgb: 128 128 128;
1191
1192      /* Button primary */
1193      --color-primary-button-text: rgb(0 0 0 / 1.0);
1194      --color-primary-button-text-rgb: 0 0 0;
1195      
1196        --color-primary-button-background: rgb(255 255 255 / 1.0);
1197      
1198
1199      --color-primary-button-border: rgb(0 0 0 / 1.0);
1200      --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
1201      
1202        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1203      
1204
1205      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1206
1207      /* Button secondary */
1208      --color-secondary-button-text: rgb(255 255 255 / 1.0);
1209      --color-secondary-button-text-rgb: 255 255 255;
1210      
1211        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1212      
1213
1214      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1215      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1216      
1217        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1218      
1219
1220      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1221
1222      /* Input */
1223      --color-input-background: rgb(255 255 255 / 1.0);
1224      --color-input-text: rgb(0 0 0 / 1.0);
1225      --color-input-text-rgb: 0 0 0;
1226      --color-input-border: rgb(198 198 198 / 1.0);
1227      --color-input-border-rgb: 198 198 198;
1228      --color-input-hover-background: rgb(245 245 245 / 1.0);
1229
1230      /* Payment Terms */
1231      --payment-terms-background-color: rgb(255 255 255);
1232
1233      /* Arrows */
1234      --arrow-color: rgb(30 60 50 / 1.0);
1235      --arrow-color-rgb: 30 60 50;
1236      --arrow-color-hover: rgb(51 51 51 / 1.0);
1237      --arrow-color-hover-rgb: 51 51 51;
1238
1239      --arrow-background: rgb(var(--color-background-rgb));
1240      
1241
1242      --arrow-background-rgb: 0 0 0;
1243      --arrow-border: rgb(0 0 0 / 0.0);
1244      --arrow-background-hover: rgb(255 255 255 / 1.0);
1245      --arrow-background-hover-rgb: 255 255 255;
1246
1247      /* Pagination */
1248      --pagination-color: rgb(0 0 0 / 1.0);
1249      --pagination-active-color: rgb(198 198 198 / 1.0);
1250      --pagination-active-color-rgb: 198 198 198;
1251
1252      /* Opacity */
1253      --opacity-5-15: 0.05;
1254      --opacity-10-25: 0.1;
1255      --opacity-35-55: 0.35;
1256      --opacity-40-60: 0.4;
1257      --opacity-30-60: 0.3;
1258
1259      /* Disabled */
1260      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1261      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1262      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1263      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1264    }
1265  
1266    
1267    
1268    
1269    .color-scheme-12 {
1270      /* Background */
1271      
1272        --color-background: rgb(255 255 255 / 1.0);
1273      
1274
1275      --color-background-rgb: 255 255 255;
1276
1277      /* Body */
1278      --color-foreground: rgb(7 65 75 / 1.0);
1279      --color-foreground-rgb: 7 65 75;
1280
1281      /* Heading */
1282      --color-foreground-heading: rgb(0 0 0 / 1.0);
1283      --color-foreground-heading-rgb: 0 0 0;
1284
1285      /* Link */
1286      --color-primary: rgb(0 89 105 / 1.0);
1287      --color-primary-rgb: 0 89 105;
1288      --color-primary-hover: rgb(0 0 0 / 1.0);
1289      --color-primary-hover-rgb: 0 0 0;
1290
1291      /* Border */
1292      --color-border: rgb(169 169 169 / 1.0);
1293      --color-border-rgb: 169 169 169;
1294
1295      /* Shadow */
1296      --color-shadow: rgb(128 128 128 / 1.0);
1297      --color-shadow-rgb: 128 128 128;
1298
1299      /* Button primary */
1300      --color-primary-button-text: rgb(255 255 255 / 1.0);
1301      --color-primary-button-text-rgb: 255 255 255;
1302      
1303        --color-primary-button-background: rgb(0 136 164 / 1.0);
1304      
1305
1306      --color-primary-button-border: rgb(0 136 164 / 1.0);
1307      --color-primary-button-hover-text: rgb(0 136 164 / 1.0);
1308      
1309        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
1310      
1311
1312      --color-primary-button-hover-border: rgb(0 136 164 / 1.0);
1313
1314      /* Button secondary */
1315      --color-secondary-button-text: rgb(255 255 255 / 1.0);
1316      --color-secondary-button-text-rgb: 255 255 255;
1317      
1318        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1319      
1320
1321      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1322      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1323      
1324        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1325      
1326
1327      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1328
1329      /* Input */
1330      --color-input-background: rgb(255 255 255 / 1.0);
1331      --color-input-text: rgb(0 0 0 / 1.0);
1332      --color-input-text-rgb: 0 0 0;
1333      --color-input-border: rgb(198 198 198 / 1.0);
1334      --color-input-border-rgb: 198 198 198;
1335      --color-input-hover-background: rgb(245 245 245 / 1.0);
1336
1337      /* Payment Terms */
1338      --payment-terms-background-color: rgb(255 255 255);
1339
1340      /* Arrows */
1341      --arrow-color: rgb(30 60 50 / 1.0);
1342      --arrow-color-rgb: 30 60 50;
1343      --arrow-color-hover: rgb(51 51 51 / 1.0);
1344      --arrow-color-hover-rgb: 51 51 51;
1345
1346      --arrow-background: rgb(var(--color-background-rgb));
1347      
1348
1349      --arrow-background-rgb: 0 0 0;
1350      --arrow-border: rgb(0 0 0 / 0.0);
1351      --arrow-background-hover: rgb(255 255 255 / 1.0);
1352      --arrow-background-hover-rgb: 255 255 255;
1353
1354      /* Pagination */
1355      --pagination-color: rgb(0 0 0 / 1.0);
1356      --pagination-active-color: rgb(255 255 255 / 1.0);
1357      --pagination-active-color-rgb: 255 255 255;
1358
1359      /* Opacity */
1360      --opacity-5-15: 0.05;
1361      --opacity-10-25: 0.1;
1362      --opacity-35-55: 0.35;
1363      --opacity-40-60: 0.4;
1364      --opacity-30-60: 0.3;
1365
1366      /* Disabled */
1367      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1368      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1369      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1370      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1371    }
1372  
1373    
1374    
1375    
1376    .color-scheme-13 {
1377      /* Background */
1378      
1379        --color-background: rgb(255 255 255 / 1.0);
1380      
1381
1382      --color-background-rgb: 255 255 255;
1383
1384      /* Body */
1385      --color-foreground: rgb(7 65 75 / 1.0);
1386      --color-foreground-rgb: 7 65 75;
1387
1388      /* Heading */
1389      --color-foreground-heading: rgb(0 0 0 / 1.0);
1390      --color-foreground-heading-rgb: 0 0 0;
1391
1392      /* Link */
1393      --color-primary: rgb(0 89 105 / 1.0);
1394      --color-primary-rgb: 0 89 105;
1395      --color-primary-hover: rgb(0 0 0 / 1.0);
1396      --color-primary-hover-rgb: 0 0 0;
1397
1398      /* Border */
1399      --color-border: rgb(169 169 169 / 1.0);
1400      --color-border-rgb: 169 169 169;
1401
1402      /* Shadow */
1403      --color-shadow: rgb(128 128 128 / 1.0);
1404      --color-shadow-rgb: 128 128 128;
1405
1406      /* Button primary */
1407      --color-primary-button-text: rgb(0 0 0 / 1.0);
1408      --color-primary-button-text-rgb: 0 0 0;
1409      
1410        --color-primary-button-background: rgb(255 255 255 / 1.0);
1411      
1412
1413      --color-primary-button-border: rgb(198 198 198 / 1.0);
1414      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1415      
1416        --color-primary-button-hover-background: rgb(0 89 105 / 1.0);
1417      
1418
1419      --color-primary-button-hover-border: rgb(0 89 105 / 1.0);
1420
1421      /* Button secondary */
1422      --color-secondary-button-text: rgb(255 255 255 / 1.0);
1423      --color-secondary-button-text-rgb: 255 255 255;
1424      
1425        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1426      
1427
1428      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1429      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1430      
1431        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1432      
1433
1434      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1435
1436      /* Input */
1437      --color-input-background: rgb(255 255 255 / 1.0);
1438      --color-input-text: rgb(0 0 0 / 1.0);
1439      --color-input-text-rgb: 0 0 0;
1440      --color-input-border: rgb(198 198 198 / 1.0);
1441      --color-input-border-rgb: 198 198 198;
1442      --color-input-hover-background: rgb(245 245 245 / 1.0);
1443
1444      /* Payment Terms */
1445      --payment-terms-background-color: rgb(255 255 255);
1446
1447      /* Arrows */
1448      --arrow-color: rgb(30 60 50 / 1.0);
1449      --arrow-color-rgb: 30 60 50;
1450      --arrow-color-hover: rgb(51 51 51 / 1.0);
1451      --arrow-color-hover-rgb: 51 51 51;
1452
1453      --arrow-background: rgb(var(--color-background-rgb));
1454      
1455
1456      --arrow-background-rgb: 0 0 0;
1457      --arrow-border: rgb(0 0 0 / 0.0);
1458      --arrow-background-hover: rgb(255 255 255 / 1.0);
1459      --arrow-background-hover-rgb: 255 255 255;
1460
1461      /* Pagination */
1462      --pagination-color: rgb(198 198 198 / 1.0);
1463      --pagination-active-color: rgb(82 82 82 / 1.0);
1464      --pagination-active-color-rgb: 82 82 82;
1465
1466      /* Opacity */
1467      --opacity-5-15: 0.05;
1468      --opacity-10-25: 0.1;
1469      --opacity-35-55: 0.35;
1470      --opacity-40-60: 0.4;
1471      --opacity-30-60: 0.3;
1472
1473      /* Disabled */
1474      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1475      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1476      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1477      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1478    }
1479  
1480  
1481    
1482    @media screen and (max-width: 749px){
1483      :root,
1484      .color-mobile-scheme-1  {
1485        /* Background */
1486        
1487          --color-background: rgb(255 255 255 / 1.0);
1488        
1489
1490        --color-background-rgb: 255 255 255;
1491
1492        /* Body */
1493        --color-foreground: rgb(0 0 0 / 1.0);
1494        --color-foreground-rgb: 0 0 0;
1495
1496        /* Heading */
1497        --color-foreground-heading: rgb(0 0 0 / 1.0);
1498        --color-foreground-heading-rgb: 0 0 0;
1499
1500        /* Link */
1501        --color-primary: rgb(0 0 0 / 1.0);
1502        --color-primary-rgb: 0 0 0;
1503        --color-primary-hover: rgb(0 0 0 / 1.0);
1504        --color-primary-hover-rgb: 0 0 0;
1505
1506        /* Border */
1507        --color-border: rgb(169 169 169 / 1.0);
1508        --color-border-rgb: 169 169 169;
1509
1510        /* Shadow */
1511        --color-shadow: rgb(128 128 128 / 1.0);
1512        --color-shadow-rgb: 128 128 128;
1513
1514        /* Button primary */
1515        --color-primary-button-text: rgb(255 255 255 / 1.0);
1516        --color-primary-button-text-rgb: 255 255 255;
1517        
1518          --color-primary-button-background: rgb(255 51 0 / 1.0);
1519        
1520
1521        --color-primary-button-border: rgb(255 51 0 / 1.0);
1522        --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
1523        
1524          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1525        
1526
1527        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1528
1529        /* Button secondary */
1530        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1531        --color-secondary-button-text-rgb: 255 255 255;
1532        
1533          --color-secondary-button-background: rgb(0 0 0 / 1.0);
1534        
1535
1536        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1537        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1538        
1539          --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1540        
1541
1542        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1543
1544        /* Input */
1545        --color-input-background: rgb(255 255 255 / 1.0);
1546        --color-input-text: rgb(17 18 20 / 1.0);
1547        --color-input-text-rgb: 17 18 20;
1548        --color-input-border: rgb(198 198 198 / 1.0);
1549        --color-input-hover-background: rgb(245 245 245 / 1.0);
1550
1551        /* Payment Terms */
1552        --payment-terms-background-color: rgb(255 255 255);
1553
1554        /* Arrows */
1555        --arrow-color: rgb(30 60 50 / 1.0);
1556        --arrow-background: rgb(0 0 0 / 0.0);
1557        --arrow-border: rgb(0 0 0 / 1.0);
1558
1559        /* Pagination */
1560        --pagination-color: rgb(0 0 0 / 1.0);
1561        --pagination-active-color: rgb(198 198 198 / 1.0);
1562
1563        /* Opacity */
1564        --opacity-5-15: 0.05;
1565        --opacity-10-25: 0.1;
1566        --opacity-35-55: 0.35;
1567        --opacity-40-60: 0.4;
1568        --opacity-30-60: 0.3;
1569
1570        /* Disabled */
1571        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1572        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1573        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1574        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1575      }
1576    }
1577    @media screen and (min-width: 750px) and (max-width: 1024px){
1578      .color-tablet-scheme-1  {
1579        /* Background */
1580        
1581          --color-background: rgb(255 255 255 / 1.0);
1582        
1583
1584        --color-background-rgb: 255 255 255;
1585
1586        /* Body */
1587        --color-foreground: rgb(0 0 0 / 1.0);
1588        --color-foreground-rgb: 0 0 0;
1589
1590        /* Heading */
1591        --color-foreground-heading: rgb(0 0 0 / 1.0);
1592        --color-foreground-heading-rgb: 0 0 0;
1593
1594        /* Link */
1595        --color-primary: rgb(0 0 0 / 1.0);
1596        --color-primary-rgb: 0 0 0;
1597        --color-primary-hover: rgb(0 0 0 / 1.0);
1598        --color-primary-hover-rgb: 0 0 0;
1599
1600        /* Border */
1601        --color-border: rgb(169 169 169 / 1.0);
1602        --color-border-rgb: 169 169 169;
1603
1604        /* Shadow */
1605        --color-shadow: rgb(128 128 128 / 1.0);
1606        --color-shadow-rgb: 128 128 128;
1607
1608        /* Button primary */
1609        --color-primary-button-text: rgb(255 255 255 / 1.0);
1610        --color-primary-button-text-rgb: 255 255 255;
1611        
1612          --color-primary-button-background: rgb(255 51 0 / 1.0);
1613        
1614
1615        --color-primary-button-border: rgb(255 51 0 / 1.0);
1616        --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
1617        
1618          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1619        
1620
1621        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1622
1623        /* Button secondary */
1624        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1625        --color-secondary-button-text-rgb: 255 255 255;
1626        
1627          --color-secondary-button-background: rgb(0 0 0 / 1.0);
1628        
1629
1630        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1631        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1632        
1633          --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1634        
1635
1636        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1637
1638        /* Input */
1639        --color-input-background: rgb(255 255 255 / 1.0);
1640        --color-input-text: rgb(17 18 20 / 1.0);
1641        --color-input-text-rgb: 17 18 20;
1642        --color-input-border: rgb(198 198 198 / 1.0);
1643        --color-input-hover-background: rgb(245 245 245 / 1.0);
1644
1645        /* Payment Terms */
1646        --payment-terms-background-color: rgb(255 255 255);
1647
1648        /* Arrows */
1649        --arrow-color: rgb(30 60 50 / 1.0);
1650        --arrow-background: rgb(0 0 0 / 0.0);
1651        --arrow-border: rgb(0 0 0 / 1.0);
1652
1653        /* Pagination */
1654        --pagination-color: rgb(0 0 0 / 1.0);
1655        --pagination-active-color: rgb(198 198 198 / 1.0);
1656
1657        /* Opacity */
1658        --opacity-5-15: 0.05;
1659        --opacity-10-25: 0.1;
1660        --opacity-35-55: 0.35;
1661        --opacity-40-60: 0.4;
1662        --opacity-30-60: 0.3;
1663
1664        /* Disabled */
1665        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1666        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1667        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1668        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1669      }
1670    }
1671  
1672    
1673    @media screen and (max-width: 749px){
1674      
1675      .color-mobile-scheme-2  {
1676        /* Background */
1677        
1678          --color-background: rgb(0 0 0 / 1.0);
1679        
1680
1681        --color-background-rgb: 0 0 0;
1682
1683        /* Body */
1684        --color-foreground: rgb(255 255 255 / 1.0);
1685        --color-foreground-rgb: 255 255 255;
1686
1687        /* Heading */
1688        --color-foreground-heading: rgb(0 0 0 / 1.0);
1689        --color-foreground-heading-rgb: 0 0 0;
1690
1691        /* Link */
1692        --color-primary: rgb(38 38 38 / 1.0);
1693        --color-primary-rgb: 38 38 38;
1694        --color-primary-hover: rgb(0 0 0 / 1.0);
1695        --color-primary-hover-rgb: 0 0 0;
1696
1697        /* Border */
1698        --color-border: rgb(230 230 230 / 1.0);
1699        --color-border-rgb: 230 230 230;
1700
1701        /* Shadow */
1702        --color-shadow: rgb(18 18 18 / 1.0);
1703        --color-shadow-rgb: 18 18 18;
1704
1705        /* Button primary */
1706        --color-primary-button-text: rgb(243 243 243 / 1.0);
1707        --color-primary-button-text-rgb: 243 243 243;
1708        
1709          --color-primary-button-background: rgb(18 18 18 / 1.0);
1710        
1711
1712        --color-primary-button-border: rgb(0 0 0 / 1.0);
1713        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1714        
1715          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1716        
1717
1718        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1719
1720        /* Button secondary */
1721        --color-secondary-button-text: rgb(18 18 18 / 1.0);
1722        --color-secondary-button-text-rgb: 18 18 18;
1723        
1724          --color-secondary-button-background: rgb(0 0 0 / 1.0);
1725        
1726
1727        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1728        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1729        
1730          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1731        
1732
1733        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1734
1735        /* Input */
1736        --color-input-background: rgb(255 255 255 / 1.0);
1737        --color-input-text: rgb(0 0 0 / 1.0);
1738        --color-input-text-rgb: 0 0 0;
1739        --color-input-border: rgb(0 0 0 / 1.0);
1740        --color-input-hover-background: rgb(245 245 245 / 1.0);
1741
1742        /* Payment Terms */
1743        --payment-terms-background-color: rgb(0 0 0);
1744
1745        /* Arrows */
1746        --arrow-color: rgb(30 60 50 / 1.0);
1747        --arrow-background: rgb(0 0 0 / 0.0);
1748        --arrow-border: rgb(0 0 0 / 0.0);
1749
1750        /* Pagination */
1751        --pagination-color: rgb(206 206 206 / 1.0);
1752        --pagination-active-color: rgb(51 51 51 / 1.0);
1753
1754        /* Opacity */
1755        --opacity-5-15: 0.15;
1756        --opacity-10-25: 0.25;
1757        --opacity-35-55: 0.55;
1758        --opacity-40-60: 0.6;
1759        --opacity-30-60: 0.6;
1760
1761        /* Disabled */
1762        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1763        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1764        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1765        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1766      }
1767    }
1768    @media screen and (min-width: 750px) and (max-width: 1024px){
1769      .color-tablet-scheme-2  {
1770        /* Background */
1771        
1772          --color-background: rgb(0 0 0 / 1.0);
1773        
1774
1775        --color-background-rgb: 0 0 0;
1776
1777        /* Body */
1778        --color-foreground: rgb(255 255 255 / 1.0);
1779        --color-foreground-rgb: 255 255 255;
1780
1781        /* Heading */
1782        --color-foreground-heading: rgb(0 0 0 / 1.0);
1783        --color-foreground-heading-rgb: 0 0 0;
1784
1785        /* Link */
1786        --color-primary: rgb(38 38 38 / 1.0);
1787        --color-primary-rgb: 38 38 38;
1788        --color-primary-hover: rgb(0 0 0 / 1.0);
1789        --color-primary-hover-rgb: 0 0 0;
1790
1791        /* Border */
1792        --color-border: rgb(230 230 230 / 1.0);
1793        --color-border-rgb: 230 230 230;
1794
1795        /* Shadow */
1796        --color-shadow: rgb(18 18 18 / 1.0);
1797        --color-shadow-rgb: 18 18 18;
1798
1799        /* Button primary */
1800        --color-primary-button-text: rgb(243 243 243 / 1.0);
1801        --color-primary-button-text-rgb: 243 243 243;
1802        
1803          --color-primary-button-background: rgb(18 18 18 / 1.0);
1804        
1805
1806        --color-primary-button-border: rgb(0 0 0 / 1.0);
1807        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1808        
1809          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1810        
1811
1812        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1813
1814        /* Button secondary */
1815        --color-secondary-button-text: rgb(18 18 18 / 1.0);
1816        --color-secondary-button-text-rgb: 18 18 18;
1817        
1818          --color-secondary-button-background: rgb(0 0 0 / 1.0);
1819        
1820
1821        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1822        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1823        
1824          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1825        
1826
1827        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1828
1829        /* Input */
1830        --color-input-background: rgb(255 255 255 / 1.0);
1831        --color-input-text: rgb(0 0 0 / 1.0);
1832        --color-input-text-rgb: 0 0 0;
1833        --color-input-border: rgb(0 0 0 / 1.0);
1834        --color-input-hover-background: rgb(245 245 245 / 1.0);
1835
1836        /* Payment Terms */
1837        --payment-terms-background-color: rgb(0 0 0);
1838
1839        /* Arrows */
1840        --arrow-color: rgb(30 60 50 / 1.0);
1841        --arrow-background: rgb(0 0 0 / 0.0);
1842        --arrow-border: rgb(0 0 0 / 0.0);
1843
1844        /* Pagination */
1845        --pagination-color: rgb(206 206 206 / 1.0);
1846        --pagination-active-color: rgb(51 51 51 / 1.0);
1847
1848        /* Opacity */
1849        --opacity-5-15: 0.15;
1850        --opacity-10-25: 0.25;
1851        --opacity-35-55: 0.55;
1852        --opacity-40-60: 0.6;
1853        --opacity-30-60: 0.6;
1854
1855        /* Disabled */
1856        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1857        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1858        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1859        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1860      }
1861    }
1862  
1863    
1864    @media screen and (max-width: 749px){
1865      
1866      .color-mobile-scheme-3  {
1867        /* Background */
1868        
1869          --color-background: rgb(250 250 250 / 1.0);
1870        
1871
1872        --color-background-rgb: 250 250 250;
1873
1874        /* Body */
1875        --color-foreground: rgb(18 18 18 / 1.0);
1876        --color-foreground-rgb: 18 18 18;
1877
1878        /* Heading */
1879        --color-foreground-heading: rgb(0 0 0 / 1.0);
1880        --color-foreground-heading-rgb: 0 0 0;
1881
1882        /* Link */
1883        --color-primary: rgb(33 33 33 / 1.0);
1884        --color-primary-rgb: 33 33 33;
1885        --color-primary-hover: rgb(0 0 0 / 1.0);
1886        --color-primary-hover-rgb: 0 0 0;
1887
1888        /* Border */
1889        --color-border: rgb(230 230 230 / 1.0);
1890        --color-border-rgb: 230 230 230;
1891
1892        /* Shadow */
1893        --color-shadow: rgb(18 18 18 / 1.0);
1894        --color-shadow-rgb: 18 18 18;
1895
1896        /* Button primary */
1897        --color-primary-button-text: rgb(0 0 0 / 1.0);
1898        --color-primary-button-text-rgb: 0 0 0;
1899        
1900          --color-primary-button-background: rgb(255 255 255 / 1.0);
1901        
1902
1903        --color-primary-button-border: rgb(0 0 0 / 0.0);
1904        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1905        
1906          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1907        
1908
1909        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1910
1911        /* Button secondary */
1912        --color-secondary-button-text: rgb(17 18 20 / 1.0);
1913        --color-secondary-button-text-rgb: 17 18 20;
1914        
1915          --color-secondary-button-background: rgb(255 255 255 / 1.0);
1916        
1917
1918        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1919        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1920        
1921          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1922        
1923
1924        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1925
1926        /* Input */
1927        --color-input-background: rgb(255 255 255 / 1.0);
1928        --color-input-text: rgb(0 0 0 / 1.0);
1929        --color-input-text-rgb: 0 0 0;
1930        --color-input-border: rgb(0 0 0 / 1.0);
1931        --color-input-hover-background: rgb(245 245 245 / 1.0);
1932
1933        /* Payment Terms */
1934        --payment-terms-background-color: rgb(250 250 250);
1935
1936        /* Arrows */
1937        --arrow-color: rgb(51 51 51 / 1.0);
1938        --arrow-background: rgb(255 255 255 / 1.0);
1939        --arrow-border: rgb(51 51 51 / 1.0);
1940
1941        /* Pagination */
1942        --pagination-color: rgb(206 206 206 / 1.0);
1943        --pagination-active-color: rgb(51 51 51 / 1.0);
1944
1945        /* Opacity */
1946        --opacity-5-15: 0.05;
1947        --opacity-10-25: 0.1;
1948        --opacity-35-55: 0.35;
1949        --opacity-40-60: 0.4;
1950        --opacity-30-60: 0.3;
1951
1952        /* Disabled */
1953        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1954        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1955        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1956        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1957      }
1958    }
1959    @media screen and (min-width: 750px) and (max-width: 1024px){
1960      .color-tablet-scheme-3  {
1961        /* Background */
1962        
1963          --color-background: rgb(250 250 250 / 1.0);
1964        
1965
1966        --color-background-rgb: 250 250 250;
1967
1968        /* Body */
1969        --color-foreground: rgb(18 18 18 / 1.0);
1970        --color-foreground-rgb: 18 18 18;
1971
1972        /* Heading */
1973        --color-foreground-heading: rgb(0 0 0 / 1.0);
1974        --color-foreground-heading-rgb: 0 0 0;
1975
1976        /* Link */
1977        --color-primary: rgb(33 33 33 / 1.0);
1978        --color-primary-rgb: 33 33 33;
1979        --color-primary-hover: rgb(0 0 0 / 1.0);
1980        --color-primary-hover-rgb: 0 0 0;
1981
1982        /* Border */
1983        --color-border: rgb(230 230 230 / 1.0);
1984        --color-border-rgb: 230 230 230;
1985
1986        /* Shadow */
1987        --color-shadow: rgb(18 18 18 / 1.0);
1988        --color-shadow-rgb: 18 18 18;
1989
1990        /* Button primary */
1991        --color-primary-button-text: rgb(0 0 0 / 1.0);
1992        --color-primary-button-text-rgb: 0 0 0;
1993        
1994          --color-primary-button-background: rgb(255 255 255 / 1.0);
1995        
1996
1997        --color-primary-button-border: rgb(0 0 0 / 0.0);
1998        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1999        
2000          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2001        
2002
2003        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2004
2005        /* Button secondary */
2006        --color-secondary-button-text: rgb(17 18 20 / 1.0);
2007        --color-secondary-button-text-rgb: 17 18 20;
2008        
2009          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2010        
2011
2012        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2013        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2014        
2015          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2016        
2017
2018        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2019
2020        /* Input */
2021        --color-input-background: rgb(255 255 255 / 1.0);
2022        --color-input-text: rgb(0 0 0 / 1.0);
2023        --color-input-text-rgb: 0 0 0;
2024        --color-input-border: rgb(0 0 0 / 1.0);
2025        --color-input-hover-background: rgb(245 245 245 / 1.0);
2026
2027        /* Payment Terms */
2028        --payment-terms-background-color: rgb(250 250 250);
2029
2030        /* Arrows */
2031        --arrow-color: rgb(51 51 51 / 1.0);
2032        --arrow-background: rgb(255 255 255 / 1.0);
2033        --arrow-border: rgb(51 51 51 / 1.0);
2034
2035        /* Pagination */
2036        --pagination-color: rgb(206 206 206 / 1.0);
2037        --pagination-active-color: rgb(51 51 51 / 1.0);
2038
2039        /* Opacity */
2040        --opacity-5-15: 0.05;
2041        --opacity-10-25: 0.1;
2042        --opacity-35-55: 0.35;
2043        --opacity-40-60: 0.4;
2044        --opacity-30-60: 0.3;
2045
2046        /* Disabled */
2047        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2048        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2049        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2050        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2051      }
2052    }
2053  
2054    
2055    @media screen and (max-width: 749px){
2056      
2057      .color-mobile-scheme-4  {
2058        /* Background */
2059        
2060          --color-background: rgb(0 0 0 / 0.0);
2061        
2062
2063        --color-background-rgb: 0 0 0;
2064
2065        /* Body */
2066        --color-foreground: rgb(255 255 255 / 1.0);
2067        --color-foreground-rgb: 255 255 255;
2068
2069        /* Heading */
2070        --color-foreground-heading: rgb(0 0 0 / 1.0);
2071        --color-foreground-heading-rgb: 0 0 0;
2072
2073        /* Link */
2074        --color-primary: rgb(255 255 255 / 1.0);
2075        --color-primary-rgb: 255 255 255;
2076        --color-primary-hover: rgb(0 0 0 / 1.0);
2077        --color-primary-hover-rgb: 0 0 0;
2078
2079        /* Border */
2080        --color-border: rgb(230 230 230 / 1.0);
2081        --color-border-rgb: 230 230 230;
2082
2083        /* Shadow */
2084        --color-shadow: rgb(18 18 18 / 1.0);
2085        --color-shadow-rgb: 18 18 18;
2086
2087        /* Button primary */
2088        --color-primary-button-text: rgb(255 255 255 / 1.0);
2089        --color-primary-button-text-rgb: 255 255 255;
2090        
2091          --color-primary-button-background: rgb(0 0 0 / 0.0);
2092        
2093
2094        --color-primary-button-border: rgb(0 0 0 / 1.0);
2095        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2096        
2097          --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2098        
2099
2100        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2101
2102        /* Button secondary */
2103        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2104        --color-secondary-button-text-rgb: 18 18 18;
2105        
2106          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2107        
2108
2109        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2110        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2111        
2112          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2113        
2114
2115        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2116
2117        /* Input */
2118        --color-input-background: rgb(255 255 255 / 1.0);
2119        --color-input-text: rgb(0 0 0 / 1.0);
2120        --color-input-text-rgb: 0 0 0;
2121        --color-input-border: rgb(0 0 0 / 1.0);
2122        --color-input-hover-background: rgb(245 245 245 / 1.0);
2123
2124        /* Payment Terms */
2125        --payment-terms-background-color: rgb(0 0 0);
2126
2127        /* Arrows */
2128        --arrow-color: rgb(51 51 51 / 1.0);
2129        --arrow-background: rgb(255 255 255 / 1.0);
2130        --arrow-border: rgb(51 51 51 / 1.0);
2131
2132        /* Pagination */
2133        --pagination-color: rgb(206 206 206 / 1.0);
2134        --pagination-active-color: rgb(51 51 51 / 1.0);
2135
2136        /* Opacity */
2137        --opacity-5-15: 0.15;
2138        --opacity-10-25: 0.25;
2139        --opacity-35-55: 0.55;
2140        --opacity-40-60: 0.6;
2141        --opacity-30-60: 0.6;
2142
2143        /* Disabled */
2144        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2145        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2146        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2147        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2148      }
2149    }
2150    @media screen and (min-width: 750px) and (max-width: 1024px){
2151      .color-tablet-scheme-4  {
2152        /* Background */
2153        
2154          --color-background: rgb(0 0 0 / 0.0);
2155        
2156
2157        --color-background-rgb: 0 0 0;
2158
2159        /* Body */
2160        --color-foreground: rgb(255 255 255 / 1.0);
2161        --color-foreground-rgb: 255 255 255;
2162
2163        /* Heading */
2164        --color-foreground-heading: rgb(0 0 0 / 1.0);
2165        --color-foreground-heading-rgb: 0 0 0;
2166
2167        /* Link */
2168        --color-primary: rgb(255 255 255 / 1.0);
2169        --color-primary-rgb: 255 255 255;
2170        --color-primary-hover: rgb(0 0 0 / 1.0);
2171        --color-primary-hover-rgb: 0 0 0;
2172
2173        /* Border */
2174        --color-border: rgb(230 230 230 / 1.0);
2175        --color-border-rgb: 230 230 230;
2176
2177        /* Shadow */
2178        --color-shadow: rgb(18 18 18 / 1.0);
2179        --color-shadow-rgb: 18 18 18;
2180
2181        /* Button primary */
2182        --color-primary-button-text: rgb(255 255 255 / 1.0);
2183        --color-primary-button-text-rgb: 255 255 255;
2184        
2185          --color-primary-button-background: rgb(0 0 0 / 0.0);
2186        
2187
2188        --color-primary-button-border: rgb(0 0 0 / 1.0);
2189        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2190        
2191          --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2192        
2193
2194        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2195
2196        /* Button secondary */
2197        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2198        --color-secondary-button-text-rgb: 18 18 18;
2199        
2200          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2201        
2202
2203        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2204        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2205        
2206          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2207        
2208
2209        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2210
2211        /* Input */
2212        --color-input-background: rgb(255 255 255 / 1.0);
2213        --color-input-text: rgb(0 0 0 / 1.0);
2214        --color-input-text-rgb: 0 0 0;
2215        --color-input-border: rgb(0 0 0 / 1.0);
2216        --color-input-hover-background: rgb(245 245 245 / 1.0);
2217
2218        /* Payment Terms */
2219        --payment-terms-background-color: rgb(0 0 0);
2220
2221        /* Arrows */
2222        --arrow-color: rgb(51 51 51 / 1.0);
2223        --arrow-background: rgb(255 255 255 / 1.0);
2224        --arrow-border: rgb(51 51 51 / 1.0);
2225
2226        /* Pagination */
2227        --pagination-color: rgb(206 206 206 / 1.0);
2228        --pagination-active-color: rgb(51 51 51 / 1.0);
2229
2230        /* Opacity */
2231        --opacity-5-15: 0.15;
2232        --opacity-10-25: 0.25;
2233        --opacity-35-55: 0.55;
2234        --opacity-40-60: 0.6;
2235        --opacity-30-60: 0.6;
2236
2237        /* Disabled */
2238        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2239        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2240        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2241        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2242      }
2243    }
2244  
2245    
2246    @media screen and (max-width: 749px){
2247      
2248      .color-mobile-scheme-5  {
2249        /* Background */
2250        
2251          --color-background: rgb(0 0 0 / 0.0);
2252        
2253
2254        --color-background-rgb: 0 0 0;
2255
2256        /* Body */
2257        --color-foreground: rgb(255 255 255 / 1.0);
2258        --color-foreground-rgb: 255 255 255;
2259
2260        /* Heading */
2261        --color-foreground-heading: rgb(0 0 0 / 1.0);
2262        --color-foreground-heading-rgb: 0 0 0;
2263
2264        /* Link */
2265        --color-primary: rgb(0 15 159 / 1.0);
2266        --color-primary-rgb: 0 15 159;
2267        --color-primary-hover: rgb(0 0 0 / 1.0);
2268        --color-primary-hover-rgb: 0 0 0;
2269
2270        /* Border */
2271        --color-border: rgb(230 230 230 / 1.0);
2272        --color-border-rgb: 230 230 230;
2273
2274        /* Shadow */
2275        --color-shadow: rgb(18 18 18 / 1.0);
2276        --color-shadow-rgb: 18 18 18;
2277
2278        /* Button primary */
2279        --color-primary-button-text: rgb(0 0 0 / 1.0);
2280        --color-primary-button-text-rgb: 0 0 0;
2281        
2282          --color-primary-button-background: rgb(255 255 255 / 1.0);
2283        
2284
2285        --color-primary-button-border: rgb(255 255 255 / 1.0);
2286        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2287        
2288          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2289        
2290
2291        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2292
2293        /* Button secondary */
2294        --color-secondary-button-text: rgb(17 18 20 / 1.0);
2295        --color-secondary-button-text-rgb: 17 18 20;
2296        
2297          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2298        
2299
2300        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2301        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2302        
2303          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2304        
2305
2306        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2307
2308        /* Input */
2309        --color-input-background: rgb(255 255 255 / 1.0);
2310        --color-input-text: rgb(0 0 0 / 1.0);
2311        --color-input-text-rgb: 0 0 0;
2312        --color-input-border: rgb(0 0 0 / 1.0);
2313        --color-input-hover-background: rgb(245 245 245 / 1.0);
2314
2315        /* Payment Terms */
2316        --payment-terms-background-color: rgb(0 0 0);
2317
2318        /* Arrows */
2319        --arrow-color: rgb(51 51 51 / 1.0);
2320        --arrow-background: rgb(255 255 255 / 1.0);
2321        --arrow-border: rgb(51 51 51 / 1.0);
2322
2323        /* Pagination */
2324        --pagination-color: rgb(206 206 206 / 1.0);
2325        --pagination-active-color: rgb(51 51 51 / 1.0);
2326
2327        /* Opacity */
2328        --opacity-5-15: 0.15;
2329        --opacity-10-25: 0.25;
2330        --opacity-35-55: 0.55;
2331        --opacity-40-60: 0.6;
2332        --opacity-30-60: 0.6;
2333
2334        /* Disabled */
2335        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2336        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2337        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2338        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2339      }
2340    }
2341    @media screen and (min-width: 750px) and (max-width: 1024px){
2342      .color-tablet-scheme-5  {
2343        /* Background */
2344        
2345          --color-background: rgb(0 0 0 / 0.0);
2346        
2347
2348        --color-background-rgb: 0 0 0;
2349
2350        /* Body */
2351        --color-foreground: rgb(255 255 255 / 1.0);
2352        --color-foreground-rgb: 255 255 255;
2353
2354        /* Heading */
2355        --color-foreground-heading: rgb(0 0 0 / 1.0);
2356        --color-foreground-heading-rgb: 0 0 0;
2357
2358        /* Link */
2359        --color-primary: rgb(0 15 159 / 1.0);
2360        --color-primary-rgb: 0 15 159;
2361        --color-primary-hover: rgb(0 0 0 / 1.0);
2362        --color-primary-hover-rgb: 0 0 0;
2363
2364        /* Border */
2365        --color-border: rgb(230 230 230 / 1.0);
2366        --color-border-rgb: 230 230 230;
2367
2368        /* Shadow */
2369        --color-shadow: rgb(18 18 18 / 1.0);
2370        --color-shadow-rgb: 18 18 18;
2371
2372        /* Button primary */
2373        --color-primary-button-text: rgb(0 0 0 / 1.0);
2374        --color-primary-button-text-rgb: 0 0 0;
2375        
2376          --color-primary-button-background: rgb(255 255 255 / 1.0);
2377        
2378
2379        --color-primary-button-border: rgb(255 255 255 / 1.0);
2380        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2381        
2382          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2383        
2384
2385        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2386
2387        /* Button secondary */
2388        --color-secondary-button-text: rgb(17 18 20 / 1.0);
2389        --color-secondary-button-text-rgb: 17 18 20;
2390        
2391          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2392        
2393
2394        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2395        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2396        
2397          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2398        
2399
2400        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2401
2402        /* Input */
2403        --color-input-background: rgb(255 255 255 / 1.0);
2404        --color-input-text: rgb(0 0 0 / 1.0);
2405        --color-input-text-rgb: 0 0 0;
2406        --color-input-border: rgb(0 0 0 / 1.0);
2407        --color-input-hover-background: rgb(245 245 245 / 1.0);
2408
2409        /* Payment Terms */
2410        --payment-terms-background-color: rgb(0 0 0);
2411
2412        /* Arrows */
2413        --arrow-color: rgb(51 51 51 / 1.0);
2414        --arrow-background: rgb(255 255 255 / 1.0);
2415        --arrow-border: rgb(51 51 51 / 1.0);
2416
2417        /* Pagination */
2418        --pagination-color: rgb(206 206 206 / 1.0);
2419        --pagination-active-color: rgb(51 51 51 / 1.0);
2420
2421        /* Opacity */
2422        --opacity-5-15: 0.15;
2423        --opacity-10-25: 0.25;
2424        --opacity-35-55: 0.55;
2425        --opacity-40-60: 0.6;
2426        --opacity-30-60: 0.6;
2427
2428        /* Disabled */
2429        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2430        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2431        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2432        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2433      }
2434    }
2435  
2436    
2437    @media screen and (max-width: 749px){
2438      
2439      .color-mobile-scheme-6  {
2440        /* Background */
2441        
2442          --color-background: rgb(255 255 255 / 1.0);
2443        
2444
2445        --color-background-rgb: 255 255 255;
2446
2447        /* Body */
2448        --color-foreground: rgb(0 0 0 / 1.0);
2449        --color-foreground-rgb: 0 0 0;
2450
2451        /* Heading */
2452        --color-foreground-heading: rgb(0 0 0 / 1.0);
2453        --color-foreground-heading-rgb: 0 0 0;
2454
2455        /* Link */
2456        --color-primary: rgb(0 0 0 / 1.0);
2457        --color-primary-rgb: 0 0 0;
2458        --color-primary-hover: rgb(0 0 0 / 1.0);
2459        --color-primary-hover-rgb: 0 0 0;
2460
2461        /* Border */
2462        --color-border: rgb(169 169 169 / 1.0);
2463        --color-border-rgb: 169 169 169;
2464
2465        /* Shadow */
2466        --color-shadow: rgb(128 128 128 / 1.0);
2467        --color-shadow-rgb: 128 128 128;
2468
2469        /* Button primary */
2470        --color-primary-button-text: rgb(255 255 255 / 1.0);
2471        --color-primary-button-text-rgb: 255 255 255;
2472        
2473          --color-primary-button-background: rgb(255 51 0 / 1.0);
2474        
2475
2476        --color-primary-button-border: rgb(255 51 0 / 1.0);
2477        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2478        
2479          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2480        
2481
2482        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2483
2484        /* Button secondary */
2485        --color-secondary-button-text: rgb(255 255 255 / 1.0);
2486        --color-secondary-button-text-rgb: 255 255 255;
2487        
2488          --color-secondary-button-background: rgb(0 0 0 / 1.0);
2489        
2490
2491        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2492        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2493        
2494          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2495        
2496
2497        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2498
2499        /* Input */
2500        --color-input-background: rgb(255 255 255 / 1.0);
2501        --color-input-text: rgb(0 0 0 / 1.0);
2502        --color-input-text-rgb: 0 0 0;
2503        --color-input-border: rgb(198 198 198 / 1.0);
2504        --color-input-hover-background: rgb(245 245 245 / 1.0);
2505
2506        /* Payment Terms */
2507        --payment-terms-background-color: rgb(255 255 255);
2508
2509        /* Arrows */
2510        --arrow-color: rgb(30 60 50 / 1.0);
2511        --arrow-background: rgb(0 0 0 / 0.0);
2512        --arrow-border: rgb(0 0 0 / 0.0);
2513
2514        /* Pagination */
2515        --pagination-color: rgb(0 0 0 / 1.0);
2516        --pagination-active-color: rgb(198 198 198 / 1.0);
2517
2518        /* Opacity */
2519        --opacity-5-15: 0.05;
2520        --opacity-10-25: 0.1;
2521        --opacity-35-55: 0.35;
2522        --opacity-40-60: 0.4;
2523        --opacity-30-60: 0.3;
2524
2525        /* Disabled */
2526        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2527        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2528        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2529        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2530      }
2531    }
2532    @media screen and (min-width: 750px) and (max-width: 1024px){
2533      .color-tablet-scheme-6  {
2534        /* Background */
2535        
2536          --color-background: rgb(255 255 255 / 1.0);
2537        
2538
2539        --color-background-rgb: 255 255 255;
2540
2541        /* Body */
2542        --color-foreground: rgb(0 0 0 / 1.0);
2543        --color-foreground-rgb: 0 0 0;
2544
2545        /* Heading */
2546        --color-foreground-heading: rgb(0 0 0 / 1.0);
2547        --color-foreground-heading-rgb: 0 0 0;
2548
2549        /* Link */
2550        --color-primary: rgb(0 0 0 / 1.0);
2551        --color-primary-rgb: 0 0 0;
2552        --color-primary-hover: rgb(0 0 0 / 1.0);
2553        --color-primary-hover-rgb: 0 0 0;
2554
2555        /* Border */
2556        --color-border: rgb(169 169 169 / 1.0);
2557        --color-border-rgb: 169 169 169;
2558
2559        /* Shadow */
2560        --color-shadow: rgb(128 128 128 / 1.0);
2561        --color-shadow-rgb: 128 128 128;
2562
2563        /* Button primary */
2564        --color-primary-button-text: rgb(255 255 255 / 1.0);
2565        --color-primary-button-text-rgb: 255 255 255;
2566        
2567          --color-primary-button-background: rgb(255 51 0 / 1.0);
2568        
2569
2570        --color-primary-button-border: rgb(255 51 0 / 1.0);
2571        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2572        
2573          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2574        
2575
2576        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2577
2578        /* Button secondary */
2579        --color-secondary-button-text: rgb(255 255 255 / 1.0);
2580        --color-secondary-button-text-rgb: 255 255 255;
2581        
2582          --color-secondary-button-background: rgb(0 0 0 / 1.0);
2583        
2584
2585        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2586        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2587        
2588          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2589        
2590
2591        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2592
2593        /* Input */
2594        --color-input-background: rgb(255 255 255 / 1.0);
2595        --color-input-text: rgb(0 0 0 / 1.0);
2596        --color-input-text-rgb: 0 0 0;
2597        --color-input-border: rgb(198 198 198 / 1.0);
2598        --color-input-hover-background: rgb(245 245 245 / 1.0);
2599
2600        /* Payment Terms */
2601        --payment-terms-background-color: rgb(255 255 255);
2602
2603        /* Arrows */
2604        --arrow-color: rgb(30 60 50 / 1.0);
2605        --arrow-background: rgb(0 0 0 / 0.0);
2606        --arrow-border: rgb(0 0 0 / 0.0);
2607
2608        /* Pagination */
2609        --pagination-color: rgb(0 0 0 / 1.0);
2610        --pagination-active-color: rgb(198 198 198 / 1.0);
2611
2612        /* Opacity */
2613        --opacity-5-15: 0.05;
2614        --opacity-10-25: 0.1;
2615        --opacity-35-55: 0.35;
2616        --opacity-40-60: 0.4;
2617        --opacity-30-60: 0.3;
2618
2619        /* Disabled */
2620        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2621        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2622        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2623        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2624      }
2625    }
2626  
2627    
2628    @media screen and (max-width: 749px){
2629      
2630      .color-mobile-scheme-7  {
2631        /* Background */
2632        
2633          --color-background: rgb(221 80 51 / 1.0);
2634        
2635
2636        --color-background-rgb: 221 80 51;
2637
2638        /* Body */
2639        --color-foreground: rgb(255 102 0 / 1.0);
2640        --color-foreground-rgb: 255 102 0;
2641
2642        /* Heading */
2643        --color-foreground-heading: rgb(255 255 255 / 1.0);
2644        --color-foreground-heading-rgb: 255 255 255;
2645
2646        /* Link */
2647        --color-primary: rgb(0 15 159 / 1.0);
2648        --color-primary-rgb: 0 15 159;
2649        --color-primary-hover: rgb(0 0 0 / 0.0);
2650        --color-primary-hover-rgb: 0 0 0;
2651
2652        /* Border */
2653        --color-border: rgb(230 230 230 / 1.0);
2654        --color-border-rgb: 230 230 230;
2655
2656        /* Shadow */
2657        --color-shadow: rgb(0 0 0 / 0.0);
2658        --color-shadow-rgb: 0 0 0;
2659
2660        /* Button primary */
2661        --color-primary-button-text: rgb(255 0 0 / 1.0);
2662        --color-primary-button-text-rgb: 255 0 0;
2663        
2664          --color-primary-button-background: rgb(255 255 255 / 1.0);
2665        
2666
2667        --color-primary-button-border: rgb(0 0 0 / 0.0);
2668        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2669        
2670          --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2671        
2672
2673        --color-primary-button-hover-border: rgb(0 0 0 / 0.0);
2674
2675        /* Button secondary */
2676        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2677        --color-secondary-button-text-rgb: 18 18 18;
2678        
2679          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2680        
2681
2682        --color-secondary-button-border: rgb(0 0 0 / 0.0);
2683        --color-secondary-button-hover-text: rgb(255 102 0 / 1.0);
2684        
2685          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2686        
2687
2688        --color-secondary-button-hover-border: rgb(0 0 0 / 0.0);
2689
2690        /* Input */
2691        --color-input-background: rgb(255 255 255 / 1.0);
2692        --color-input-text: rgb(0 0 0 / 1.0);
2693        --color-input-text-rgb: 0 0 0;
2694        --color-input-border: rgb(0 0 0 / 0.0);
2695        --color-input-hover-background: rgb(245 245 245 / 1.0);
2696
2697        /* Payment Terms */
2698        --payment-terms-background-color: rgb(221 80 51);
2699
2700        /* Arrows */
2701        --arrow-color: rgb(51 51 51 / 1.0);
2702        --arrow-background: rgb(255 255 255 / 1.0);
2703        --arrow-border: rgb(51 51 51 / 1.0);
2704
2705        /* Pagination */
2706        --pagination-color: rgb(206 206 206 / 1.0);
2707        --pagination-active-color: rgb(0 0 0 / 0.0);
2708
2709        /* Opacity */
2710        --opacity-5-15: 0.05;
2711        --opacity-10-25: 0.1;
2712        --opacity-35-55: 0.35;
2713        --opacity-40-60: 0.4;
2714        --opacity-30-60: 0.3;
2715
2716        /* Disabled */
2717        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2718        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2719        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2720        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2721      }
2722    }
2723    @media screen and (min-width: 750px) and (max-width: 1024px){
2724      .color-tablet-scheme-7  {
2725        /* Background */
2726        
2727          --color-background: rgb(221 80 51 / 1.0);
2728        
2729
2730        --color-background-rgb: 221 80 51;
2731
2732        /* Body */
2733        --color-foreground: rgb(255 102 0 / 1.0);
2734        --color-foreground-rgb: 255 102 0;
2735
2736        /* Heading */
2737        --color-foreground-heading: rgb(255 255 255 / 1.0);
2738        --color-foreground-heading-rgb: 255 255 255;
2739
2740        /* Link */
2741        --color-primary: rgb(0 15 159 / 1.0);
2742        --color-primary-rgb: 0 15 159;
2743        --color-primary-hover: rgb(0 0 0 / 0.0);
2744        --color-primary-hover-rgb: 0 0 0;
2745
2746        /* Border */
2747        --color-border: rgb(230 230 230 / 1.0);
2748        --color-border-rgb: 230 230 230;
2749
2750        /* Shadow */
2751        --color-shadow: rgb(0 0 0 / 0.0);
2752        --color-shadow-rgb: 0 0 0;
2753
2754        /* Button primary */
2755        --color-primary-button-text: rgb(255 0 0 / 1.0);
2756        --color-primary-button-text-rgb: 255 0 0;
2757        
2758          --color-primary-button-background: rgb(255 255 255 / 1.0);
2759        
2760
2761        --color-primary-button-border: rgb(0 0 0 / 0.0);
2762        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2763        
2764          --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2765        
2766
2767        --color-primary-button-hover-border: rgb(0 0 0 / 0.0);
2768
2769        /* Button secondary */
2770        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2771        --color-secondary-button-text-rgb: 18 18 18;
2772        
2773          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2774        
2775
2776        --color-secondary-button-border: rgb(0 0 0 / 0.0);
2777        --color-secondary-button-hover-text: rgb(255 102 0 / 1.0);
2778        
2779          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2780        
2781
2782        --color-secondary-button-hover-border: rgb(0 0 0 / 0.0);
2783
2784        /* Input */
2785        --color-input-background: rgb(255 255 255 / 1.0);
2786        --color-input-text: rgb(0 0 0 / 1.0);
2787        --color-input-text-rgb: 0 0 0;
2788        --color-input-border: rgb(0 0 0 / 0.0);
2789        --color-input-hover-background: rgb(245 245 245 / 1.0);
2790
2791        /* Payment Terms */
2792        --payment-terms-background-color: rgb(221 80 51);
2793
2794        /* Arrows */
2795        --arrow-color: rgb(51 51 51 / 1.0);
2796        --arrow-background: rgb(255 255 255 / 1.0);
2797        --arrow-border: rgb(51 51 51 / 1.0);
2798
2799        /* Pagination */
2800        --pagination-color: rgb(206 206 206 / 1.0);
2801        --pagination-active-color: rgb(0 0 0 / 0.0);
2802
2803        /* Opacity */
2804        --opacity-5-15: 0.05;
2805        --opacity-10-25: 0.1;
2806        --opacity-35-55: 0.35;
2807        --opacity-40-60: 0.4;
2808        --opacity-30-60: 0.3;
2809
2810        /* Disabled */
2811        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2812        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2813        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2814        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2815      }
2816    }
2817  
2818    
2819    @media screen and (max-width: 749px){
2820      
2821      .color-mobile-scheme-8  {
2822        /* Background */
2823        
2824          --color-background: rgb(248 248 248 / 1.0);
2825        
2826
2827        --color-background-rgb: 248 248 248;
2828
2829        /* Body */
2830        --color-foreground: rgb(60 60 60 / 1.0);
2831        --color-foreground-rgb: 60 60 60;
2832
2833        /* Heading */
2834        --color-foreground-heading: rgb(0 0 0 / 1.0);
2835        --color-foreground-heading-rgb: 0 0 0;
2836
2837        /* Link */
2838        --color-primary: rgb(60 60 60 / 1.0);
2839        --color-primary-rgb: 60 60 60;
2840        --color-primary-hover: rgb(35 35 35 / 1.0);
2841        --color-primary-hover-rgb: 35 35 35;
2842
2843        /* Border */
2844        --color-border: rgb(230 230 230 / 1.0);
2845        --color-border-rgb: 230 230 230;
2846
2847        /* Shadow */
2848        --color-shadow: rgb(18 18 18 / 1.0);
2849        --color-shadow-rgb: 18 18 18;
2850
2851        /* Button primary */
2852        --color-primary-button-text: rgb(255 0 0 / 1.0);
2853        --color-primary-button-text-rgb: 255 0 0;
2854        
2855          --color-primary-button-background: rgb(18 18 18 / 1.0);
2856        
2857
2858        --color-primary-button-border: rgb(0 0 0 / 1.0);
2859        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2860        
2861          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2862        
2863
2864        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2865
2866        /* Button secondary */
2867        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2868        --color-secondary-button-text-rgb: 18 18 18;
2869        
2870          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2871        
2872
2873        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2874        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2875        
2876          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2877        
2878
2879        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2880
2881        /* Input */
2882        --color-input-background: rgb(255 255 255 / 1.0);
2883        --color-input-text: rgb(0 0 0 / 1.0);
2884        --color-input-text-rgb: 0 0 0;
2885        --color-input-border: rgb(0 0 0 / 1.0);
2886        --color-input-hover-background: rgb(245 245 245 / 1.0);
2887
2888        /* Payment Terms */
2889        --payment-terms-background-color: rgb(248 248 248);
2890
2891        /* Arrows */
2892        --arrow-color: rgb(51 51 51 / 1.0);
2893        --arrow-background: rgb(255 255 255 / 1.0);
2894        --arrow-border: rgb(51 51 51 / 1.0);
2895
2896        /* Pagination */
2897        --pagination-color: rgb(206 206 206 / 1.0);
2898        --pagination-active-color: rgb(51 51 51 / 1.0);
2899
2900        /* Opacity */
2901        --opacity-5-15: 0.05;
2902        --opacity-10-25: 0.1;
2903        --opacity-35-55: 0.35;
2904        --opacity-40-60: 0.4;
2905        --opacity-30-60: 0.3;
2906
2907        /* Disabled */
2908        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2909        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2910        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2911        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2912      }
2913    }
2914    @media screen and (min-width: 750px) and (max-width: 1024px){
2915      .color-tablet-scheme-8  {
2916        /* Background */
2917        
2918          --color-background: rgb(248 248 248 / 1.0);
2919        
2920
2921        --color-background-rgb: 248 248 248;
2922
2923        /* Body */
2924        --color-foreground: rgb(60 60 60 / 1.0);
2925        --color-foreground-rgb: 60 60 60;
2926
2927        /* Heading */
2928        --color-foreground-heading: rgb(0 0 0 / 1.0);
2929        --color-foreground-heading-rgb: 0 0 0;
2930
2931        /* Link */
2932        --color-primary: rgb(60 60 60 / 1.0);
2933        --color-primary-rgb: 60 60 60;
2934        --color-primary-hover: rgb(35 35 35 / 1.0);
2935        --color-primary-hover-rgb: 35 35 35;
2936
2937        /* Border */
2938        --color-border: rgb(230 230 230 / 1.0);
2939        --color-border-rgb: 230 230 230;
2940
2941        /* Shadow */
2942        --color-shadow: rgb(18 18 18 / 1.0);
2943        --color-shadow-rgb: 18 18 18;
2944
2945        /* Button primary */
2946        --color-primary-button-text: rgb(255 0 0 / 1.0);
2947        --color-primary-button-text-rgb: 255 0 0;
2948        
2949          --color-primary-button-background: rgb(18 18 18 / 1.0);
2950        
2951
2952        --color-primary-button-border: rgb(0 0 0 / 1.0);
2953        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2954        
2955          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2956        
2957
2958        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2959
2960        /* Button secondary */
2961        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2962        --color-secondary-button-text-rgb: 18 18 18;
2963        
2964          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2965        
2966
2967        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2968        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2969        
2970          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2971        
2972
2973        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2974
2975        /* Input */
2976        --color-input-background: rgb(255 255 255 / 1.0);
2977        --color-input-text: rgb(0 0 0 / 1.0);
2978        --color-input-text-rgb: 0 0 0;
2979        --color-input-border: rgb(0 0 0 / 1.0);
2980        --color-input-hover-background: rgb(245 245 245 / 1.0);
2981
2982        /* Payment Terms */
2983        --payment-terms-background-color: rgb(248 248 248);
2984
2985        /* Arrows */
2986        --arrow-color: rgb(51 51 51 / 1.0);
2987        --arrow-background: rgb(255 255 255 / 1.0);
2988        --arrow-border: rgb(51 51 51 / 1.0);
2989
2990        /* Pagination */
2991        --pagination-color: rgb(206 206 206 / 1.0);
2992        --pagination-active-color: rgb(51 51 51 / 1.0);
2993
2994        /* Opacity */
2995        --opacity-5-15: 0.05;
2996        --opacity-10-25: 0.1;
2997        --opacity-35-55: 0.35;
2998        --opacity-40-60: 0.4;
2999        --opacity-30-60: 0.3;
3000
3001        /* Disabled */
3002        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3003        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3004        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3005        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3006      }
3007    }
3008  
3009    
3010    @media screen and (max-width: 749px){
3011      
3012      .color-mobile-scheme-9  {
3013        /* Background */
3014        
3015          --color-background: rgb(0 0 0 / 0.0);
3016        
3017
3018        --color-background-rgb: 0 0 0;
3019
3020        /* Body */
3021        --color-foreground: rgb(255 255 255 / 1.0);
3022        --color-foreground-rgb: 255 255 255;
3023
3024        /* Heading */
3025        --color-foreground-heading: rgb(255 255 255 / 1.0);
3026        --color-foreground-heading-rgb: 255 255 255;
3027
3028        /* Link */
3029        --color-primary: rgb(255 255 255 / 1.0);
3030        --color-primary-rgb: 255 255 255;
3031        --color-primary-hover: rgb(255 255 255 / 1.0);
3032        --color-primary-hover-rgb: 255 255 255;
3033
3034        /* Border */
3035        --color-border: rgb(230 230 230 / 1.0);
3036        --color-border-rgb: 230 230 230;
3037
3038        /* Shadow */
3039        --color-shadow: rgb(18 18 18 / 1.0);
3040        --color-shadow-rgb: 18 18 18;
3041
3042        /* Button primary */
3043        --color-primary-button-text: rgb(0 0 0 / 1.0);
3044        --color-primary-button-text-rgb: 0 0 0;
3045        
3046          --color-primary-button-background: rgb(255 255 255 / 1.0);
3047        
3048
3049        --color-primary-button-border: rgb(0 0 0 / 0.0);
3050        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
3051        
3052          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
3053        
3054
3055        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
3056
3057        /* Button secondary */
3058        --color-secondary-button-text: rgb(18 18 18 / 1.0);
3059        --color-secondary-button-text-rgb: 18 18 18;
3060        
3061          --color-secondary-button-background: rgb(255 255 255 / 1.0);
3062        
3063
3064        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3065        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
3066        
3067          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
3068        
3069
3070        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3071
3072        /* Input */
3073        --color-input-background: rgb(255 255 255 / 1.0);
3074        --color-input-text: rgb(0 0 0 / 1.0);
3075        --color-input-text-rgb: 0 0 0;
3076        --color-input-border: rgb(0 0 0 / 1.0);
3077        --color-input-hover-background: rgb(245 245 245 / 1.0);
3078
3079        /* Payment Terms */
3080        --payment-terms-background-color: rgb(0 0 0);
3081
3082        /* Arrows */
3083        --arrow-color: rgb(51 51 51 / 1.0);
3084        --arrow-background: rgb(255 255 255 / 1.0);
3085        --arrow-border: rgb(51 51 51 / 1.0);
3086
3087        /* Pagination */
3088        --pagination-color: rgb(206 206 206 / 1.0);
3089        --pagination-active-color: rgb(51 51 51 / 1.0);
3090
3091        /* Opacity */
3092        --opacity-5-15: 0.15;
3093        --opacity-10-25: 0.25;
3094        --opacity-35-55: 0.55;
3095        --opacity-40-60: 0.6;
3096        --opacity-30-60: 0.6;
3097
3098        /* Disabled */
3099        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3100        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3101        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3102        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3103      }
3104    }
3105    @media screen and (min-width: 750px) and (max-width: 1024px){
3106      .color-tablet-scheme-9  {
3107        /* Background */
3108        
3109          --color-background: rgb(0 0 0 / 0.0);
3110        
3111
3112        --color-background-rgb: 0 0 0;
3113
3114        /* Body */
3115        --color-foreground: rgb(255 255 255 / 1.0);
3116        --color-foreground-rgb: 255 255 255;
3117
3118        /* Heading */
3119        --color-foreground-heading: rgb(255 255 255 / 1.0);
3120        --color-foreground-heading-rgb: 255 255 255;
3121
3122        /* Link */
3123        --color-primary: rgb(255 255 255 / 1.0);
3124        --color-primary-rgb: 255 255 255;
3125        --color-primary-hover: rgb(255 255 255 / 1.0);
3126        --color-primary-hover-rgb: 255 255 255;
3127
3128        /* Border */
3129        --color-border: rgb(230 230 230 / 1.0);
3130        --color-border-rgb: 230 230 230;
3131
3132        /* Shadow */
3133        --color-shadow: rgb(18 18 18 / 1.0);
3134        --color-shadow-rgb: 18 18 18;
3135
3136        /* Button primary */
3137        --color-primary-button-text: rgb(0 0 0 / 1.0);
3138        --color-primary-button-text-rgb: 0 0 0;
3139        
3140          --color-primary-button-background: rgb(255 255 255 / 1.0);
3141        
3142
3143        --color-primary-button-border: rgb(0 0 0 / 0.0);
3144        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
3145        
3146          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
3147        
3148
3149        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
3150
3151        /* Button secondary */
3152        --color-secondary-button-text: rgb(18 18 18 / 1.0);
3153        --color-secondary-button-text-rgb: 18 18 18;
3154        
3155          --color-secondary-button-background: rgb(255 255 255 / 1.0);
3156        
3157
3158        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3159        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
3160        
3161          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
3162        
3163
3164        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3165
3166        /* Input */
3167        --color-input-background: rgb(255 255 255 / 1.0);
3168        --color-input-text: rgb(0 0 0 / 1.0);
3169        --color-input-text-rgb: 0 0 0;
3170        --color-input-border: rgb(0 0 0 / 1.0);
3171        --color-input-hover-background: rgb(245 245 245 / 1.0);
3172
3173        /* Payment Terms */
3174        --payment-terms-background-color: rgb(0 0 0);
3175
3176        /* Arrows */
3177        --arrow-color: rgb(51 51 51 / 1.0);
3178        --arrow-background: rgb(255 255 255 / 1.0);
3179        --arrow-border: rgb(51 51 51 / 1.0);
3180
3181        /* Pagination */
3182        --pagination-color: rgb(206 206 206 / 1.0);
3183        --pagination-active-color: rgb(51 51 51 / 1.0);
3184
3185        /* Opacity */
3186        --opacity-5-15: 0.15;
3187        --opacity-10-25: 0.25;
3188        --opacity-35-55: 0.55;
3189        --opacity-40-60: 0.6;
3190        --opacity-30-60: 0.6;
3191
3192        /* Disabled */
3193        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3194        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3195        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3196        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3197      }
3198    }
3199  
3200    
3201    @media screen and (max-width: 749px){
3202      
3203      .color-mobile-scheme-10  {
3204        /* Background */
3205        
3206          --color-background: rgb(255 255 255 / 1.0);
3207        
3208
3209        --color-background-rgb: 255 255 255;
3210
3211        /* Body */
3212        --color-foreground: rgb(0 0 0 / 1.0);
3213        --color-foreground-rgb: 0 0 0;
3214
3215        /* Heading */
3216        --color-foreground-heading: rgb(255 255 255 / 1.0);
3217        --color-foreground-heading-rgb: 255 255 255;
3218
3219        /* Link */
3220        --color-primary: rgb(255 255 255 / 1.0);
3221        --color-primary-rgb: 255 255 255;
3222        --color-primary-hover: rgb(0 0 0 / 1.0);
3223        --color-primary-hover-rgb: 0 0 0;
3224
3225        /* Border */
3226        --color-border: rgb(0 0 0 / 1.0);
3227        --color-border-rgb: 0 0 0;
3228
3229        /* Shadow */
3230        --color-shadow: rgb(0 0 0 / 0.0);
3231        --color-shadow-rgb: 0 0 0;
3232
3233        /* Button primary */
3234        --color-primary-button-text: rgb(255 255 255 / 1.0);
3235        --color-primary-button-text-rgb: 255 255 255;
3236        
3237          --color-primary-button-background: rgb(0 0 0 / 1.0);
3238        
3239
3240        --color-primary-button-border: rgb(0 0 0 / 1.0);
3241        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
3242        
3243          --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
3244        
3245
3246        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
3247
3248        /* Button secondary */
3249        --color-secondary-button-text: rgb(0 0 0 / 1.0);
3250        --color-secondary-button-text-rgb: 0 0 0;
3251        
3252          --color-secondary-button-background: rgb(255 255 255 / 1.0);
3253        
3254
3255        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3256        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
3257        
3258          --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
3259        
3260
3261        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3262
3263        /* Input */
3264        --color-input-background: rgb(255 255 255 / 1.0);
3265        --color-input-text: rgb(0 0 0 / 1.0);
3266        --color-input-text-rgb: 0 0 0;
3267        --color-input-border: rgb(198 198 198 / 1.0);
3268        --color-input-hover-background: rgb(245 245 245 / 1.0);
3269
3270        /* Payment Terms */
3271        --payment-terms-background-color: rgb(255 255 255);
3272
3273        /* Arrows */
3274        --arrow-color: rgb(30 60 50 / 1.0);
3275        --arrow-background: rgb(0 0 0 / 0.0);
3276        --arrow-border: rgb(0 0 0 / 0.0);
3277
3278        /* Pagination */
3279        --pagination-color: rgb(0 0 0 / 1.0);
3280        --pagination-active-color: rgb(198 198 198 / 1.0);
3281
3282        /* Opacity */
3283        --opacity-5-15: 0.05;
3284        --opacity-10-25: 0.1;
3285        --opacity-35-55: 0.35;
3286        --opacity-40-60: 0.4;
3287        --opacity-30-60: 0.3;
3288
3289        /* Disabled */
3290        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3291        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3292        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3293        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3294      }
3295    }
3296    @media screen and (min-width: 750px) and (max-width: 1024px){
3297      .color-tablet-scheme-10  {
3298        /* Background */
3299        
3300          --color-background: rgb(255 255 255 / 1.0);
3301        
3302
3303        --color-background-rgb: 255 255 255;
3304
3305        /* Body */
3306        --color-foreground: rgb(0 0 0 / 1.0);
3307        --color-foreground-rgb: 0 0 0;
3308
3309        /* Heading */
3310        --color-foreground-heading: rgb(255 255 255 / 1.0);
3311        --color-foreground-heading-rgb: 255 255 255;
3312
3313        /* Link */
3314        --color-primary: rgb(255 255 255 / 1.0);
3315        --color-primary-rgb: 255 255 255;
3316        --color-primary-hover: rgb(0 0 0 / 1.0);
3317        --color-primary-hover-rgb: 0 0 0;
3318
3319        /* Border */
3320        --color-border: rgb(0 0 0 / 1.0);
3321        --color-border-rgb: 0 0 0;
3322
3323        /* Shadow */
3324        --color-shadow: rgb(0 0 0 / 0.0);
3325        --color-shadow-rgb: 0 0 0;
3326
3327        /* Button primary */
3328        --color-primary-button-text: rgb(255 255 255 / 1.0);
3329        --color-primary-button-text-rgb: 255 255 255;
3330        
3331          --color-primary-button-background: rgb(0 0 0 / 1.0);
3332        
3333
3334        --color-primary-button-border: rgb(0 0 0 / 1.0);
3335        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
3336        
3337          --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
3338        
3339
3340        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
3341
3342        /* Button secondary */
3343        --color-secondary-button-text: rgb(0 0 0 / 1.0);
3344        --color-secondary-button-text-rgb: 0 0 0;
3345        
3346          --color-secondary-button-background: rgb(255 255 255 / 1.0);
3347        
3348
3349        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3350        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
3351        
3352          --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
3353        
3354
3355        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3356
3357        /* Input */
3358        --color-input-background: rgb(255 255 255 / 1.0);
3359        --color-input-text: rgb(0 0 0 / 1.0);
3360        --color-input-text-rgb: 0 0 0;
3361        --color-input-border: rgb(198 198 198 / 1.0);
3362        --color-input-hover-background: rgb(245 245 245 / 1.0);
3363
3364        /* Payment Terms */
3365        --payment-terms-background-color: rgb(255 255 255);
3366
3367        /* Arrows */
3368        --arrow-color: rgb(30 60 50 / 1.0);
3369        --arrow-background: rgb(0 0 0 / 0.0);
3370        --arrow-border: rgb(0 0 0 / 0.0);
3371
3372        /* Pagination */
3373        --pagination-color: rgb(0 0 0 / 1.0);
3374        --pagination-active-color: rgb(198 198 198 / 1.0);
3375
3376        /* Opacity */
3377        --opacity-5-15: 0.05;
3378        --opacity-10-25: 0.1;
3379        --opacity-35-55: 0.35;
3380        --opacity-40-60: 0.4;
3381        --opacity-30-60: 0.3;
3382
3383        /* Disabled */
3384        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3385        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3386        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3387        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3388      }
3389    }
3390  
3391    
3392    @media screen and (max-width: 749px){
3393      
3394      .color-mobile-scheme-11  {
3395        /* Background */
3396        
3397          --color-background: rgb(255 255 255 / 1.0);
3398        
3399
3400        --color-background-rgb: 255 255 255;
3401
3402        /* Body */
3403        --color-foreground: rgb(0 0 0 / 1.0);
3404        --color-foreground-rgb: 0 0 0;
3405
3406        /* Heading */
3407        --color-foreground-heading: rgb(0 0 0 / 1.0);
3408        --color-foreground-heading-rgb: 0 0 0;
3409
3410        /* Link */
3411        --color-primary: rgb(0 0 0 / 1.0);
3412        --color-primary-rgb: 0 0 0;
3413        --color-primary-hover: rgb(0 0 0 / 1.0);
3414        --color-primary-hover-rgb: 0 0 0;
3415
3416        /* Border */
3417        --color-border: rgb(169 169 169 / 1.0);
3418        --color-border-rgb: 169 169 169;
3419
3420        /* Shadow */
3421        --color-shadow: rgb(128 128 128 / 1.0);
3422        --color-shadow-rgb: 128 128 128;
3423
3424        /* Button primary */
3425        --color-primary-button-text: rgb(0 0 0 / 1.0);
3426        --color-primary-button-text-rgb: 0 0 0;
3427        
3428          --color-primary-button-background: rgb(255 255 255 / 1.0);
3429        
3430
3431        --color-primary-button-border: rgb(0 0 0 / 1.0);
3432        --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
3433        
3434          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
3435        
3436
3437        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
3438
3439        /* Button secondary */
3440        --color-secondary-button-text: rgb(255 255 255 / 1.0);
3441        --color-secondary-button-text-rgb: 255 255 255;
3442        
3443          --color-secondary-button-background: rgb(0 0 0 / 1.0);
3444        
3445
3446        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3447        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
3448        
3449          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
3450        
3451
3452        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3453
3454        /* Input */
3455        --color-input-background: rgb(255 255 255 / 1.0);
3456        --color-input-text: rgb(0 0 0 / 1.0);
3457        --color-input-text-rgb: 0 0 0;
3458        --color-input-border: rgb(198 198 198 / 1.0);
3459        --color-input-hover-background: rgb(245 245 245 / 1.0);
3460
3461        /* Payment Terms */
3462        --payment-terms-background-color: rgb(255 255 255);
3463
3464        /* Arrows */
3465        --arrow-color: rgb(30 60 50 / 1.0);
3466        --arrow-background: rgb(0 0 0 / 0.0);
3467        --arrow-border: rgb(0 0 0 / 0.0);
3468
3469        /* Pagination */
3470        --pagination-color: rgb(0 0 0 / 1.0);
3471        --pagination-active-color: rgb(198 198 198 / 1.0);
3472
3473        /* Opacity */
3474        --opacity-5-15: 0.05;
3475        --opacity-10-25: 0.1;
3476        --opacity-35-55: 0.35;
3477        --opacity-40-60: 0.4;
3478        --opacity-30-60: 0.3;
3479
3480        /* Disabled */
3481        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3482        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3483        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3484        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3485      }
3486    }
3487    @media screen and (min-width: 750px) and (max-width: 1024px){
3488      .color-tablet-scheme-11  {
3489        /* Background */
3490        
3491          --color-background: rgb(255 255 255 / 1.0);
3492        
3493
3494        --color-background-rgb: 255 255 255;
3495
3496        /* Body */
3497        --color-foreground: rgb(0 0 0 / 1.0);
3498        --color-foreground-rgb: 0 0 0;
3499
3500        /* Heading */
3501        --color-foreground-heading: rgb(0 0 0 / 1.0);
3502        --color-foreground-heading-rgb: 0 0 0;
3503
3504        /* Link */
3505        --color-primary: rgb(0 0 0 / 1.0);
3506        --color-primary-rgb: 0 0 0;
3507        --color-primary-hover: rgb(0 0 0 / 1.0);
3508        --color-primary-hover-rgb: 0 0 0;
3509
3510        /* Border */
3511        --color-border: rgb(169 169 169 / 1.0);
3512        --color-border-rgb: 169 169 169;
3513
3514        /* Shadow */
3515        --color-shadow: rgb(128 128 128 / 1.0);
3516        --color-shadow-rgb: 128 128 128;
3517
3518        /* Button primary */
3519        --color-primary-button-text: rgb(0 0 0 / 1.0);
3520        --color-primary-button-text-rgb: 0 0 0;
3521        
3522          --color-primary-button-background: rgb(255 255 255 / 1.0);
3523        
3524
3525        --color-primary-button-border: rgb(0 0 0 / 1.0);
3526        --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
3527        
3528          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
3529        
3530
3531        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
3532
3533        /* Button secondary */
3534        --color-secondary-button-text: rgb(255 255 255 / 1.0);
3535        --color-secondary-button-text-rgb: 255 255 255;
3536        
3537          --color-secondary-button-background: rgb(0 0 0 / 1.0);
3538        
3539
3540        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3541        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
3542        
3543          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
3544        
3545
3546        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3547
3548        /* Input */
3549        --color-input-background: rgb(255 255 255 / 1.0);
3550        --color-input-text: rgb(0 0 0 / 1.0);
3551        --color-input-text-rgb: 0 0 0;
3552        --color-input-border: rgb(198 198 198 / 1.0);
3553        --color-input-hover-background: rgb(245 245 245 / 1.0);
3554
3555        /* Payment Terms */
3556        --payment-terms-background-color: rgb(255 255 255);
3557
3558        /* Arrows */
3559        --arrow-color: rgb(30 60 50 / 1.0);
3560        --arrow-background: rgb(0 0 0 / 0.0);
3561        --arrow-border: rgb(0 0 0 / 0.0);
3562
3563        /* Pagination */
3564        --pagination-color: rgb(0 0 0 / 1.0);
3565        --pagination-active-color: rgb(198 198 198 / 1.0);
3566
3567        /* Opacity */
3568        --opacity-5-15: 0.05;
3569        --opacity-10-25: 0.1;
3570        --opacity-35-55: 0.35;
3571        --opacity-40-60: 0.4;
3572        --opacity-30-60: 0.3;
3573
3574        /* Disabled */
3575        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3576        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3577        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3578        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3579      }
3580    }
3581  
3582    
3583    @media screen and (max-width: 749px){
3584      
3585      .color-mobile-scheme-12  {
3586        /* Background */
3587        
3588          --color-background: rgb(255 255 255 / 1.0);
3589        
3590
3591        --color-background-rgb: 255 255 255;
3592
3593        /* Body */
3594        --color-foreground: rgb(7 65 75 / 1.0);
3595        --color-foreground-rgb: 7 65 75;
3596
3597        /* Heading */
3598        --color-foreground-heading: rgb(0 0 0 / 1.0);
3599        --color-foreground-heading-rgb: 0 0 0;
3600
3601        /* Link */
3602        --color-primary: rgb(0 89 105 / 1.0);
3603        --color-primary-rgb: 0 89 105;
3604        --color-primary-hover: rgb(0 0 0 / 1.0);
3605        --color-primary-hover-rgb: 0 0 0;
3606
3607        /* Border */
3608        --color-border: rgb(169 169 169 / 1.0);
3609        --color-border-rgb: 169 169 169;
3610
3611        /* Shadow */
3612        --color-shadow: rgb(128 128 128 / 1.0);
3613        --color-shadow-rgb: 128 128 128;
3614
3615        /* Button primary */
3616        --color-primary-button-text: rgb(255 255 255 / 1.0);
3617        --color-primary-button-text-rgb: 255 255 255;
3618        
3619          --color-primary-button-background: rgb(0 136 164 / 1.0);
3620        
3621
3622        --color-primary-button-border: rgb(0 136 164 / 1.0);
3623        --color-primary-button-hover-text: rgb(0 136 164 / 1.0);
3624        
3625          --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
3626        
3627
3628        --color-primary-button-hover-border: rgb(0 136 164 / 1.0);
3629
3630        /* Button secondary */
3631        --color-secondary-button-text: rgb(255 255 255 / 1.0);
3632        --color-secondary-button-text-rgb: 255 255 255;
3633        
3634          --color-secondary-button-background: rgb(0 0 0 / 1.0);
3635        
3636
3637        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3638        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
3639        
3640          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
3641        
3642
3643        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3644
3645        /* Input */
3646        --color-input-background: rgb(255 255 255 / 1.0);
3647        --color-input-text: rgb(0 0 0 / 1.0);
3648        --color-input-text-rgb: 0 0 0;
3649        --color-input-border: rgb(198 198 198 / 1.0);
3650        --color-input-hover-background: rgb(245 245 245 / 1.0);
3651
3652        /* Payment Terms */
3653        --payment-terms-background-color: rgb(255 255 255);
3654
3655        /* Arrows */
3656        --arrow-color: rgb(30 60 50 / 1.0);
3657        --arrow-background: rgb(0 0 0 / 0.0);
3658        --arrow-border: rgb(0 0 0 / 0.0);
3659
3660        /* Pagination */
3661        --pagination-color: rgb(0 0 0 / 1.0);
3662        --pagination-active-color: rgb(255 255 255 / 1.0);
3663
3664        /* Opacity */
3665        --opacity-5-15: 0.05;
3666        --opacity-10-25: 0.1;
3667        --opacity-35-55: 0.35;
3668        --opacity-40-60: 0.4;
3669        --opacity-30-60: 0.3;
3670
3671        /* Disabled */
3672        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3673        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3674        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3675        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3676      }
3677    }
3678    @media screen and (min-width: 750px) and (max-width: 1024px){
3679      .color-tablet-scheme-12  {
3680        /* Background */
3681        
3682          --color-background: rgb(255 255 255 / 1.0);
3683        
3684
3685        --color-background-rgb: 255 255 255;
3686
3687        /* Body */
3688        --color-foreground: rgb(7 65 75 / 1.0);
3689        --color-foreground-rgb: 7 65 75;
3690
3691        /* Heading */
3692        --color-foreground-heading: rgb(0 0 0 / 1.0);
3693        --color-foreground-heading-rgb: 0 0 0;
3694
3695        /* Link */
3696        --color-primary: rgb(0 89 105 / 1.0);
3697        --color-primary-rgb: 0 89 105;
3698        --color-primary-hover: rgb(0 0 0 / 1.0);
3699        --color-primary-hover-rgb: 0 0 0;
3700
3701        /* Border */
3702        --color-border: rgb(169 169 169 / 1.0);
3703        --color-border-rgb: 169 169 169;
3704
3705        /* Shadow */
3706        --color-shadow: rgb(128 128 128 / 1.0);
3707        --color-shadow-rgb: 128 128 128;
3708
3709        /* Button primary */
3710        --color-primary-button-text: rgb(255 255 255 / 1.0);
3711        --color-primary-button-text-rgb: 255 255 255;
3712        
3713          --color-primary-button-background: rgb(0 136 164 / 1.0);
3714        
3715
3716        --color-primary-button-border: rgb(0 136 164 / 1.0);
3717        --color-primary-button-hover-text: rgb(0 136 164 / 1.0);
3718        
3719          --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
3720        
3721
3722        --color-primary-button-hover-border: rgb(0 136 164 / 1.0);
3723
3724        /* Button secondary */
3725        --color-secondary-button-text: rgb(255 255 255 / 1.0);
3726        --color-secondary-button-text-rgb: 255 255 255;
3727        
3728          --color-secondary-button-background: rgb(0 0 0 / 1.0);
3729        
3730
3731        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3732        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
3733        
3734          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
3735        
3736
3737        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3738
3739        /* Input */
3740        --color-input-background: rgb(255 255 255 / 1.0);
3741        --color-input-text: rgb(0 0 0 / 1.0);
3742        --color-input-text-rgb: 0 0 0;
3743        --color-input-border: rgb(198 198 198 / 1.0);
3744        --color-input-hover-background: rgb(245 245 245 / 1.0);
3745
3746        /* Payment Terms */
3747        --payment-terms-background-color: rgb(255 255 255);
3748
3749        /* Arrows */
3750        --arrow-color: rgb(30 60 50 / 1.0);
3751        --arrow-background: rgb(0 0 0 / 0.0);
3752        --arrow-border: rgb(0 0 0 / 0.0);
3753
3754        /* Pagination */
3755        --pagination-color: rgb(0 0 0 / 1.0);
3756        --pagination-active-color: rgb(255 255 255 / 1.0);
3757
3758        /* Opacity */
3759        --opacity-5-15: 0.05;
3760        --opacity-10-25: 0.1;
3761        --opacity-35-55: 0.35;
3762        --opacity-40-60: 0.4;
3763        --opacity-30-60: 0.3;
3764
3765        /* Disabled */
3766        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3767        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3768        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3769        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3770      }
3771    }
3772  
3773    
3774    @media screen and (max-width: 749px){
3775      
3776      .color-mobile-scheme-13  {
3777        /* Background */
3778        
3779          --color-background: rgb(255 255 255 / 1.0);
3780        
3781
3782        --color-background-rgb: 255 255 255;
3783
3784        /* Body */
3785        --color-foreground: rgb(7 65 75 / 1.0);
3786        --color-foreground-rgb: 7 65 75;
3787
3788        /* Heading */
3789        --color-foreground-heading: rgb(0 0 0 / 1.0);
3790        --color-foreground-heading-rgb: 0 0 0;
3791
3792        /* Link */
3793        --color-primary: rgb(0 89 105 / 1.0);
3794        --color-primary-rgb: 0 89 105;
3795        --color-primary-hover: rgb(0 0 0 / 1.0);
3796        --color-primary-hover-rgb: 0 0 0;
3797
3798        /* Border */
3799        --color-border: rgb(169 169 169 / 1.0);
3800        --color-border-rgb: 169 169 169;
3801
3802        /* Shadow */
3803        --color-shadow: rgb(128 128 128 / 1.0);
3804        --color-shadow-rgb: 128 128 128;
3805
3806        /* Button primary */
3807        --color-primary-button-text: rgb(0 0 0 / 1.0);
3808        --color-primary-button-text-rgb: 0 0 0;
3809        
3810          --color-primary-button-background: rgb(255 255 255 / 1.0);
3811        
3812
3813        --color-primary-button-border: rgb(198 198 198 / 1.0);
3814        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
3815        
3816          --color-primary-button-hover-background: rgb(0 89 105 / 1.0);
3817        
3818
3819        --color-primary-button-hover-border: rgb(0 89 105 / 1.0);
3820
3821        /* Button secondary */
3822        --color-secondary-button-text: rgb(255 255 255 / 1.0);
3823        --color-secondary-button-text-rgb: 255 255 255;
3824        
3825          --color-secondary-button-background: rgb(0 0 0 / 1.0);
3826        
3827
3828        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3829        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
3830        
3831          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
3832        
3833
3834        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3835
3836        /* Input */
3837        --color-input-background: rgb(255 255 255 / 1.0);
3838        --color-input-text: rgb(0 0 0 / 1.0);
3839        --color-input-text-rgb: 0 0 0;
3840        --color-input-border: rgb(198 198 198 / 1.0);
3841        --color-input-hover-background: rgb(245 245 245 / 1.0);
3842
3843        /* Payment Terms */
3844        --payment-terms-background-color: rgb(255 255 255);
3845
3846        /* Arrows */
3847        --arrow-color: rgb(30 60 50 / 1.0);
3848        --arrow-background: rgb(0 0 0 / 0.0);
3849        --arrow-border: rgb(0 0 0 / 0.0);
3850
3851        /* Pagination */
3852        --pagination-color: rgb(198 198 198 / 1.0);
3853        --pagination-active-color: rgb(82 82 82 / 1.0);
3854
3855        /* Opacity */
3856        --opacity-5-15: 0.05;
3857        --opacity-10-25: 0.1;
3858        --opacity-35-55: 0.35;
3859        --opacity-40-60: 0.4;
3860        --opacity-30-60: 0.3;
3861
3862        /* Disabled */
3863        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3864        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3865        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3866        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3867      }
3868    }
3869    @media screen and (min-width: 750px) and (max-width: 1024px){
3870      .color-tablet-scheme-13  {
3871        /* Background */
3872        
3873          --color-background: rgb(255 255 255 / 1.0);
3874        
3875
3876        --color-background-rgb: 255 255 255;
3877
3878        /* Body */
3879        --color-foreground: rgb(7 65 75 / 1.0);
3880        --color-foreground-rgb: 7 65 75;
3881
3882        /* Heading */
3883        --color-foreground-heading: rgb(0 0 0 / 1.0);
3884        --color-foreground-heading-rgb: 0 0 0;
3885
3886        /* Link */
3887        --color-primary: rgb(0 89 105 / 1.0);
3888        --color-primary-rgb: 0 89 105;
3889        --color-primary-hover: rgb(0 0 0 / 1.0);
3890        --color-primary-hover-rgb: 0 0 0;
3891
3892        /* Border */
3893        --color-border: rgb(169 169 169 / 1.0);
3894        --color-border-rgb: 169 169 169;
3895
3896        /* Shadow */
3897        --color-shadow: rgb(128 128 128 / 1.0);
3898        --color-shadow-rgb: 128 128 128;
3899
3900        /* Button primary */
3901        --color-primary-button-text: rgb(0 0 0 / 1.0);
3902        --color-primary-button-text-rgb: 0 0 0;
3903        
3904          --color-primary-button-background: rgb(255 255 255 / 1.0);
3905        
3906
3907        --color-primary-button-border: rgb(198 198 198 / 1.0);
3908        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
3909        
3910          --color-primary-button-hover-background: rgb(0 89 105 / 1.0);
3911        
3912
3913        --color-primary-button-hover-border: rgb(0 89 105 / 1.0);
3914
3915        /* Button secondary */
3916        --color-secondary-button-text: rgb(255 255 255 / 1.0);
3917        --color-secondary-button-text-rgb: 255 255 255;
3918        
3919          --color-secondary-button-background: rgb(0 0 0 / 1.0);
3920        
3921
3922        --color-secondary-button-border: rgb(0 0 0 / 1.0);
3923        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
3924        
3925          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
3926        
3927
3928        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
3929
3930        /* Input */
3931        --color-input-background: rgb(255 255 255 / 1.0);
3932        --color-input-text: rgb(0 0 0 / 1.0);
3933        --color-input-text-rgb: 0 0 0;
3934        --color-input-border: rgb(198 198 198 / 1.0);
3935        --color-input-hover-background: rgb(245 245 245 / 1.0);
3936
3937        /* Payment Terms */
3938        --payment-terms-background-color: rgb(255 255 255);
3939
3940        /* Arrows */
3941        --arrow-color: rgb(30 60 50 / 1.0);
3942        --arrow-background: rgb(0 0 0 / 0.0);
3943        --arrow-border: rgb(0 0 0 / 0.0);
3944
3945        /* Pagination */
3946        --pagination-color: rgb(198 198 198 / 1.0);
3947        --pagination-active-color: rgb(82 82 82 / 1.0);
3948
3949        /* Opacity */
3950        --opacity-5-15: 0.05;
3951        --opacity-10-25: 0.1;
3952        --opacity-35-55: 0.35;
3953        --opacity-40-60: 0.4;
3954        --opacity-30-60: 0.3;
3955
3956        /* Disabled */
3957        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
3958        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
3959        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
3960        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
3961      }
3962    }
3963  
3964
3965  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10, .color-scheme-11, .color-scheme-12, .color-scheme-13 {
3966    color: var(--color-foreground);
3967    background: var(--color-background);
3968  }
3969
3970  :root {
3971    /* Hot stock */
3972    --color-hot-stock: rgb(214 40 40 / 1.0);
3973
3974    /* Badges */
3975    --color-sale-badge-foreground: rgb(255 255 255 / 1.0);
3976    --color-sale-badge-background: rgb(255 51 0 / 1.0);
3977    
3978    --color-sale-badge-border:
3979      
3980        rgb(255 51 0 / 1.0)
3981      ;
3982
3983    --color-sold-out-badge-foreground: rgb(255 255 255 / 1.0);
3984    --color-sold-out-badge-background: rgb(193 193 193 / 1.0);
3985    
3986    --color-sold-out-badge-border:
3987      
3988        rgb(193 193 193 / 1.0)
3989      ;
3990
3991    --color-new-badge-foreground: rgb(35 35 35 / 1.0);
3992    --color-new-badge-background: rgb(255 255 255 / 1.0);
3993    
3994    --color-new-badge-border:
3995      
3996        rgb(35 35 35 / 1.0)
3997      ;
3998
3999    --color-custom-badge-foreground: rgb(255 255 255 / 1.0);
4000    --color-custom-badge-background: rgb(255 187 73 / 1.0);
4001    
4002    --color-custom-badge-border:
4003      
4004        rgb(255 187 73 / 1.0)
4005      ;
4006
4007    /* Product card actions */
4008    --wishtlist-button-color: #000000;
4009    --wishtlist-button-background: #ffffff;
4010    --quickview-button-color: #000000;
4011    --quickview-button-background: #ffffff;
4012    --compare-button-color: #000000;
4013    --compare-button-background: #ffffff;
4014
4015    /* Product prices */
4016    --default-price-color: #000000;
4017    --default-compare-color: #969696;
4018    --default-sale-color: #FF3300;
4019
4020    /* Arrows */
4021    --arrow-width: 6.5rem;
4022    --arrow-height: 3.4rem;
4023    --arrow-icon-size: 4.1rem;
4024    --arrow-radius: 0.0rem;
4025    --arrow-border-thickness: 0.1rem;
4026
4027   /* Section Heights */
4028    --section-height-small: 24rem;
4029    --section-height-medium: 40rem;
4030    --section-height-large: 55rem;
4031
4032    @media screen and (min-width: 40em) {
4033      --section-height-small: 40svh;
4034      --section-height-medium: 55svh;
4035      --section-height-large: 70svh;
4036    }
4037
4038    @media screen and (min-width: 60em) {
4039      --section-height-small: 50svh;
4040      --section-height-medium: 65svh;
4041      --section-height-large: 80svh;
4042    }
4043
4044    /* Line height / Leading */
4045    --body-3xl-font-size: 2.8rem;   /* 28px */
4046    --body-2xl-font-size: 2.4rem;   /* 24px */
4047    --body-xl-font-size: 2.0rem;    /* 20px */
4048    --body-l-font-size: 1.8rem;     /* 18px */
4049    --body-m-font-size: 1.6rem;     /* 16px */
4050    --body-s-font-size: 1.4rem;     /* 14px */
4051    --body-xs-font-size: 1.2rem;    /* 12px */
4052    --body-xxs-font-size: 1.0rem;   /* 10px */
4053
4054    --body-3xl-line-height: 4.2rem; /* 42px */
4055    --body-2xl-line-height: 3.6rem; /* 36px */
4056    --body-xl-line-height: 3.0rem;  /* 30px */
4057    --body-l-line-height: 2.6rem;
4057   /* 26px */
4058    --body-m-line-height: 2.4rem;   /* 24px */
4059    --body-s-line-height: 2rem;     /* 20px */
4060    --body-xs-line-height: 1.8rem;  /* 18px */
4061    --body-xxs-line-height: 1.4rem; /* 14px */
4062
4063    --line-height: 1;
4064
4065    --line-height--display-tight: 1;
4066    --line-height--display-normal: 1.1;
4067    --line-height--display-loose: 1.2;
4068
4069    --line-height--heading-tight: 1.15;
4070    --line-height--heading-normal: 1.25;
4071    --line-height--heading-loose: 1.35;
4072    --line-height--heading-extra-loose: 1.5;
4073    
4074
4075    --line-height--body-tight: 1.2;
4076    --line-height--body-normal: 1.4;
4077    --line-height--body-loose: 1.6;
4078
4079    /* Typography presets */--font-size--paragraph: 1.4rem;--font-size--paragraph-md: calc(1.4rem + 0.2rem);--font-size--paragraph-sm: clamp(1rem, calc(1.4rem - 0.2rem), 1.4rem);--font-size--h1: 0rem;--font-size--h2: 0rem;--font-size--h3: 0rem;--font-size--h4: 0rem;--font-size--h5: 0rem;--font-size--h6: 0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-tight);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-body--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-body--family);--font-h2--style: var(--font-body--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-heading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-heading--family);--font-h6--style: var(--font-heading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);/* Letter-spacing / Tracking */
4080    --letter-spacing--display-tight: -0.03em; /* -0.3px */
4081    --letter-spacing--display-normal: 0;      /* 0px */
4082    --letter-spacing--display-loose: 0.03em;  /* 0.3px */
4083
4084    --letter-spacing--heading-tight: -0.03em; /* -0.3px */
4085    --letter-spacing--heading-normal: 0;      /* 0px */
4086    --letter-spacing--heading-loose: 0.03em;  /* 0.3px */
4087
4088    --letter-spacing--body-tight: -0.03em; /* -0.3px */
4089    --letter-spacing--body-normal: 0;      /* 0px */
4090    --letter-spacing--body-loose: 0.03em;  /* 0.3px */
4091
4092    /* Text transform */
4093    --text-transform--none: none;
4094    --text-transform--uppercase: uppercase;
4095    --text-transform--capitalize: capitalize;
4096
4097    /* Font body */
4098    --font-body--family: Arial, sans-serif;
4099    --font-body--style: normal;
4100    --font-body--weight: 400;
4101    --font-body--size: 1.4rem;
4102    --font-body--line-height: var(--line-height--body-tight);
4103
4104    /* Font subheading */
4105    --font-subheading--family: Arial, sans-serif;
4106    --font-subheading--style: normal;
4107    --font-subheading--weight: 400;
4108
4109    /* Font heading */
4110    --font-heading--family: Arial, sans-serif;
4111    --font-heading--style: normal;
4112    --font-heading--weight: 700;
4113
4114    /* Font size */
4115    --font-size--3xs: 1.0rem;    /* 10px */
4116    --font-size--2xs: 1.2rem;    /* 12px */
4117    --font-size--xs: 1.3rem;     /* 13px */
4118    --font-size--sm: 1.4rem;     /* 14px */
4119    --font-size--md: 1.6rem;     /* 16px */
4120    --font-size--lg: 1.8rem;     /* 18px */
4121    --font-size--xl: 2rem;       /* 20px */
4122    --font-size--2xl: 2.4rem;    /* 24px */
4123    --font-size--3xl: 3.2rem;    /* 32px */
4124    --font-size--4xl: 4rem;      /* 40px */
4125    --font-size--5xl: 4.8rem;    /* 48px */
4126    --font-size--6xl: 5.6rem;    /* 56px */
4127
4128    /* Margin sizes */
4129    --font-h1--spacing: 0.25em; /* 2.5px */
4130    --font-h2--spacing: 0.25em; /* 2.5px */
4131    --font-h3--spacing: 0.25em; /* 2.5px */
4132    --font-h4--spacing: 0.25em; /* 2.5px */
4133    --font-h5--spacing: 0.25em; /* 2.5px */
4134    --font-h6--spacing: 0.25em; /* 2.5px */
4135    --font-paragraph--spacing: 0; /* 0px */
4136
4137    /* Page layout */
4138    --page-margin: 1rem; /* 10px */
4139    --page-content-width: 177rem;
4140    --page-width: calc(var(--page-content-width) + var(--page-margin) * 2);
4141    --sidebar-width: 25rem; /* 250px */
4142    --side-cart-width: 34rem; /* 340px */
4143    --narrow-content-width: 36rem; /* 360px */
4144    --normal-content-width: 42rem; /* 420px */
4145    --wide-content-width: 46rem; /* 460px */
4146    --narrow-page-width: 90rem; /* 900px */
4147    --normal-page-width: 120rem; /* 1200px */
4148    --wide-page-width: 150rem; /* 1500px */
4149
4150    /* Product card */
4151    --product-card-image-padding: 1.0rem;
4152    --product-card-corner-radius: 0.8rem;
4153    --product-card-border-width: 0.1rem;
4154    --product-card-shadow-horizontal-offset: 0.0rem;
4155    --product-card-shadow-vertical-offset: 0.4rem;
4156    --product-card-shadow-blur-radius: 0.5rem;
4157
4158    /* Badge */
4159    --badge-corner-radius: 0.0rem;
4160    --badge-text-font-size: 1.2rem;
4161    --badge-text-font-family: var(--font-body--family);
4162
4163    /* Grid */
4164    --grid-desktop-vertical-spacing: 1.5rem;
4165    --grid-desktop-horizontal-spacing: 1.5rem;
4166    --grid-mobile-vertical-spacing: 0.75rem;
4167    --grid-mobile-horizontal-spacing: 0.75rem;
4168
4169    /* Borders */
4170    --style-border-width: 1px;
4171    --style-border-radius-xs: 0.2rem;
4172    --style-border-radius-sm: 0.6rem;
4173    --style-border-radius-md: 0.8rem;
4174    --style-border-radius-50: 50%;
4175    --style-border-radius-lg: 1rem;
4176    --style-border-radius-buttons-primary: 0.8rem;
4177    --style-border-radius-buttons-secondary: 0.8rem;
4178    --style-border-width-primary: 0.1rem;
4179    --style-border-width-secondary: 0.1rem;
4180
4181    /* Buttons */
4182    --button-font-family-primary: var(--font-subheading--family);
4183    --button-font-family-secondary: var(--font-subheading--family);
4184    --button-font-size-primary: 1.6rem;
4185    --button-font-size-secondary: 1.6rem;
4186    --button-font-weight-primary: 700;
4187    --button-font-weight-secondary: 700;
4188    --button-text-case-primary: uppercase;
4189    --button-text-case-secondary: uppercase;
4190
4191    --buttons-shadow-horizontal-offset: 0.0rem;
4192    --buttons-shadow-vertical-offset: 0.0rem;
4193    --buttons-shadow-blur-radius: 0.0rem;
4194    --button-padding-vertical: 1.2rem;
4195    --button-padding-vertical-mobile: 1.2rem;
4196    --button-padding-horizontal: 3.2rem;
4197    --button-padding-horizontal-mobile: 1.6rem;
4198    --minimum-touch-target: 4.5rem;  /* 45px */
4199    --button-size: var(--minimum-touch-target);
4200
4201    /* Focus */
4202    --focus-outline-width: 0.09375rem;  /* 0.9375px */
4203    --focus-outline-offset: 0.2em;      /* 2px */
4204
4205    /* Icons */
4206    --icon-size-2xs: 0.8rem;  /* 8px */
4207    --icon-size-xs: 1.2rem;   /* 12px */
4208    --icon-size-sm: 1.6rem;   /* 16px */
4209    --icon-size-md: 2rem;     /* 20px */
4210    --icon-size-lg: 2.4rem;   /* 24px */
4211    --icon-size-xl: 3.2rem;   /* 32px */
4212    --icon-stroke-width: 1.5px; /* 1px, 2px, 1.5px */
4213
4214    /* Inputs */
4215    --inputs-radius: 0.0rem;
4216    --inputs-border-width: 0.1rem;
4217    --inputs-shadow-horizontal-offset: 0.0rem;
4218    --inputs-shadow-vertical-offset: 0.0rem;
4219    --inputs-shadow-blur-radius: 0.0rem;
4220    --inputs-radius-outset: 0px;
4221
4222    /* Variant pills */
4223    --variant-pills-radius: 0.0rem;
4224    --variant-pills-border-width: 0.1rem;
4225    --variant-pills-shadow-horizontal-offset: 0.0rem;
4226    --variant-pills-shadow-vertical-offset: 0.0rem;
4227    --variant-pills-shadow-blur-radius: 0.0rem;
4228
4229    /* Swatch input */
4230    --swatch-input--size: 2.0rem;
4231
4232    /* Localization */
4233    --localization-radius: 0.0rem;
4234    --localization-border-width: 0.1rem; /* 1px */
4235    --localization-corner-radius: 1rem;  /* 10px */
4236    --localization-shadow: 0 1rem 2rem rgb(40 40 40 / var(--opacity-8));
4237
4238    /* Popover */
4239    --modal-max-width: 90dvw;
4240    --modal-max-height: 90dvh;
4241    --style-border-width-popover: 0.0rem;
4242    --style-border-radius-popover: 0.0rem;
4243    --style-border-popover: var(--style-border-width-popover) normal rgb(var(--color-border-rgb) / 50%);
4244    
4245
4246    /* Quantity */
4247    --quantity-color-background: var(--color-foreground-rgb);
4248    --quantity-radius: 0.0rem;
4249    --quantity-border-width: 0.1rem; /* 1px */
4250    --quantity-shadow: none;
4251
4252    /* Size */
4253    --size-1: 0.1rem;   /* 1px */
4254    --size-2: 0.2rem;   /* 2px */
4255    --size-3: 0.3rem;   /* 3px */
4256    --size-4: 0.4rem;   /* 4px */
4257    --size-5: 0.5rem;   /* 5px */
4258    --size-6: 0.6rem;   /* 6px */
4259    --size-7: 0.7rem;   /* 7px */
4260    --size-8: 0.8rem;   /* 8px */
4261    --size-9: 0.9rem;   /* 9px */
4262    --size-10: 1rem;    /* 10px */
4263    --size-11: 1.1rem;  /* 11px */
4264    --size-12: 1.2rem;  /* 12px */
4265    --size-13: 1.3rem;  /* 13px */
4266    --size-14: 1.4rem;  /* 14px */
4267    --size-15: 1.5rem;  /* 15px */
4268    --size-16: 1.6rem;  /* 16px */
4269    --size-17: 1.7rem;  /* 17px */
4270    --size-18: 1.8rem;  /* 18px */
4271    --size-19: 1.9rem;  /* 19px */
4272    --size-20: 2rem;    /* 20px */
4273    --size-21: 2.1rem;  /* 21px */
4274    --size-22: 2.2rem;  /* 22px */
4275    --size-23: 2.3rem;  /* 23px */
4276    --size-24: 2.4rem;  /* 24px */
4277    --size-25: 2.5rem;  /* 25px */
4278    --size-26: 2.6rem;  /* 26px */
4279    --size-27: 2.7rem;  /* 27px */
4280    --size-28: 2.8rem;  /* 28px */
4281    --size-29: 2.9rem;  /* 29px */
4282    --size-30: 3rem;    /* 30px */
4283    --size-31: 3.1rem;  /* 31px */
4284    --size-32: 3.2rem;  /* 32px */
4285    --size-33: 3.3rem;  /* 33px */
4286    --size-34: 3.4rem;  /* 34px */
4287    --size-35: 3.5rem;  /* 35px */
4288    --size-36: 3.6rem;  /* 36px */
4289    --size-37: 3.7rem;  /* 37px */
4290    --size-38: 3.8rem;  /* 38px */
4291    --size-39: 3.9rem;  /* 39px */
4292    --size-40: 4rem;    /* 40px */
4293    --size-41: 4.1rem;  /* 41px */
4294    --size-42: 4.2rem;  /* 42px */
4295    --size-43: 4.3rem;  /* 43px */
4296    --size-44: 4.4rem;  /* 44px */
4297    --size-45: 4.5rem;  /* 45px */
4298    --size-46: 4.6rem;  /* 46px */
4299    --size-47: 4.7rem;  /* 47px */
4300    --size-48: 4.8rem;  /* 48px */
4301
4302    /* Spacing */
4303    --padding-3xs: 0.2rem;   /* 2px */
4304    --padding-2xs: 0.4rem;   /* 4px */
4305    --padding-xs: 0.8rem;    /* 8px */
4306    --padding-sm: 1rem;      /* 10px */
4307    --padding-md: 1.2rem;    /* 12px */
4308    --padding-lg: 1.6rem;    /* 16px */
4309    --padding-xl: 2rem;      /* 20px */
4310    --padding-2xl: 2.4rem;   /* 24px */
4311    --padding-3xl: 2.8rem;   /* 28px */
4312    --padding-4xl: 3.2rem;   /* 32px */
4313    --padding-5xl: 4.8rem;   /* 48px */
4314    --padding-6xl: 6.4rem;   /* 64px */
4315
4316    --gap-3xs: 0.125rem;   /* 1.25px */
4317    --gap-2xs: 0.3rem;     /* 3px */
4318    --gap-xs: 0.5rem;      /* 5px */
4319    --gap-sm: 0.7rem;      /* 7px */
4320    --gap-md: 0.9rem;      /* 9px */
4321    --gap-lg: 1rem;        /* 10px */
4322    --gap-xl: 1.5rem;      /* 15px */
4323    --gap-2xl: 2rem;       /* 20px */
4324    --gap-3xl: 2.5rem;     /* 25px */
4325    --gap-4xl: 3rem;       /* 30px */
4326
4327    --margin-3xs: 0.2rem;   /* 2px */
4328    --margin-2xs: 0.4rem;   /* 4px */
4329    --margin-xs: 0.8rem;    /* 8px */
4330    --margin-sm: 1rem;      /* 10px */
4331    --margin-md: 1.2rem;    /* 12px */
4332    --margin-lg: 1.6rem;    /* 16px */
4333    --margin-xl: 2rem;      /* 20px */
4334    --margin-2xl: 2.4rem;   /* 24px */
4335    --margin-3xl: 2.8rem;   /* 28px */
4336    --margin-4xl: 3.2rem;   /* 32px */
4337    --margin-5xl: 4.8rem;   /* 48px */
4338    --margin-6xl: 8rem;     /* 80px */
4339
4340    --spacing-sections-desktop: 0.0rem;
4341    --spacing-sections-mobile: 0px;
4342    --spacing-scale-sm: 0.5;
4343    --spacing-scale-md: 0.7;
4344    --spacing-scale-default: 1.0;
4345
4346    /** Z-Index / Layering */
4347    --layer-section-background: -2;
4348    --layer-lowest: -1;
4349    --layer-raised: 2;
4350    --layer-base: 0;
4351    --layer-flat: 1;
4352    --layer-heightened: 4;
4353    --layer-sticky: 8;
4354    --layer-window-overlay: 10;
4355    --layer-header-menu: 12;
4356    --layer-overlay: 16;
4357    --layer-menu-drawer: 18;
4358    --layer-sidebar: 19;
4359    --layer-temporary: 20;
4360
4361    /* Animation */
4362    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
4363    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
4364    --ease-out-smooth: cubic-bezier(0.61, 0.22, 0.23, 1);
4365    --animation-speed-fast: 0.0625s;
4366    --animation-speed: 0.125s;
4367    --animation-speed-slow: 0.2s;
4368    --animation-speed-slowest: 0.35s;
4369    --animation-speed-medium: 0.15s;
4370    --animation-easing: ease-in-out;
4371    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
4372    --drawer-animation-speed: 0.2s;
4373    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
4374    --animation-slowest-smooth: var(--animation-speed-slowest) var(--ease-out-smooth);
4375    --animation-values: var(--animation-speed) var(--animation-easing);
4376    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
4377    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
4378    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
4379    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
4380    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
4381    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
4382    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
4383    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
4384
4385    /* multi-level-category */
4386    --color-label-multiLevel-categories: #232323;
4387    --bg-label-multiLevel-categories: #ffffff;
4388    --color-button-multiLevel-categories: #ffffff;
4389    --bg-button-multiLevel-categories: #ff8b21;
4390    --border-button-multiLevel-categories: transparent;
4391    --hover-color-button-multiLevel-categories: #ffffff;
4392    --hover-bg-button-multiLevel-categories: #ff8b21;
4393
4394    /* Opacity */
4395    --opacity-0: 0;
4396    --opacity-1: 0.01;
4397    --opacity-4: 0.04;
4398    --opacity-8: 0.08;
4399    --opacity-10: 0.1;
4400    --opacity-15: 0.15;
4401    --opacity-20: 0.2;
4402    --opacity-25: 0.25;
4403    --opacity-30: 0.3;
4404    --opacity-35: 0.35;
4405    --opacity-40: 0.4;
4406    --opacity-45: 0.45;
4407    --opacity-50: 0.5;
4408    --opacity-55: 0.55;
4409    --opacity-60: 0.6;
4410    --opacity-65: 0.65;
4411    --opacity-70: 0.7;
4412    --opacity-75: 0.75;
4413    --opacity-80: 0.8;
4414    --opacity-85: 0.85;
4415    --opacity-90: 0.9;
4416    --opacity-95: 0.95;
4417    --opacity-100: 1;
4418    --opacity-subdued-text: var(--opacity-70);
4419
4420    /* Colors */
4421    --color-black: #000000;
4422    --color-black-rgb: 0 0 0;
4423    --color-white: #ffffff;
4424    --color-white-rgb: 255 255 255;
4425    --color-success-text: #28a745;
4426    --color-success-background: #d4edda;
4427    --color-error-text: #dc3545;
4428    --color-error-background: #f8d7da;
4429    --color-info-text: #17a2b8;
4430    --color-info-background: #d1ecf1;
4431    --color-warning-text: #5c4425;
4432    --color-warning-background: #fbf8e5;
4433    --bg-light-gray: #fafafa;
4434    --bg-medium-gray: #cccccc;
4435    --bg-dark-gray: #333333;
4436    --color-error-strikethrough: #e95144;
4437    --color-new-arrivals: #427AE8;
4438    --color-hot: #E85342;--free-shipping-height : 10px;
4439        --free-shipping-border-radius : 20px;
4440        --free-shipping-color : #727272;
4441         --free-shipping-bg : #ededed;
4442         --free-shipping-bg-1: #e95144;
4443         --free-shipping-bg-2: #ffc206;
4444         --free-shipping-bg-3: #69c69c;
4445         --free-shipping-bg-4: #69c69c;
4446         --free-shipping-min-height : 20.0px;}
4447
4448  @media screen and (min-width: 750px) {
4449    :root {
4450      --page-margin: 1.5rem;
4451    }
4452  }
4453
4454  @media screen and (min-width: 1025px) {
4455    :root {
4456      --page-margin: 4rem;
4457    }
4458  }
4459
4460  *,
4461  *::before,
4462  *::after {
4463    box-sizing: inherit;
4464  }
4465
4466  html {
4467    box-sizing: border-box;
4468    font-size: 62.5%;
4469    height: 100%;
4470  }
4471
4472  body {
4473    display: grid;
4474    grid-template-rows: auto auto 1fr auto;
4475    grid-template-columns: 100%;
4476    min-height: auto;
4477    margin: 0;
4478    font-size: var(--font-body--size);
4479    line-height: var(--font-body--line-height);
4480    font-family: var(--font-body--family);
4481    font-style: var(--font-body--style);
4482    font-weight: var(--font-body--weight);
4483  }
4484</style>
4485
4486
4487
4488    <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/vendor.css?v=125514756949995026771785495780" rel="stylesheet" type="text/css" media="all" /><link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/base.css?v=154899163682928891721785495616" rel="stylesheet" type="text/css" media="all" /><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/section.css?v=172299611464518051501785495770" media="print" onload="this.media='all'">
4489<link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-slider.css?v=96588152810197400751785495669" media="print" onload="this.media='all'"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-card-countdown.css?v=168361723157625986991785495644" media="print" onload="this.media='all'"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-calculator-shipping.css?v=55976318009202526311785495640" media="print" onload="this.media='all'"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-swatch.css?v=176834814887372457751785495671"  media="print" onload="this.media='all'"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-predictive-search.css?v=108545855333558485351785495660"  media="print" onload="this.media='all'"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-card.css?v=179670951525474123181785495645"  media="print" onload="this.media='all'">
4490<link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-price.css?v=50521046917553522211785495661"  media="print" onload="this.media='all'">
4491<link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-cart-items.css?v=28799542602506295161785495646"  media="print" onload="this.media='all'">
4492<link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/animation.css?v=19780143684392414581785495612"  media="print" onload="this.media='all'">
4493
4494
4495<noscript>
4496  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/section.css?v=172299611464518051501785495770">
4497  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-slider.css?v=96588152810197400751785495669"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-card-countdown.css?v=168361723157625986991785495644"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-calculator-shipping.css?v=55976318009202526311785495640"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-swatch.css?v=176834814887372457751785495671"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-predictive-search.css?v=108545855333558485351785495660"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-card.css?v=179670951525474123181785495645">
4498  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-price.css?v=50521046917553522211785495661">
4499  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-cart-items.css?v=28799542602506295161785495646">
4500  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/animation.css?v=19780143684392414581785495612">
4501</noscript>
4502
4503<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/vendor.js?v=173475408311710871421785495780" defer="defer"></script>
vendor: 2 bytes, line 4503
4503
4504<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/global.js?v=7249735609410952351785597592" defer="defer"></script>
4504<script src="//jblonlinestore.com.my/cdn/s/javascripts/currencies.js" defer="defer"></script>
4504
4505  
4505<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/free-shipping-message.js?v=109628474977961857231785495682" defer="defer"></script>
4505�
4505<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/countdown.js?v=50308607292380154501785495674" defer="defer"></script>
4505�
4505<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/text-animation.js?v=80153670801686326571785495776" defer="defer"></script>
4505
4506
4507<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/details-disclosure.js?v=81325105163478275521785495678" defer="defer"></script>
vendor: 2 bytes, line 4507
4507
4508<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/details-modal.js?v=80196261892624041141785495678" defer="defer"></script>
vendor: 2 bytes, line 4508
4508
4509<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/search-form.js?v=111987362970892267951785495765" defer="defer"></script>
4509
4510 
4511<script>
4512  window.shopUrl = "https:\/\/jblonlinestore.com.my";
4513  window.routes = {
4514    shop_origin: "https:\/\/jblonlinestore.com.my",
4515    root: null,
4516    root_url: "\/",
4517    cart_add_url: "\/cart\/add",
4518    cart_change_url: "\/cart\/change",
4519    cart_update_url: "\/cart\/update",
4520    cart_url: "\/cart",
4521    collection_all: "\/collections\/all",
4522    predictive_search_url: "\/search\/suggest",
4523    search_url: "\/search"
4524  };
4525
4526  window.photoswipeUrls = {
4527    css: "\/\/jblonlinestore.com.my\/cdn\/shop\/t\/41\/assets\/lib-photoswipe.css?v=157773877381420356991785495745",
4528    lightboxJs: "\/\/jblonlinestore.com.my\/cdn\/shop\/t\/41\/assets\/lib-photoswipe-lightbox.js?v=151256943198776519401785495744",
4529    coreJs: "\/\/jblonlinestore.com.my\/cdn\/shop\/t\/41\/assets\/lib-photoswipe.js?v=118621043005547298951785495745"
4530  };
4531
4532  window.inventory_text = {
4533    hotStock: "Hurry up! Only [inventory] left",
4534    warningQuantity: "Maximum quantity: [inventory]"
4535  };
4536
4537  window.button_load_more = {
4538    default: "Show more",
4539    loading: "Loading...",
4540    view_all: "View all",
4541    no_more: "No more products",
4542    no_more_collection: "No more products in this collection"
4543  };
4544
4545  window.cartStrings = {
4546    error: "There was an error while updating your cart. Please try again.",
4547    quantityError: "You can only add [quantity] of this item to your cart.",
4548    item: "[count] item",
4549    items: "[count] items",
4550    item_99: "99+"
4551  };
4552
4553  window.variantStrings = {
4554    addToCart: "Add to cart",
4555    addToCart_message: "You must select at least one products to add!",
4556    addingToCart: "Adding to cart...",
4557    chooseOptions: "Choose options",
4558    preOrder: "Pre-order",
4559    soldOut: "Sold out",
4560    soldOut_message: "This variant is sold out!",
4561    unavailable: "Unavailable",
4562    unavailable_message: "This variant is unavailable!",
4563    unavailable_with_option: "[value] - Unavailable"
4564  };
4565
4566  window.quickOrderListStrings = {
4567    itemsAdded: "[quantity] items added",
4568    itemAdded: "[quantity] item added",
4569    itemsRemoved: "[quantity] items removed",
4570    itemRemoved: "[quantity] item removed",
4571    viewCart: "View cart",
4572    each: "[money]\/ea",
4573    min_error: "This item has a minimum of [min]",
4574    max_error: "This item has a maximum of [max]",
4575    step_error: "You can only add this item in increments of [step]"
4576  };
4577
4578  window.accessibilityStrings = {
4579    imageAvailable: "Image [index] is now available in gallery view",
4580    shareSuccess: "Link copied to clipboard",
4581    pauseSlideshow: "Pause slideshow",
4582    playSlideshow: "Play slideshow",
4583    recipientFormExpanded: "Gift card recipient form expanded",
4584    recipientFormCollapsed: "Gift card recipient form collapsed",
4585    countrySelectorSearchCount: "[count] countries\/regions found"
4586  };
4587
4588  window.shippingCalculatorStrings = {
4589    error: "One or more errors occurred while retrieving the shipping rates:",
4590    not_found: "Sorry, we do not ship to your address.",
4591    one_result: "There is one shipping rate for your address:",
4592    multiple_results: "There are multiple shipping rates for your address:"
4593  };
4594
4595  window.countdown = {
4596    day: "D",
4597    hour: "H",
4598    min: "M",
4599    sec: "sec",
4600    days: "Days",
4601    hours: "Hours",
4602    mins: "Mins",
4603    secs: "secs",
4604    d: "d",
4605    h: "h",
4606    m: "m",
4607    s: "s"
4608  };
4609
4610  window.dynamicBrowserTitle = {
4611    show: true,
4612    text: "JBL Official Store"
4613  };
4614
4615  window.floatingIcons = {
4616    show: false,
4617    icons: "❆,❆",
4618    speed: 100
4619  };
4620
4621  
4622    
4623      window.free_shipping_price = 299;
4624    
4625    window.free_shipping_default_currency = "MYR";
4626    window.free_shipping_text = {
4627      free_shipping_message: "Free shipping for all orders over",
4628      free_shipping_message_1: "You qualify for free shipping!",
4629      free_shipping_message_2: "Only",
4630      free_shipping_message_3: "away from",
4631      free_shipping_message_4: "free shipping",
4632      free_shipping_1: "Free",
4633      free_shipping_2: "TBD"
4634    };
4635  
4636
4637  window.wishlist = {
4638    add: "Add to wishlist",
4639    added: "Added to wishlist",
4640    empty: "No product is added to your wishlist",
4641    continue_shopping: "Continue shopping",
4642    remove: "Remove"
4643  };
4644
4645  window.compare = {
4646    show: true,
4647    add: "Add to compare",
4648    added: "Added to compare",
4649    message: "You must select at least two products to compare!"
4650  };
4651
4652  
4653    window.money_format = "RM{{amount}}";
4654  
4655
4656  window.info = {
4657    name: 'ELLA Theme',
4658    version: 'v7.2.0 - 2026/06/04'
4659  };
4660
4661  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
4662</script>
4662<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
4662<meta name="facebook-domain-verification" content="olbmhqf5bapzk0qw91juxv4bsamw2x">
4663<meta name="google-site-verification" content="TRzO02bkVFfLJt-L9BpV8kRBljtDle-KDxanuqh_GdI">
4664<meta name="google-site-verification" content="f1AJX8ADTKO24RYY_Kj8paMtNvBitio4aXI-zRYsvRo">
4665<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56609898694/digital_wallets/dialog">
4666<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/51012562747692:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card dev.shopify.shop_pay"><link rel="alternate" type="application/json+oembed" href="https://jblonlinestore.com.my/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker.oembed">
4667<script async="async" src="/checkouts/internal/preloads.js?locale=en-MY"></script>
vendor: 1 bytes, line 4667
4667
4668<script id="shopify-features" type="application/json">{"accessToken":"87dc3d9b041e93de4e60d85de118c83c","betas":["rich-media-storefront-analytics"],"domain":"jblonlinestore.com.my","predictiveSearch":true,"shopId":56609898694,"locale":"en"}</script>
vendor: 1 bytes, line 4668
4668
4669<script>var Shopify = Shopify || {};
4670Shopify.shop = "jbl-online-store-my.myshopify.com";
4671Shopify.locale = "en";
4672Shopify.currency = {"active":"MYR","rate":"1.0"};
4673Shopify.country = "MY";
4674Shopify.theme = {"name":"jbl-ella-7-2-0-combined - VAug26","id":185013993772,"schema_name":"Ella","schema_version":"7.2.0","theme_store_id":null,"role":"main"};
4675Shopify.theme.handle = "null";
4676Shopify.theme.style = {"id":null,"handle":null};
4677Shopify.cdnHost = "jblonlinestore.com.my/cdn";
4678Shopify.routes = Shopify.routes || {};
4679Shopify.routes.root = "/";
4680Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
4681Shopify.SignInWithShop = Shopify.SignInWithShop || {};
4682Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
4683Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 4683
4683
4684<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 4684
4684
4685<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 4685
4685
4686<script>
4687  window.Shopify = window.Shopify || {};
4688  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
4689  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
4690  window.Shopify.SignInWithShop.eligible = false;
4691</script>
vendor: 1 bytes, line 4691
4691
4692<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 4692
4692
4693<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 4693
4693
4694<script type="module">
4695  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
4696
4697  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
4698
4699</script>
vendor: 1 bytes, line 4699
4699
4700<script>(function() {
4701  var isLoaded = false;
4702  function asyncLoad() {
4703    if (isLoaded) return;
4704    isLoaded = true;
4705    var urls = ["https:\/\/gateway.apaylater.com\/plugins\/shopify-product-detail.js?shop=jbl-online-store-my.myshopify.com","https:\/\/gateway.apaylater.com\/plugins\/shopify-product-list.js?shop=jbl-online-store-my.myshopify.com","https:\/\/cdn-gp01.grabpay.com\/shopify\/js\/v1\/grab-widget-paylater.js?shop=jbl-online-store-my.myshopify.com","https:\/\/gateway.apaylater.com\/plugins\/price_divider\/main.js?platform=SHOPIFY\u0026country=MY\u0026price_divider_applied_on=all\u0026shop=jbl-online-store-my.myshopify.com","https:\/\/r3-t.trackedlink.net\/shopify\/ddgtag.js?shop=jbl-online-store-my.myshopify.com","https:\/\/cdn.jsdelivr.net\/gh\/ArhamWebWorks\/quizify-cdn@latest\/shortcode-loader.js?shop=jbl-online-store-my.myshopify.com"];
4706    for (var i = 0; i < urls.length; i++) {
4707      var s = document.createElement('script');
4708      s.type = 'text/javascript';
4709      s.async = true;
4710      s.src = urls[i];
4711      var x = document.getElementsByTagName('script')[0];
4712      x.parentNode.insertBefore(s, x);
4713    }
4714  };
4715  if(window.attachEvent) {
4716    window.attachEvent('onload', asyncLoad);
4717  } else {
4718    window.addEventListener('load', asyncLoad, false);
4719  }
4720})();</script>
vendor: 1 bytes, line 4720
4720
4721<script id="__st">var __st={"a":56609898694,"offset":28800,"reqid":"15ebc666-bcd6-4619-b2ad-d2ca25125f4d-1791063015","pageurl":"jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","u":"adc1e341cb43","p":"product","rtyp":"product","rid":9960000618796};</script>
vendor: 1 bytes, line 4721
4721
4722<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 4722
4722
4723<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 4723
4723
4724<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//jblonlinestore.com.my/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 4724
4724
4725<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//jblonlinestore.com.my/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
4725<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 4725
4725
4726<script>
4727  window.Shopify = window.Shopify || {};
4728  window.Shopify.MCP = window.Shopify.MCP || {};
4729  window.Shopify.MCP.enabled = true;
4730  window.Shopify.MCP.shop = "jbl-online-store-my.myshopify.com";
4731  window.Shopify.MCP.mcpEndpoint = "https:\/\/jblonlinestore.com.my\/api\/mcp";
4732  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
4733</script>
vendor: 1 bytes, line 4733
4733
4734<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/jblonlinestore.com.my\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
4735</script>
vendor: 1 bytes, line 4735
4735
4736<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://jblonlinestore.com.my/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
4737</script>
vendor: 1 bytes, line 4737
4737
4738<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
4739  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
4740</script>
vendor: 1 bytes, line 4740
4740
4741<script>
4742  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
4743</script>
4743
4744
4745<script type="module" src="https://jblonlinestore.com.my/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 4745
4745
4746<script nomodule>
4747  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
4748</script>
4748
4749
4750<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://jblonlinestore.com.my/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
4751<style id="shopify-accelerated-checkout-cart">
4752        #shopify-buyer-consent {
4753  margin-top: 1em;
4754  display: inline-block;
4755  width: 100%;
4756}
4757
4758#shopify-buyer-consent.hidden {
4759  display: none;
4760}
4761
4762#shopify-subscription-policy-button {
4763  background: none;
4764  border: none;
4765  padding: 0;
4766  text-decoration: underline;
4767  font-size: inherit;
4768  cursor: pointer;
4769}
4770
4771#shopify-subscription-policy-button::before {
4772  box-shadow: none;
4773}
4774
4775      </style>
4776<script id="sections-script" data-sections="section-product-tabs" defer="defer" src="//jblonlinestore.com.my/cdn/shop/t/41/compiled_assets/scripts.js?v=18586094861343648081785495922"></script>
vendor: 1 bytes, line 4776
4776
4777<script id="snippets-script" data-snippets="social-share-button" defer="defer" src="//jblonlinestore.com.my/cdn/shop/t/41/compiled_assets/snippet-scripts.js?v=98651919634664577141785495923"></script>
vendor: 1 bytes, line 4777
4777
4778<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
4778
4779
4780    
4781  
4781<script>
4782var grab_widget_visiblity='1';
4783var grab_widget_tenure='4';
4784var grab_widget_money_format = "RM{{amount}}";
4785var grab_data_currency_code = 'MYR';
4786var grab_widget_current_page_type = 'product';
4787var grab_page_config_param =  [];
4788</script>
4788
4789
4790
4791<!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'>
4792
4793<script id='shopify-chat-app-embed-data' type='application/json'>
4794  {
4795    "settings": {
4796      "invertActivatorColors": false,
4797      "greetingMessage": "",
4798      "showFeaturedProducts": true,
4799      "featuredProducts": [],
4800      "horizontalPosition": "bottom_right",
4801      "icon": "chat_bubble",
4802      "buttonLabel": "Chat"
4803    }
4804  }
4805</script>
4805
4806
4807<style data-shopify>
4808  
4809
4810  /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */
4811  shopify-chat:defined:empty {
4812    display: grid;
4813  }
4814
4815  :root {
4816    --shopify-chat-bg-color: #FFFFFF;
4817    --shopify-chat-text-color: #000000;
4818    --shopify-chat-accent-bg-color: #000000;
4819    --shopify-chat-accent-text-color: #FFFFFF;
4820    --shopify-chat-activator-offset: 20px;
4821
4822    
4823
4824    --shopify-chat-activator-font-size: 16px;
4825    --shopify-chat-border-radius: 16px;
4826  }
4827
4828  
4829</style>
4830
4831<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
4831
4832
4833
4834<!-- END app block --><!-- BEGIN app block: shopify://apps/wisereviews-reviews-importer/blocks/wise-reviews/9ef986f0-166f-4cdf-8a67-c9585e8df5a9 -->
4835
4836
4837
4838<script>
4839  window.wiseReviewsWidgetSettings = {"theme":"light","lazy_load":true,"star_color":"#fec616","star_rating":{"mobile_format":"abbreviation","desktop_format":"reviews_count","container_class":null,"hide_if_no_review":false},"reviews_text":"reviews","based_on_text":"based on","primary_color":"slate","verified_text":"Verified","read_less_text":"Read less","read_more_text":"Read more","product_reviews":{"layout":"grid","star_text":"star","name_label":"Name*","card_border":"solid","email_label":"Email*","hide_sort_by":false,"rating_label":"Rating*","sort_by_label":"Sort by","container_class":null,"default_sort_by":"RECOMMENDED","name_placeholder":"Enter your name","email_placeholder":"Enter your email address","hide_review_media":true,"review_body_label":"Review Body*","helpful_count_text":"[helpful_count] people found this helpful","hide_reviews_count":false,"review_title_label":"Review Title","helpful_button_text":"Helpful","hide_reviews_summary":false,"reviewer_photo_label":"Reviewer Photo (Optional)","star_rating_position":"top_of_review_card","hide_rating_breakdown":false,"hide_show_more_button":false,"shop_reviews_tab_text":"_","show_more_button_text":"Show More","thank_you_banner_text":"Thank you! Your review has been submitted.","show_media_count_badge":false,"no_reviews_display_mode":"default","review_body_placeholder":"Write your comment...","product_reviews_tab_text":"Product reviews","review_title_placeholder":"Title of your review","sort_by_recommended_text":"Recommended","upload_media_button_text":"Upload Media","sort_by_latest_first_text":"Latest first","sort_by_most_helpful_text":"Most helpful","sort_by_olde
4839st_first_text":"Oldest first","submit_review_button_text":"Submit Review","reviewer_photo_button_text":"Upload Photo","sort_by_lowest_rating_text":"Lowest rating","write_a_review_button_text":"WRITE A REVIEW","sort_by_highest_rating_text":"Highest rating","hide_review_media_beside_cta":false,"indicates_required_field_text":"*indicates required field","number_of_reviews_per_page_mobile":"3","number_of_reviews_per_page_desktop":"3"},"featured_reviews":{"auto_play":false,"touch_move":false,"card_border":"solid","container_class":null,"show_review_media":false,"show_product_name_if_available":true},"show_review_date":true,"show_review_title":false,"hide_reviewer_photo":true,"no_reviews_available_text":"No reviews available"};
4840  window.appEmbedEnabled = true;
4841  window.wiseReviewsProduct = {
4842    id: "9960000618796",
4843    averageRating: "5.0",
4844    reviewsCount: 192
4845  };
4846  window.wiseReviewsLastUpdated = "2026-08-07 08:29:45";
4847</script>
4847
4848
4849
4850<!-- END app block -->
4850<script src="https://cdn.shopify.com/extensions/01a0e7fa-7d43-7dcb-981c-cd8770a7f6f3/wise-reviews-1-67/assets/extension.js" type="text/javascript" defer="defer"></script>
4850
4851<link href="https://cdn.shopify.com/extensions/01a0e7fa-7d43-7dcb-981c-cd8770a7f6f3/wise-reviews-1-67/assets/extension-style.css" rel="stylesheet" type="text/css" media="all">
4852<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
4853<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 56609898694,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 4853
4853
4854<script>
4855  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
4856</script>
vendor: 1 bytes, line 4856
4856
4857<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
4857).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 56609898694,storefrontBaseUrl: "https://jblonlinestore.com.my",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://jblonlinestore.com.my/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2482372908","configuration":"{\"accountID\":\"b7e2a4dc-47da-48d0-9cc0-9059f88d7e1e\",\"endpoint\":\"https:\/\/m.moast.io\/apps\/moast\/event\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0ab78a3affe2fb477c6b0cc5f1382c4e","type":"APP","apiClientId":108560121857,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"767918380","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-BNZVGVVS2B\\\",\\\"GT-PL95RZK\\\"],\\\"target_country\\\":\\\"MY\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-BNZVGVVS2B\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-BNZVGVVS2B\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-BNZVGVVS2B\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-BNZVGVVS2B\\\",\\\"MC-YKB1SPK11S\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-BNZVGVVS2B\\\",\\\"MC-YKB1SPK11S\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-BNZVGVVS2B\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-BNZVGVVS2B\\\",\\\"MC-YKB1SPK11S\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-BNZVGVVS2B\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-BNZVGVVS2B\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-BNZVGVVS2B\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-BNZVGVVS2B\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"352125228","configuration":"{\"pixel_id\":\"576377100248987\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"31686956","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Shopify GTM"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"JBL Online Store MY","paymentSettings":{"currencyCode":"MYR"},"myshopifyDomain":"jbl-online-store-my.myshopify.com","countryCode":"MY","storefrontUrl":"https:\/\/jblonlinestore.com.my"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012562747692","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263"},"sku":"JBLCHARGE6BLK","title":"Black","untranslatedTitle":"Black"},{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012562780460","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263"},"sku":"JBLCHARGE6BLKO","title":"Funky Black","untranslatedTitle":"Funky Black"},{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012562813228","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263"},"sku":"JBLCHARGE6BLU","title":"Blue","untranslatedTitle":"Blue"},{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012562845996","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263"},"sku":"JBLCHARGE6PINK","title":"Pink","untranslatedTitle":"Pink"},{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012562878764","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263"},"sku":"JBLCHARGE6PUR","title":"Purple","untranslatedTitle":"Purple"},{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012562911532","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263"},"sku":"JBLCHARGE6RED","title":"Red","untranslatedTitle":"Red"},{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012562944300","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263"},"sku":"JBLCHARGE6SAND","title":"Sand","untranslatedTitle":"Sand"},{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012562977068","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263"},"sku":"JBLCHARGE6SQUAD","title":"Squad","untranslatedTitle":"Squad"},{"price":{"amount":899.0,"currencyCode":"MYR"},"product":{"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","vendor":"JBL Online Store MY","id":"9960000618796","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","type":"Bluetooth Speaker"},"id":"51012563009836","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263"},"sku":"JBLCHARGE6WHT","title":"White","untranslatedTitle":"White"}],"products":[{"id":"9960000618796","handle":"jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","isCollective":null,"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","type":"Bluetooth Speaker","untranslatedTitle":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","url":"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"51012562747692","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6BLK","title":"Black","untranslatedTitle":"Black"},{"id":"51012562780460","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6BLKO","title":"Funky Black","untranslatedTitle":"Funky Black"},{"id":"51012562813228","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6BLU","title":"Blue","untranslatedTitle":"Blue"},{"id":"51012562845996","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6PINK","title":"Pink","untranslatedTitle":"Pink"},{"id":"51012562878764","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6PUR","title":"Purple","untranslatedTitle":"Purple"},{"id":"51012562911532","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6RED","title":"Red","untranslatedTitle":"Red"},{"id":"51012562944300","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6SAND","title":"Sand","untranslatedTitle":"Sand"},{"id":"51012562977068","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6SQUAD","title":"Squad","untranslatedTitle":"Squad"},{"id":"51012563009836","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLCHARGE6WHT","title":"White","untranslatedTitle":"White"}]}
4857,{"id":"10211507470636","handle":"jbl-quantum-950-wireless-multiplatform-gaming-headset-with-adaptive-noise-cancelling","isCollective":null,"title":"JBL Quantum 950 Wireless Multiplatform Gaming Headset With ANC","type":null,"untranslatedTitle":"JBL Quantum 950 Wireless Multiplatform Gaming Headset With ANC","url":"\/products\/jbl-quantum-950-wireless-multiplatform-gaming-headset-with-adaptive-noise-cancelling","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"52547768254764","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Quantum950.jpg?v=1768453205"},"price":{"amount":1499.0,"currencyCode":"MYR"},"sku":"JBLQTUM950BLK","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"9089966801196","handle":"jbl-quantum-stream-talk-usb-condenser-microphone-for-streaming-recording-and-gaming","isCollective":null,"title":"JBL Quantum Stream Talk USB Condenser Microphone","type":"Microphones","untranslatedTitle":"JBL Quantum Stream Talk USB Condenser Microphone","url":"\/products\/jbl-quantum-stream-talk-usb-condenser-microphone-for-streaming-recording-and-gaming","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"48174100971820","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/QuantumStreamTalk_83818f0d-83b8-4895-a218-5e6e055cad5d.png?v=1756188687"},"price":{"amount":249.0,"currencyCode":"MYR"},"sku":"JBLSTRMTALKBLK","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"10361963020588","handle":"jbl-live-beam-4-true-wireless-noise-cancelling-earbuds","isCollective":null,"title":"JBL Live Beam 4 True Wireless Noise Cancelling Earbuds","type":"True Wireless","untranslatedTitle":"JBL Live Beam 4 True Wireless Noise Cancelling Earbuds","url":"\/products\/jbl-live-beam-4-true-wireless-noise-cancelling-earbuds","vendor":"JBL","remoteShopId":null,"variants":[{"id":"53344542490924","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Live_Beam_4_6.jpg?v=1781838474"},"price":{"amount":999.0,"currencyCode":"MYR"},"sku":"JBLLIVEBEAM4BLK","title":"Black","untranslatedTitle":"Black"}]},{"id":"9305830687020","handle":"jbl-go-4-ultra-portable-bluetooth-speaker","isCollective":null,"title":"JBL Go 4 Ultra-Portable Bluetooth Speaker","type":"Bluetooth Speaker","untranslatedTitle":"JBL Go 4 Ultra-Portable Bluetooth Speaker","url":"\/products\/jbl-go-4-ultra-portable-bluetooth-speaker","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"48756093419820","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Black_GO_4.png?v=1724314668"},"price":{"amount":199.0,"currencyCode":"MYR"},"sku":"JBLGO4BLK","title":"Black","untranslatedTitle":"Black"}]},{"id":"7131251179718","handle":"jbl-charge-5-portable-bluetooth-speaker","isCollective":null,"title":"JBL Charge 5 Portable Bluetooth Speaker","type":"Bluetooth Speaker","untranslatedTitle":"JBL Charge 5 Portable Bluetooth Speaker","url":"\/products\/jbl-charge-5-portable-bluetooth-speaker","vendor":"JBL","remoteShopId":null,"variants":[{"id":"41339830468806","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Charge5_8.jpg?v=1787025607"},"price":{"amount":599.0,"currencyCode":"MYR"},"sku":"JBLCHARGE5BLU","title":"Blue","untranslatedTitle":"Blue"}]},{"id":"6668980715718","handle":"jbl-go-3-portable-waterproof-speaker","isCollective":null,"title":"JBL Go 3 Portable Waterproof Bluetooth Speaker","type":"Bluetooth Speaker","untranslatedTitle":"JBL Go 3 Portable Waterproof Bluetooth Speaker","url":"\/products\/jbl-go-3-portable-waterproof-speaker","vendor":"JBL","remoteShopId":null,"variants":[{"id":"41562740064454","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/products\/jbl-go-3-portable-waterproof-speaker-squad-bluetooth-854.jpg?v=1644386939"},"price":{"amount":149.0,"currencyCode":"MYR"},"sku":"JBLGO3SQUAD","title":"Squad","untranslatedTitle":"Squad"}]},{"id":"8292236165420","handle":"jbl-bar-1000-7-1-4-channel-soundbar-with-detachable-surround-speakers-dolby-atmos-and-dts-x","isCollective":null,"title":"JBL BAR 1000 7.1.4-Channel Soundbar with Detachable Surround Speakers, MultiBeam™, Dolby Atmos®, and DTS:X®","type":"Soundbar","untranslatedTitle":"JBL BAR 1000 7.1.4-Channel Soundbar with Detachable Surround Speakers, MultiBeam™, Dolby Atmos®, and DTS:X®","url":"\/products\/jbl-bar-1000-7-1-4-channel-soundbar-with-detachable-surround-speakers-dolby-atmos-and-dts-x","vendor":"JBL","remoteShopId":null,"variants":[{"id":"45028566204716","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/BAR1000.png?v=1734942745"},"price":{"amount":3599.0,"currencyCode":"MYR"},"sku":"JBLBAR1000PROBAS1","title":"Default Title","untranslatedTitle":"Default Title"}]}
4857,{"id":"10068123713836","handle":"jbl-wave-beam-2-true-wireless-noise-cancelling-earbuds","isCollective":null,"title":"JBL Wave Beam 2 True Wireless Noise Cancelling Earbuds","type":"True Wireless","untranslatedTitle":"JBL Wave Beam 2 True Wireless Noise Cancelling Earbuds","url":"\/products\/jbl-wave-beam-2-true-wireless-noise-cancelling-earbuds","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"51813132009772","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2.jpg?v=1756188630"},"price":{"amount":219.0,"currencyCode":"MYR"},"sku":"JBLWBEAM2BLK","title":"Black","untranslatedTitle":"Black"}]},{"id":"9965499220268","handle":"jbl-flip-7-portable-waterproof-and-drop-proof-speaker-with-bold-jbl-pro-sound","isCollective":null,"title":"JBL Flip 7 Portable Waterproof and Drop-Proof Speaker with Bold JBL Pro Sound","type":"Bluetooth Speaker","untranslatedTitle":"JBL Flip 7 Portable Waterproof and Drop-Proof Speaker with Bold JBL Pro Sound","url":"\/products\/jbl-flip-7-portable-waterproof-and-drop-proof-speaker-with-bold-jbl-pro-sound","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"51031514415404","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10_89dbcd4a-7fd2-4c57-b522-0963dfa5e502.jpg?v=1746177505"},"price":{"amount":699.0,"currencyCode":"MYR"},"sku":"JBLFLIP7BLK","title":"Black","untranslatedTitle":"Black"}]},{"id":"10107147157804","handle":"jbl-boombox-4-most-powerful-jbl-portable-waterproof-speaker-with-massive-jbl-pro-sound","isCollective":null,"title":"JBL Boombox 4 - Most Powerful Portable Waterproof Speaker with Massive JBL Pro Sound","type":"Bluetooth Speaker","untranslatedTitle":"JBL Boombox 4 - Most Powerful Portable Waterproof Speaker with Massive JBL Pro Sound","url":"\/products\/jbl-boombox-4-most-powerful-jbl-portable-waterproof-speaker-with-massive-jbl-pro-sound","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"52069394743596","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Boombox_4.jpg?v=1759993627"},"price":{"amount":2499.0,"currencyCode":"MYR"},"sku":"JBLBOOMBOX4BLKAS","title":"Black","untranslatedTitle":"Black"}]},{"id":"10361820086572","handle":"jbl-easysing-mic-mini","isCollective":null,"title":"JBL EasySing Mic Mini Portable AI-powered Microphone with Real-time Vocal Removal","type":"Microphones","untranslatedTitle":"JBL EasySing Mic Mini Portable AI-powered Microphone with Real-time Vocal Removal","url":"\/products\/jbl-easysing-mic-mini","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"53344223822124","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_4.jpg?v=1781769442"},"price":{"amount":799.0,"currencyCode":"MYR"},"sku":"JBLESMICMINI","title":"1 Mic","untranslatedTitle":"1 Mic"}]},{"id":"10272368230700","handle":"jbl-go-5-a-compact-waterproof-and-drop-proof-speaker","isCollective":null,"title":"JBL GO 5 Compact, Waterproof, and Drop-Proof Speaker","type":"Bluetooth Speaker","untranslatedTitle":"JBL GO 5 Compact, Waterproof, and Drop-Proof Speaker","url":"\/products\/jbl-go-5-a-compact-waterproof-and-drop-proof-speaker","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"52861241622828","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/GO_5_9.jpg?v=1776243206"},"price":{"amount":249.0,"currencyCode":"MYR"},"sku":"JBLGO5BLK","title":"Black","untranslatedTitle":"Black"}]},{"id":"10107937587500","handle":"jbl-grip-compact-bluetooth-speaker-with-bold-jbl-pro-sound-and-ambient-light","isCollective":null,"title":"JBL Grip - Compact Bluetooth Speaker with Bold JBL Pro Sound \u0026 Ambient Light","type":"Bluetooth Speaker","untranslatedTitle":"JBL Grip - Compact Bluetooth Speaker with Bold JBL Pro Sound \u0026 Ambient Light","url":"\/products\/jbl-grip-compact-bluetooth-speaker-with-bold-jbl-pro-sound-and-ambient-light","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"52073555984684","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/JBL_Grip_5.jpg?v=1760085232"},"price":{"amount":499.0,"currencyCode":"MYR"},"sku":"JBLGRIPBLK","title":"Black","untranslatedTitle":"Black"}]},{"id":"9374812864812","handle":"jbl-partybox-club-120-portable-party-speaker","isCollective":null,"title":"JBL Partybox Club 120 Portable Party Speaker","type":"Party Box","untranslatedTitle":"JBL Partybox Club 120 Portable Party Speaker","url":"\/products\/jbl-partybox-club-120-portable-party-speaker","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"50474522837292","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/PartyboxClub120_93555504-22e6-49c8-833d-f1f8e2c60fd5.png?v=1737100863"},"price":{"amount":1899.0,"currencyCode":"MYR"},"sku":"JBLPBCLUB120AS","title":"JBL PartyBox Club 120 Black","untranslatedTitle":"JBL PartyBox Club 120 Black"}]}
4857,{"id":"10212630593836","handle":"jbl-partybox-digital-wireless-microphones","isCollective":null,"title":"JBL Partybox Digital Wireless Microphones","type":"Microphones","untranslatedTitle":"JBL Partybox Digital Wireless Microphones","url":"\/products\/jbl-partybox-digital-wireless-microphones","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"52551235273004","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/PartyboxWirelessMicrophone_b810dbff-487f-4e68-8983-3b4f7ac517ee.jpg?v=1768552296"},"price":{"amount":669.0,"currencyCode":"MYR"},"sku":"JBLPBWIRELESSMIC","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"10273638547756","handle":"jbl-easy-sing-mics-two-wireless-ai-powered-microphones-with-real-time-vocal-removal","isCollective":null,"title":"JBL EasySing Mics Two Wireless AI-Powered Microphones with Real-Time Vocal Removal","type":"Microphone","untranslatedTitle":"JBL EasySing Mics Two Wireless AI-Powered Microphones with Real-Time Vocal Removal","url":"\/products\/jbl-easy-sing-mics-two-wireless-ai-powered-microphones-with-real-time-vocal-removal","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"52872519123244","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySingMics.jpg?v=1776410208"},"price":{"amount":899.0,"currencyCode":"MYR"},"sku":"JBLEASYSINGMICS","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"10272915882284","handle":"jbl-partycover-club-120-dust-and-scratch-proof-protective-cover-for-jbl-partybox-club-120-speakers","isCollective":null,"title":"JBL PartyCover Club 120 Dust- and Scratch-Proof Protective Cover for JBL PartyBox Club 120 speakers","type":null,"untranslatedTitle":"JBL PartyCover Club 120 Dust- and Scratch-Proof Protective Cover for JBL PartyBox Club 120 speakers","url":"\/products\/jbl-partycover-club-120-dust-and-scratch-proof-protective-cover-for-jbl-partybox-club-120-speakers","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"52867708584236","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Partycover120_5.jpg?v=1776321171"},"price":{"amount":299.0,"currencyCode":"MYR"},"sku":"JBLPBCOV-120","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"10273573536044","handle":"jbl-xtreme-5-portable-waterproof-speaker","isCollective":null,"title":"JBL Xtreme 5 Portable waterproof speaker","type":"Bluetooth Speaker","untranslatedTitle":"JBL Xtreme 5 Portable waterproof speaker","url":"\/products\/jbl-xtreme-5-portable-waterproof-speaker","vendor":"JBL Online Store MY","remoteShopId":null,"variants":[{"id":"52872108671276","image":{"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Xtreme_5_3.jpg?v=1776406241"},"price":{"amount":1799.0,"currencyCode":"MYR"},"sku":"JBLXTREME5BLKAS","title":"Black","untranslatedTitle":"Black"}]}],"purchasingCompany":null},},"https://jblonlinestore.com.my/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"185013993772","themePublished":"true","eventMetadataId":"c9b3b133-3caa-4821-b73f-bbe17102d2ff","pageType":"product","resourceId":"9960000618796","shopId":"56609898694","storefrontBaseUrl":"https:\/\/jblonlinestore.com.my","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":899.0,\"currencyCode\":\"MYR\"},\"product\":{\"title\":\"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker\",\"vendor\":\"JBL Online Store MY\",\"id\":\"9960000618796\",\"untranslatedTitle\":\"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker\",\"url\":\"\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker\",\"type\":\"Bluetooth Speaker\"},\"id\":\"51012562747692\",\"image\":{\"src\":\"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263\"}
4857,\"sku\":\"JBLCHARGE6BLK\",\"title\":\"Black\",\"untranslatedTitle\":\"Black\"}}]]"});})();</script>
4857<script>
4858  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
4859  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
4860  window.ShopifyAnalytics.meta.currency = 'MYR';
4861  var meta = {"product":{"id":9960000618796,"gid":"gid:\/\/shopify\/Product\/9960000618796","vendor":"JBL Online Store MY","type":"Bluetooth Speaker","handle":"jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","variants":[{"id":51012562747692,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Black","public_title":"Black","sku":"JBLCHARGE6BLK"},{"id":51012562780460,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Funky Black","public_title":"Funky Black","sku":"JBLCHARGE6BLKO"},{"id":51012562813228,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Blue","public_title":"Blue","sku":"JBLCHARGE6BLU"},{"id":51012562845996,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Pink","public_title":"Pink","sku":"JBLCHARGE6PINK"},{"id":51012562878764,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Purple","public_title":"Purple","sku":"JBLCHARGE6PUR"},{"id":51012562911532,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Red","public_title":"Red","sku":"JBLCHARGE6RED"},{"id":51012562944300,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Sand","public_title":"Sand","sku":"JBLCHARGE6SAND"},{"id":51012562977068,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Squad","public_title":"Squad","sku":"JBLCHARGE6SQUAD"},{"id":51012563009836,"price":89900,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - White","public_title":"White","sku":"JBLCHARGE6WHT"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9960000618796,"requestId":"15ebc666-bcd6-4619-b2ad-d2ca25125f4d-1791063015"}};
4862  for (var attr in meta) {
4863    window.ShopifyAnalytics.meta[attr] = meta[attr];
4864  }
4865</script>
vendor: 1 bytes, line 4865
4865
4866<script class="analytics">
4867  (function () {
4868    var customDocumentWrite = function(content) {
4869      var jquery = null;
4870
4871      if (window.jQuery) {
4872        jquery = window.jQuery;
4873      } else if (window.Checkout && window.Checkout.$) {
4874        jquery = window.Checkout.$;
4875      }
4876
4877      if (jquery) {
4878        jquery('body').append(content);
4879      }
4880    };
4881
4882    var hasLoggedConversion = function(token) {
4883      if (token) {
4884        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
4885      }
4886      return false;
4887    }
4888
4889    var setCookieIfConversion = function(token) {
4890      if (token) {
4891        var twoMonthsFromNow = new Date(Date.now());
4892        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
4893
4894        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
4895      }
4896    }
4897
4898    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
4899    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
4900    if (trekkie.integrations) {
4901      return;
4902    }
4903    trekkie.methods = [
4904      'identify',
4905      'page',
4906      'ready',
4907      'track',
4908      'trackForm',
4909      'trackLink'
4910    ];
4911    trekkie.factory = function(method) {
4912      return function() {
4913        var args = Array.prototype.slice.call(arguments);
4914        args.unshift(method);
4915        trekkie.push(args);
4916        if (method == 'track' || method == 'page') {
4917          var pageUrl;
4918          try {
4919            pageUrl = window.location.href;
4920          } catch (e) {}
4921          var pageReferrer;
4922          try {
4923            pageReferrer = document.referrer;
4924          } catch (e) {}
4925          try {
4926            if (window.__TREKKIE_SHIM_QUEUE == null) {
4927              window.__TREKKIE_SHIM_QUEUE = [];
4928            }
4929            window.__TREKKIE_SHIM_QUEUE.push({
4930              from: 'trekkie-stub',
4931              method: method,
4932              args: args.slice(1),
4933              pageContext: {
4934                url: pageUrl,
4935                referrer: pageReferrer
4936              }
4937            });
4938          } catch (e) {
4939            // no-op
4940          }
4941        }
4942        return trekkie;
4943      };
4944    };
4945    for (var i = 0; i < trekkie.methods.length; i++) {
4946      var key = trekkie.methods[i];
4947      trekkie[key] = trekkie.factory(key);
4948    }
4949    trekkie.load = function(config) {
4950      trekkie.config = config || {};
4951      trekkie.config.initialDocumentCookie = document.cookie;
4952      var first = document.getElementsByTagName('script')[0];
4953var script = document.createElement('script');
4954script.type = 'text/javascript';
4955script.onerror = function(e) {
4956  var scriptFallback = document.createElement('script');
4957  scriptFallback.type = 'text/javascript';
4958  scriptFallback.onerror = function(error) {
4959          var Monorail = {
4960      produce: function produce(monorailDomain, schemaId, payload) {
4961        var currentMs = new Date().getTime();
4962        var event = {
4963          schema_id: schemaId,
4964          payload: payload,
4965          metadata: {
4966            event_created_at_ms: currentMs,
4967            event_sent_at_ms: currentMs
4968          }
4969        };
4970        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
4971      },
4972      sendRequest: function sendRequest(endpointUrl, payload) {
4973        // Try the sendBeacon API
4974        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
4975          var blobData = new window.Blob([payload], {
4976            type: 'text/plain'
4977          });
4978
4979          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
4980            return true;
4981          } // sendBeacon was not successful
4982
4983        } // XHR beacon
4984
4985        var xhr = new XMLHttpRequest();
4986
4987        try {
4988          xhr.open('POST', endpointUrl);
4989          xhr.setRequestHeader('Content-Type', 'text/plain');
4990          xhr.send(payload);
4991        } catch (e) {
4992          console.log(e);
4993        }
4994
4995        return false;
4996      },
4997      isIos12: function isIos12() {
4998        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
4999      }
5000    };
5001    Monorail.produce('monorail-edge.shopifysvc.com',
5002      'trekkie_storefront_load_errors/1.1',
5003      {shop_id: 56609898694,
5004      theme_id: 185013993772,
5005      app_name: "storefront",
5006      context_url: window.location.href,
5007      source_url: "//jblonlinestore.com.my/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
5008
5009  };
5010  scriptFallback.async = true;
5011  scriptFallback.src = '//jblonlinestore.com.my/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
5012  first.parentNode.insertBefore(scriptFallback, first);
5013};
5014script.async = true;
5015script.src = '//jblonlinestore.com.my/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
5016first.parentNode.insertBefore(script, first);
5017
5018    };
5019    trekkie.load(
5020      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56609898694,"isMerchantRequest":null,"themeId":185013993772,"themeCityHash":"4781709334997141316","contentLanguage":"en","currency":"MYR","eventMetadataId":"c9b3b133-3caa-4821-b73f-bbe
502017102d2ff"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
5021    );
5022
5023    var loaded = false;
5024    trekkie.ready(function() {
5025      if (loaded) return;
5026      loaded = true;
5027
5028      window.ShopifyAnalytics.lib = window.trekkie;
5029
5030      var originalDocumentWrite = document.write;
5031      document.write = customDocumentWrite;
5032      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
5033      document.write = originalDocumentWrite;
5034
5035      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
5036      var token = match? match[1]: undefined;
5037      if (!hasLoggedConversion(token)) {
5038        setCookieIfConversion(token);
5039        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"MYR","variantId":51012562747692,"productId":9960000618796,"productGid":"gid:\/\/shopify\/Product\/9960000618796","name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Black","price":"899.00","sku":"JBLCHARGE6BLK","brand":"JBL Online Store MY","variant":"Black","category":"Bluetooth Speaker","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
5040      }
5041    });
5042
5043    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9960000618796,"requestId":"15ebc666-bcd6-4619-b2ad-d2ca25125f4d-1791063015","shopifyEmitted":true});
5044
5045    var eventsListenerScript = document.createElement('script');
5046    eventsListenerScript.async = true;
5047    eventsListenerScript.src = "//jblonlinestore.com.my/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
5048    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
5049})();</script>
5049
5050  
5050<script>
5051  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
5052    window.ga = function ga() {
5053      (window.ga.q = window.ga.q || []).push(arguments);
5054      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
5055        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
5056      }
5057      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
5058    };
5059    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
5060      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
5061    }
5062  }
5063</script>
vendor: 1 bytes, line 5063
5063
5064<script
5065  defer
5066  src="https://jblonlinestore.com.my/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
5067  data-application="storefront-renderer"
5068  data-shop-id="56609898694"
5069  data-render-region="gcp-us-central1"
5070  data-page-type="product"
5071  data-theme-instance-id="185013993772"
5072  data-theme-name="Ella"
5073  data-theme-version="7.2.0"
5074  data-monorail-region="shop_domain"
5075  data-resource-timing-sampling-rate="10"
5076  data-shs="true"
5077  data-shs-beacon="true"
5078  data-shs-export-with-fetch="true"
5079  data-shs-logs-sample-rate="1"
5080  data-shs-beacon-endpoint="https://jblonlinestore.com.my/api/collect"
5081></script>
vendor: 1 bytes, line 5081
5081
5082<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to JBL Online Store MY. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":false,"translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respond…"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"I’d like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldn’t load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldn’t be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didn’t upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldn’t respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached — try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached — try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isn’t available right now—email us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isn’t available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isn’t available right now — our team will reply shortly"},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I can’t connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, we’ll email you when there’s a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when there’s a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
5082,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
vendor: 1 bytes, line 5082
5082
5083<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"56609898694","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":true,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"MY","language":"en"}}</script>
5083
5084<meta name="shopify-y" content="2de0e9a4-8e95-4b89-a997-2dfda3df4c7b" data-expiration="1822620615000"><meta name="shopify-s" content="40bc29e6-3833-435f-836d-d3b05b51cfb5" data-expiration="1791064815000"><meta name="new-cookie-storage-activated" content="t">
5085</head>
5086
5087  <body
5088    class="
5089      template-product
5090       card-hover--subtle-zoom
5091       button-hover--effect
5092    "
5093  >
5094    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 5094-5095
5094
5095<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
5095GTM-WFFGNM3
vendor: 83 bytes, lines 5095-5096
5095"
5096height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
5097<!-- End Google Tag Manager (noscript) -->
5098
5099    <a
5100  class="skip-to-content-link button visually-hidden"
5101  href="#MainContent"
5102>
5103  Skip to content
5104</a>
5105
5106    
5107
5108    <div id="header-group">
5109      <!-- BEGIN sections: header-group -->
5110<div id="shopify-section-sections--26542858567980__announcement_bar_4tGfEp" class="shopify-section shopify-section-group-header-group section-header section-announcement-bar"><announcement-bar
5111  class="
5112    group-block block page-width
5113    group-block--sections--26542858567980__announcement_bar_4tGfEp
5114    color-scheme-2
5115  "
5116  style="
5117    --pt:12px;
5118    --pb:12px;
5119  "
5120>
5121  <div
5122  class="group-block color-scheme-custom group-block--Ab3FWbFNPWnpHRWpjM__group_announcement_bar_PeTpTw page-width utility-bar__grid flex-section w-full flex flex-row flex-wrap items-start justify-start utility-bar "
5123  style="
5124    --pl:0px;
5125    --pr:0px;
5126    --pt:0px;
5127    --pb:0px;
5128    --gap-x: 0px;
5129    --gap-y: 0px;
5130    
5131      --color-background: rgb(0 0 0 / 1.0);--color-background-rgb: 0 0 0;--color-foreground: rgb(255 255 255 / 1.0);
5132--color-foreground-rgb: 255 255 255;--color-foreground-heading: rgb(0 0 0 / 1.0);
5133--color-foreground-heading-rgb: 0 0 0;--color-primary: rgb(255 255 255 / 1.0);
5134--color-primary-rgb: 255 255 255;--color-primary-hover: rgb(0 0 0 / 1.0);
5135--color-primary-hover-rgb: 0 0 0;--color-border: rgb(230 230 230 / 1.0);
5136--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1.0);
5137--color-shadow-rgb: 0 0 0;
5138    
5139  "
5140  
5141>
5142  <div
5143  class="
5144    group-block w-full
5145    group-block--AZ3JkNy9NTU1lUTU2V__group_announcement_9yj6cq
5146    
5147    
5148  "
5149  style="
5150    --width-header-col: 100%;
5151    
5152  "
5153  
5154>
5155  
5156    <div class="announcement-bar">
5157  
5158      <div class="announcement-bar-slider swiper">
5159        <div
5160          class="swiper-wrapper grid grid-layout grid-layout--1 list-unstyled"
5161          id="Slider-AZ3JkNy9NTU1lUTU2V__group_announcement_9yj6cq"
5162          aria-live="polite"
5163          aria-atomic="true"
5164        >
5165          <div
5166  class="swiper-slide"
5167  id="Slide-AcFlJbFBzazNqbEFYR__announcement_text_BXhKCE"
5168  
5169  role="group"
5170  aria-roledescription="Announcement"
5171  aria-label="Announcement"
5172>
5173  <div
5174    class="announcement-bar__announcement"
5175    role="region"
5176    aria-label="Announcement"
5177    
5178    style="--font-announcement-text: var(--font-body--family); --font-announcement-text-size: 1.4rem; "
5179  >
5180    <p class="announcement-bar__message" style="font-weight: default;  text-align: center; ">
5181      <span>🇲🇾 Official JBL Malaysia Store | 1-Year Warranty Included | <a href="https://jbl-online-store-my.myshopify.com/collections/all">Shop Now →</a></span>
5182    </p>
5183  </div>
5184</div>
5185
5186
5187
5188        </div>
5189
5190    
5191      </div>
5192    </div>
5193    �</div>
5194
5195
5196
5197</div>
5198
5199
5200
5201</announcement-bar>
5202
5203
5204</div><header id="shopify-section-sections--26542858567980__header_default" class="shopify-section shopify-section-group-header-group header-section"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-search.css?v=173606876337702980011785495667" media="print" onload="this.media='all'">
5205<link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-list-menu.css?v=96236445775633628771785495653" media="print" onload="this.media='all'">
5206<noscript>
5207  <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-search.css?v=173606876337702980011785495667" rel="stylesheet" type="text/css" media="all" />
5208  <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-list-menu.css?v=96236445775633628771785495653" rel="stylesheet" type="text/css" media="all" />
5209</noscript><side-drawer
5210  id="Drawer-Account"
5211  class="drawer drawer__container fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden"
5212  data-drawer-direction="right"
5213>
5214  <div id="Drawer-Overlay-Account" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
5215  <div
5216    class="drawer__inner-wrapper color-"
5217    data-drawer-content
5218    style="--drawer-max-width: var(--normal-content-width);"
5219  >
5220    <div
5221      class="drawer__inner cus-scrollbar"
5222      role="dialog"
5223      aria-modal="true"
5224      aria-label="Account Drawer"
5225      tabindex="-1"
5226    >
5227      <div
5228        class="drawer__header flex justify-between items-center relative"
5229        style="--gap-x: 1rem;--p: var(--padding-xs) 0;"
5230      >
5231        <h2 class="drawer__heading break m-0 h5">Login</h2>
5232        <button
5233          class="drawer__close block t-button bor-none rounded-full cursor-pointer"
5234          type="button"
5235          onclick="this.closest('side-drawer').close()"
5236          aria-label="Close Account Drawer"
5237        >
5238          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
5239</span>
5240        </button>
5241      </div>
5242
5243      <div class="drawer__wrapper relative h-full cus-scrollbar motion-reduce" style="--p: 1.5rem 0 0;">
5244        <div class="drawer__content">
5245          <div class="drawer__content-inner">
5246            �<form method="post" action="/account/login" id="CustomerLoginForm" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="customer-drawer__form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /><div class="drawer__form-field flex flex-column" style="--gap-y: 0.8rem;">
5247                  <label for="CustomerEmail">
5248                    Email
5249                  </label>
5250                  <input
5251                    class="field__input"
5252                    type="email"
5253                    name="customer[email]"
5254                    id="CustomerEmail"
5255                    autocomplete="email"
5256                    autocorrect="off"
5257                    autocapitalize="off"
5258                    required
5259                    
5260                    placeholder="Email"
5261                  >
5262                </div><div class="drawer__form-field flex flex-column" style="--gap-y: 0.8rem; --mt: 1.2rem;">
5263                    <label for="CustomerPassword">
5264                      Password
5265                    </label>
5266                    <input
5267                      class="field__input"
5268                      type="password"
5269                      value=""
5270                      name="customer[password]"
5271                      id="CustomerPassword"
5272                      autocomplete="current-password"
5273                      required
5274                      
5275                      placeholder="Password"
5276                    >
5277                  </div><div class="flex flex-column items-center gap-2xl" style="--mt: var(--margin-2xl)">
5278                  <button class="button w-full" type="submit">
5279                    <span
5280                      class="button-overflow relative overflow-hidden"
5281                      data-button-text="Login"
5282                    >
5283                      <span class="button-text-main inline-block relative z-1">
5284                        Login
5285                      </span>
5286                    </span>
5287                  </button>
5288                  <a class="link link--hover-underline paragraph" href="/account/login#recover">
5289                    <span class="text">
5290                      Forgot your password?
5291                    </span>
5292                  </a>
5293                </div>
5294                <div style="--mt: var(--margin-2xl);">
5295                  <a
5296                    href="/account/register"
5297                    class="size-style button-secondary w-full"
5298                    style="--button-text-case: uppercase;"
5299                  >
5300                    <span
5301                      class="button-overflow relative overflow-hidden"
5302                      data-button-text="Create account"
5303                    >
5304                      <span class="button-text-main inline-block relative z-1">
5305                        Create account
5306                      </span>
5307                    </span>
5308                  </a>
5309                </div></form>
5310          </div>
5311        </div>
5312      </div>
5313    </div>
5314  </div>
5315</side-drawer>
5316<header-component
5317  class="
5318    header-wrapper
5319    header header--reveal-logo-on-sticky
5320    
5321    
5322    
5323  "
5324  
5325    data-sticky-type="scroll-up"
5326  
5327  
5328  id="header-component"
5329>
5330  <div class="row-group"
5331  style="
5332  --padding-block-start-top: 10px;
5333  --padding-block-end-top: 10px;
5334  --padding-block-start-bottom: 10px;
5335  --padding-block-end-bottom: 15px;
5336  --button-type-font-link: var(--font-heading--family);--button-font-size-link: ;--button-font-weight-link: 700; --text-transform: uppercase;
5337  --button-type-font-link-2: var(--font-body--family);--button-font-size-link-2: ;--button-font-weight-link-2: 600; --text-transform-link-2: uppercase;
5338  --button-type-font-link-3: var(--font-body--family);--button-font-size-link-3: ;--button-font-weight-link-3: default; --text-transform-link-3: none;
5339  
5340  �--gap-items: 0px;
5341  "
5342  >
5343    
5344      
5345
5346      
5347
5348      
5349      
5350        <div
5351          class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width color-tablet-scheme-1 color-mobile-scheme-1"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
5352          <div class="header__columns items-center spacing-style">
5353            <div
5354      class="header__column header__column--left"
5355      data-testid="header-top-left"
5356    >
5357      
5358        
5359          
5360              �
5361
5362<side-drawer-opener
5363  class="lg:none header__icon--menu"
5364  data-side-drawer="#Drawer-Menu"
5365>
5366  <button
5367    class="header__icon header__icon--menu header__icon--icon header__icon--summary button flex items-center justify-center "
5368    type="button"
5369    aria-haspopup="dialog"
5370    aria-label="Menu"
5371  >
5372    
5373    <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
5374</span>
5375  </button>
5376</side-drawer-opener>
5377
5378
5379�
5380            
5381        
5382      
5383        
5384          
5385              
5386            
5387        
5388      
5389        
5390          
5391              �
5392  <div
5393    class="
5394      header__column-action header__column-action--icon header-block grid__itemblock search-action
5395       lg:none
5396    "
5397  >
5398    
5399      <div class="header__search">
5400        <div>
5401          
5402            <side-drawer-opener data-side-drawer="#Drawer-Search">
5403          
5404          <button
5405            class="header__icon header__icon--search header__icon--summary button focus-inset modal__toggle"
5406            aria-haspopup="dialog"
5407            aria-label="Search"
5408          >
5409            <span class="header__icon header__icon--icon">
5410              <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
5411</span></span>
5412          </button>
5413          
5414            </side-drawer-opener>
5415          �<side-drawer
5416  id="Drawer-Search"
5417  class="search-drawer drawer__container search-drawer-- drawer fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden"
5418  data-drawer-direction="right"
5419  data-mobile-drawer-direction="left"
5420>
5421  <div id="Drawer-Overlay-Search" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
5422
5423  <div
5424    id="Drawer-Search-Content"
5425    class="search-drawer-content color-scheme-1"
5426    data-drawer-content
5427  >
5428    <div class="drawer__header flex justify-between items-center relative" style="--p: var(--padding-xs) var(--padding-lg);">
5429      <h2 class="drawer__heading break m-0 h5">Search</h2>
5430      <button
5431        class="drawer__close block t-button bor-none rounded-full cursor-pointer"
5432        type="button"
5433        onclick="this.closest('side-drawer').close()"
5434        aria-label="Close dialog"
5435      ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
5436</button>
5437    </div>
5438
5439    <div
5440      class="search-drawer__inner drawer__inner"
5441      role="dialog"
5442      aria-modal="true"
5443      aria-label="Search"
5444      tabindex="-1"
5445    ><predictive-search class="search-drawer__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-drawer__form">
5446        <div class="predictive-search--center">
5447          <div class="field">
5448            <button class="search__button field__button" aria-label="Search">
5449              <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19">
5449<path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
5450</span>
5451            </button>
5452            <input
5453              class="search__input field__input field__input--focus"
5454              id="Search-In-Modal-Mobile"
5455              type="search"
5456              name="q"
5457              value=""
5458              placeholder=" "role="combobox"
5459                aria-expanded="false"
5460                aria-owns="predictive-search-results"
5461                aria-controls="predictive-search-results"
5462                aria-haspopup="listbox"
5463                aria-autocomplete="list"
5464                autocorrect="off"
5465                autocomplete="off"
5466                autocapitalize="off"
5467                spellcheck="false">
5468            <label class="field__label" for="Search-In-Modal-Mobile">Search</label>
5469            <input type="hidden" name="options[prefix]" value="last">
5470            <button
5471              type="reset"
5472              class="reset__button field__button hidden"
5473              aria-label="Clear search term"
5474            >
5475              <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
5476</span>
5477            </button>
5478          </div>
5479        </div><div
5480            class="predictive-search predictive-search--header predictive-search--center cus-scrollbar"
5481            tabindex="-1"
5482            data-predictive-search
5483          >
5484            
5485
5486
5487
5488<div
5489  id="predictive-search-results"
5490  class="predictive-search-dropdown"
5491  role="listbox"
5492  aria-expanded="true"
5493  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
5494>
5495  <div class="predictive-search-results__inner">
5496    ��
5497
5498  </div>
5499</div>
5500
5501          </div>
5502
5503          <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
5504  </div>
5505</side-drawer>
5506</div>
5507      </div>
5508
5509    
5510  </div>
5511
5512
5513            
5514        
5515      
5516        
5517          
5518              
5519            
5520        
5521      
5522    </div><div
5523      class="header__column header__column--center"
5524      data-testid="header-top-center"
5525    >
5526      
5527        
5528          
5529              <div
5530  class="
5531    header-block header-logo grid__item block 
5532  "
5533  
5534    data-main-logo
5535  
5536  style="
5537    --header-logo-spacing-left: 0px; --header-logo-spacing-right: 0px;
5538     --aspect-ratio: 1.4285714285714286;
5539  "
5540>
5541  �
5542  <a href="/" class="header__heading-link inline-block link link--text focus-inset" data-logo-page aria-label="JBL Online Store MY" rel="preload" as="image">
5543    <div class="header__heading-logo-wrapper w-full inline-block relative" style="--header-logo-image-width: 75px;--header-logo-image-width-mobile: 80px; --header-logo-image-height: 53px; --header-logo-image-height-mobile: 56px; --aspect-ratio: 1.4285714285714286;"><span
5544        class="header-logo__image-container header-logo__image-container--original"
5545        data-testid="header-logo"
5546      >
5547
5548  
5549  
5550  �
5551
5552  
5553
5554  
5555
5556  <img src="//jblonlinestore.com.my/cdn/shop/files/JBL_Logo.webp?height=238&amp;v=1762161365" alt="Image" loading="eager" class="header-logo__image" srcset="//jblonlinestore.com.my/cdn/shop/files/JBL_Logo.webp?height=238&amp;v=1762161365 1x, //jblonlinestore.com.my/cdn/shop/files/JBL_Logo.webp?height=476&amp;v=1762161365 2x, //jblonlinestore.com.my/cdn/shop/files/JBL_Logo.webp?height=714&amp;v=1762161365 3x" sizes="auto, (min-width: 750px) 100vw, 100vw" fetchpriority="auto" style="--header-logo-image-width: 75px;--header-logo-image-width-mobile: 80px; --header-logo-image-height: 53px; --header-logo-image-height-mobile: 56px;
5556 --aspect-ratio: 1.4285714285714286;">
5557
5558�</span>
5559
5560      
5561
5562      
5563    </div>
5564  </a>
5565  �</div>
5566
5567            
5568        
5569      
5570        
5571          
5572              ��<div class="header-block header-menu grid__item flex items-center"><div class="header__menu-wrapper" data-main-menu>
5573    <nav class="header__inline-menu">
5574      <ul class="list-menu list-menu-desktop list-menu--inline" style="--gap-x: 0px;" role="list"><li><details
5575                id="Details-HeaderMenu-1"
5576                class="details--dropdown mega-menu"
5577                is="mega-menu-details"
5578                data-mega-menu-item
5579                activate-event="hover"
5580                data-index="0"
5581              >
5582                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-1-MainMenu" data-activate="interaction"></section-fetcher>
5583                <summary
5584                  id="HeaderMenu-featured"
5585                  class="
5586                    details__summary
5587                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5588                    �
5589
5590                  "aria-controls="submenu-1"
5591                    aria-haspopup="true"
5592                    aria-expanded="false"style="�
5593"
5594                >
5595                  <span
5596  class="text header__menu-parent-link"
5597  
5598    data-href="/collections/discount"
5599  
5600>Featured</span>
5601
5602                  
5603                  <div class="label-wrapper"></div>
5604
5605                </summary>
5606                <div
5607                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5608                  tabindex="-1"
5609                >�<div
5610    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5611    tabindex="-1"
5612    id="MegaMenu-Content-sections--26542858567980__header_default-1-MainMenu"
5613  ></div></div>
5614              </details></li><li><details
5615                id="Details-HeaderMenu-2"
5616                class="details--dropdown mega-menu"
5617                is="mega-menu-details"
5618                data-mega-menu-item
5619                activate-event="hover"
5620                data-index="0"
5621              >
5622                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-2-MainMenu" data-activate="interaction"></section-fetcher>
5623                <summary
5624                  id="HeaderMenu-portable-speakers"
5625                  class="
5626                    details__summary
5627                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5628                    �
5629
5630                  "aria-controls="submenu-2"
5631                    aria-haspopup="true"
5632                    aria-expanded="false"style="�
5633"
5634                >
5635                  <span
5636  class="text header__menu-parent-link"
5637  
5638    data-href="/collections/speakers"
5639  
5640>Portable Speakers</span>
5641
5642                  
5643                  <div class="label-wrapper"></div>
5644
5645                </summary>
5646                <div
5647                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5648                  tabindex="-1"
5649                >�<div
5650    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5651    tabindex="-1"
5652    id="MegaMenu-Content-sections--26542858567980__header_default-2-MainMenu"
5653  ></div></div>
5654              </details></li><li><details
5655                id="Details-HeaderMenu-3"
5656                class="details--dropdown mega-menu"
5657                is="mega-menu-details"
5658                data-mega-menu-item
5659                activate-event="hover"
5660                data-index="0"
5661              >
5662                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-3-MainMenu" data-activate="interaction"></section-fetcher>
5663                <summary
5664                  id="HeaderMenu-home-audio"
5665                  class="
5666                    details__summary
5667                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5668                    �
5669
5670                  "aria-controls="submenu-3"
5671                    aria-haspopup="true"
5672                    aria-expanded="false"style="�
5673"
5674                >
5675                  <span
5676  class="text header__menu-parent-link"
5677  
5678    data-href="/collections/home-audio"
5679  
5680>Home Audio</span>
5681
5682                  
5683                  <div class="label-wrapper"></div>
5684
5685                </summary>
5686                <div
5687                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5688                  tabindex="-1"
5689                >�<div
5690    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5691    tabindex="-1"
5692    id="MegaMenu-Content-sections--26542858567980__header_default-3-MainMenu"
5693  ></div></div>
5694              </details></li><li><details
5695                id="Details-HeaderMenu-4"
5696                class="details--dropdown mega-menu"
5697                is="mega-menu-details"
5698                data-mega-menu-item
5699                activate-event="hover"
5700                data-index="0"
5701              >
5702                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-4-MainMenu" data-activate="interaction"></section-fetcher>
5703                <summary
5704                  id="HeaderMenu-headphones-earphones"
5705                  class="
5706                    details__summary
5707                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5708                    �
5709
5710                  "aria-controls="submenu-4"
5711                    aria-haspopup="true"
5712                    aria-expanded="false"style="�
5713"
5714                >
5715                  <span
5716  class="text header__menu-parent-link"
5717  
5718    data-href="/collections/headphones-earphones"
5719  
5720>Headphones &amp; Earphones</span>
5721
5722                  
5723                  <div class="label-wrapper"></div>
5724
5725                </summary>
5726                <div
5727                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5728                  tabindex="-1"
5729                >�<div
5730    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5731    tabindex="-1"
5732    id="MegaMenu-Content-sections--26542858567980__header_default-4-MainMenu"
5733  ></div></div>
5734              </details></li><li><details
5735                id="Details-HeaderMenu-5"
5736                class="details--dropdown mega-menu"
5737                is="mega-menu-details"
5738                data-mega-menu-item
5739                activate-event="hover"
5740                data-index="0"
5741              >
5742                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-5-MainMenu" data-activate="interaction"></section-fetcher>
5743                <summary
5744                  id="HeaderMenu-gaming"
5745                  class="
5746                    details__summary
5747                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5748                    �
5749
5750                  "aria-controls="submenu-5"
5751                    aria-haspopup="true"
5752                    aria-expanded="false"style="�
5753"
5754                >
5755                  <span
5756  class="text header__menu-parent-link"
5757  
5758    data-href="/collections/gaming"
5759  
5760>Gaming</span>
5761
5762                  
5763                  <div class="label-wrapper"></div>
5764
5765                </summary>
5766                <div
5767                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5768                  tabindex="-1"
5769                >�<div
5770    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5771    tabindex="-1"
5772    id="MegaMenu-Content-sections--26542858567980__header_default-5-MainMenu"
5773  ></div></div>
5774              </details></li><li><details
5775                id="Details-HeaderMenu-6"
5776                class="details--dropdown mega-menu"
5777                is="mega-menu-details"
5778                data-mega-menu-item
5779                activate-event="hover"
5780                data-index="0"
5781              >
5782                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-6-MainMenu" data-activate="interaction"></section-fetcher>
5783                <summary
5784                  id="HeaderMenu-portable-amps"
5785                  class="
5786                    details__summary
5787                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5788                    �
5789
5790                  "aria-controls="submenu-6"
5791                    aria-haspopup="true"
5792                    aria-expanded="false"style="�
5793"
5794                >
5795                  <span
5796  class="text header__menu-parent-link"
5797  
5798    data-href="/collections/portable-amps"
5799  
5800>Portable Amps</span>
5801
5802                  
5803                  <div class="label-wrapper"></div>
5804
5805                </summary>
5806                <div
5807                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5808                  tabindex="-1"
5809                >�<div
5810    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5811    tabindex="-1"
5812    id="MegaMenu-Content-sections--26542858567980__header_default-6-MainMenu"
5813  ></div></div>
5814              </details></li><li><details
5815                id="Details-HeaderMenu-7"
5816                class="details--dropdown mega-menu"
5817                is="mega-menu-details"
5818                data-mega-menu-item
5819                activate-event="hover"
5820                data-index="0"
5821              >
5822                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-7-MainMenu" data-activate="interaction"></section-fetcher>
5823                <summary
5824                  id="HeaderMenu-gift-ideas"
5825                  class="
5826                    details__summary
5827                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5828                    �
5829
5830                  "aria-controls="submenu-7"
5831                    aria-haspopup="true"
5832                    aria-expanded="false"style="�
5833"
5834                >
5835                  <span
5836  class="text header__menu-parent-link"
5837  
5838    data-href="/collections/discount"
5839  
5840>Gift Ideas</span>
5841
5842                  
5843                  <div class="label-wrapper"></div>
5844
5845                </summary>
5846                <div
5847                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5848                  tabindex="-1"
5849                >�<div
5850    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5851    tabindex="-1"
5852    id="MegaMenu-Content-sections--26542858567980__header_default-7-MainMenu"
5853  ></div></div>
5854              </details></li><li><details
5855                id="Details-HeaderMenu-8"
5856                class="details--dropdown mega-menu"
5857                is="mega-menu-details"
5858                data-mega-menu-item
5859                activate-event="hover"
5860                data-index="0"
5861              >
5862                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-8-MainMenu" data-activate="interaction"></section-fetcher>
5863                <summary
5864                  id="HeaderMenu-buy-authentic"
5865                  class="
5866                    details__summary
5867                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5868                    �
5869
5870                  "aria-controls="submenu-8"
5871                    aria-haspopup="true"
5872                    aria-expanded="false"style="�
5873"
5874                >
5875                  <span
5876  class="text header__menu-parent-link"
5877  
5878    data-href="/pages/authorised-dealers"
5879  
5880>Buy Authentic</span>
5881
5882                  
5883                  <div class="label-wrapper"></div>
5884
5885                </summary>
5886                <div
5887                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5888                  tabindex="-1"
5889                >�<div
5890    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5891    tabindex="-1"
5892    id="MegaMenu-Content-sections--26542858567980__header_default-8-MainMenu"
5893  ></div></div>
5894              </details></li><li><details
5895                id="Details-HeaderMenu-9"
5896                class="details--dropdown mega-menu"
5897                is="mega-menu-details"
5898                data-mega-menu-item
5899                activate-event="hover"
5900                data-index="0"
5901              >
5902                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-9-MainMenu" data-activate="interaction"></section-fetcher>
5903                <summary
5904                  id="HeaderMenu-support"
5905                  class="
5906                    details__summary
5907                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5908                    �
5909
5910                  "aria-controls="submenu-9"
5911                    aria-haspopup="true"
5912                    aria-expanded="false"style="�
5913"
5914                >
5915                  <span
5916  class="text header__menu-parent-link"
5917  
5918    data-href="/pages/warranty-service"
5919  
5920>Support</span>
5921
5922                  
5923                  <div class="label-wrapper"></div>
5924
5925                </summary>
5926                <div
5927                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5928                  tabindex="-1"
5929                >�<div
5930    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5931    tabindex="-1"
5932    id="MegaMenu-Content-sections--26542858567980__header_default-9-MainMenu"
5933  ></div></div>
5934              </details></li><li><details
5935                id="Details-HeaderMenu-10"
5936                class="details--dropdown mega-menu"
5937                is="mega-menu-details"
5938                data-mega-menu-item
5939                activate-event="hover"
5940                data-index="0"
5941              >
5942                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-10-MainMenu" data-activate="interaction"></section-fetcher>
5943                <summary
5944                  id="HeaderMenu-explore-jbl"
5945                  class="
5946                    details__summary
5947                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5948                    �
5949
5950                  "aria-controls="submenu-10"
5951                    aria-haspopup="true"
5952                    aria-expanded="false"style="�
5953"
5954                >
5955                  <span
5956  class="text header__menu-parent-link"
5957  
5958    data-href="https://jblonlinestore.com.my/pages/about-us"
5959  
5960>Explore JBL</span>
5961
5962                  
5963                  <div class="label-wrapper"></div>
5964
5965                </summary>
5966                <div
5967                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
5968                  tabindex="-1"
5969                >�<div
5970    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
5971    tabindex="-1"
5972    id="MegaMenu-Content-sections--26542858567980__header_default-10-MainMenu"
5973  ></div></div>
5974              </details></li><li><details
5975                id="Details-HeaderMenu-11"
5976                class="details--dropdown mega-menu"
5977                is="mega-menu-details"
5978                data-mega-menu-item
5979                activate-event="hover"
5980                data-index="0"
5981              >
5982                <section-fetcher data-section-id="sections--26542858567980__header_default" data-target-id="MegaMenu-Content-sections--26542858567980__header_default-11-MainMenu" data-activate="interaction"></section-fetcher>
5983                <summary
5984                  id="HeaderMenu-wearables"
5985                  class="
5986                    details__summary
5987                    list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline
5988                    �
5989
5990                  "aria-controls="submenu-11"
5991                    aria-haspopup="true"
5992                    aria-expanded="false"style="�
5993"
5994                >
5995                  <span
5996  class="text header__menu-parent-link"
5997  
5998    data-href="/products/jbl-soundgear-frame-audio-glasses"
5999  
6000>Wearables</span>
6001
6002                  
6003                  <div class="label-wrapper"></div>
6004
6005                </summary>
6006                <div
6007                  class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1"
6008                  tabindex="-1"
6009                >�<div
6010    class="header__submenu-wrapper list-menu--wrapper cus-scrollbar"
6011    tabindex="-1"
6012    id="MegaMenu-Content-sections--26542858567980__header_default-11-MainMenu"
6013  ></div></div>
6014              </details></li></ul>
6015    </nav>
6016  </div>
6017</div>
6018�
6019            
6020        
6021      
6022    </div><div
6023      class="header__column header__column--right"
6024      data-testid="header-top-right"
6025    >
6026      
6027        
6028          
6029              
6030
6031          
6032        
6033      
6034        
6035          
6036              �
6037    <a href="/account/login" class="header__column-action header__column-action--icon 
6038  button focus-inset account-actions header__icon header__icon--account header__icon--icon
6039" aria-label="Log in">
6040      <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
6041</span>
6042      �
6043      </a>
6044  �
6045            
6046        
6047      
6048        
6049          
6050              �
6051  <div
6052    class="
6053      header__column-action header__column-action--icon header-block grid__itemblock search-action
6054       max-md:hidden
6055    "
6056  >
6057    
6058      <details-modal class="header__search">
6059        <details>
6060          
6061          <summary
6062            class="header__icon header__icon--search header__icon--summary button focus-inset modal__toggle"
6063            aria-haspopup="dialog"
6064            aria-label="Search"
6065          >
6066            <span class="header__icon header__icon--icon">
6067              <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
6068</span></span>
6069          </summary>
6070          �<div
6071              class="search-modal search-modal--full modal__content color-scheme-1"
6072              role="dialog"
6073              aria-modal="true"
6074              aria-label="Search"
6075            >
6076              <div id="Details-Modal-Overlay" class="modal-overlay"></div>
6077              <div
6078                class="details-modal__content search-modal__content search-modal__content-bottom"
6079                tabindex="-1"
6080              ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
6081                  <div class="predictive-search--center">
6082                    <div class="field">
6083                      <button class="search__button field__button" aria-label="Search">
6084                        <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
6085</span>
6086                      </button>
6087                      <input
6088                        class="search__input field__input"
6089                        id="Search-In-Modal"
6090                        type="search"
6091                        name="q"
6092                        value=""
6093                        placeholder=" "role="combobox"
6094                          aria-expanded="false"
6095                          aria-owns="predictive-search-results"
6096                          aria-controls="predictive-search-results"
6097                          aria-haspopup="listbox"
6098                          aria-autocomplete="list"
6099                          autocorrect="off"
6100                          autocomplete="off"
6101                          autocapitalize="off"
6102                          spellcheck="false">
6103                      <label class="field__label" for="Search-In-Modal">Search</label>
6104                      <input type="hidden" name="options[prefix]" value="last">
6105                      <button
6106                        type="reset"
6107                        class="reset__button reset__button--text field__button hidden"
6108                        aria-label="Clear search term"
6109                      >
6110                        Clear
6111                      </button>
6112                      <button
6113                        type="button"
6114                        class="search-modal__close-button modal__close-button link link--text focus-inset"
6115                        aria-label="Close"
6116                      >
6117                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
6118</span>
6119                      </button>
6120                    </div>
6121
6122                  </div><div
6123                      class="predictive-search predictive-search--header predictive-search--center cus-scrollbar"
6124                      tabindex="-1"
6125                      data-predictive-search
6126                    >
6127                      
6128
6129
6130
6131<div
6132  id="predictive-search-results"
6133  class="predictive-search-dropdown"
6134  role="listbox"
6135  aria-expanded="true"
6136  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
6137>
6138  <div class="predictive-search-results__inner">
6139    ��
6140
6141  </div>
6142</div>
6143
6144                    </div>
6145
6146                    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
6147            </div></details>
6148      </details-modal>
6149
6150    
6151  </div>
6152
6153
6154            
6155        
6156      
6157        
6158          
6159              
6160            
6161        
6162      
6163        
6164          
6165              ��<a
6166    href="/pages/wish-list"
6167    class="
6168      header__column-action header__column-action--icon header__icon header-wishlist header__icon--wishlist button relative focus-inset max-md:hidden
6169      header__icon--icon�
6170      
6171      
6172    "
6173    aria-label="Wish lists"
6174    
6175  >
6176    <span class="svg-wrapper">
6177      
6178    <svg
6179      class="icon icon-heart"
6180      aria-hidden="true"
6181      focusable="false"
6182      xmlns="http://www.w3.org/2000/svg"
6183      viewBox="0 0 20 20"
6184      width="16"
6185      height="16"
6186    >
6187      �<path
6188      d="M10 5.2393L8.5149 3.77392C6.79996 2.08174 4.01945 2.08174 2.30451 3.77392C0.589562 5.4661 0.589563 8.2097 2.30451 9.90188L10 17.4952L17.6955 9.90188C19.4104 8.2097 19.4104 5.4661 17.6955 3.77392C15.9805 2.08174 13.2 2.08174 11.4851 3.77392L10 5.2393ZM10.765 3.06343C12.8777 0.978857 16.3029 0.978856 18.4155 3.06343C20.5282 5.148 20.5282 8.52779 18.4155 10.6124L10.72 18.2057C10.3224 18.5981 9.67763 18.5981 9.27996 18.2057L1.58446 10.6124C-0.528154 8.52779 -0.528154 5.14801 1.58446 3.06343C3.69708 0.978859 7.12233 0.978858 9.23495 3.06343L10 3.81832L10.765 3.06343Z"
6189      fill-rule="evenodd" fill="currentColor"
6190    />
6191    </svg>
6192  
6193    </span><div class="wishlist-count-bubble" style="display: none;">
6194        <span class="text" aria-hidden="true" data-wishlist-count>0</span><span class="visually-hidden">Wish lists</span>
6195      </div>
6196    
6197    
6198  </a><noscript>
6199      <a
6200        href="/cart"
6201        class="
6202          header__column-action header__column-action--icon header__icon button relative focus-inset cart-icon--drawer header-actions
6203          header__icon--icon�  header__icon--cart
6204          
6205        "
6206        aria-label="0 items"
6207      ><span class="svg-wrapper">
6208            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" class="icon icon-cart" xmlns="http://www.w3.org/2000/svg">
6209<path d="M6.85943 6.49207C6.85943 6.43354 6.85886 6.389 6.85943 6.34447C6.86801 5.7901 6.85886 5.23522 6.89087 4.68235C6.9383 3.85779 7.23835 3.10028 7.775 2.41982C8.32994 1.71634 9.06091 1.19699 9.95704 0.859759C10.5166 0.649116 11.1046 0.542044 11.7133 0.508521C12.4363 0.468994 13.1352 0.568062 13.8125 0.783207C14.592 1.03037 15.259 1.42664 15.8139 1.96751C16.6272 2.76005 17.0581 3.69218 17.1135 4.7529C17.141 5.27725 17.133 5.80261 17.141 6.32746C17.1415 6.377 17.141 6.42603 17.141 6.49207H17.317C18.6406 6.49207 19.9648 6.48957 21.2884 6.49308C22.0148 6.49508 22.6727 6.68521 23.2065 7.1225C23.6088 7.45223 23.8408 7.87851 23.9391 8.35384C23.9729 8.51695 23.9963 8.68406 23.9963 8.84967C23.9997 12.5352 24.0026 16.2207 23.9963 19.9062C23.9946 20.9924 23.6465 21.9886 22.8538 22.8381C22.1137 23.6312 21.169 24.1575 20.0185 24.3677C19.6111 24.4422 19.1899 24.4923 18.7749 24.4928C14.2605 24.5013 9.74558 24.5023 5.23119 24.4958C4.00072 24.4938 2.87255 24.1886 1.90784 23.5021C0.9957 22.8532 0.392181 22.0231 0.151002 21.0114C0.0658462 20.6547 0.00926628 20.2859 0.00812326 19.9227C-0.00273551 16.2257 -0.00102097 12.5277 0.00355114 8.82916C0.00412266 8.19273 0.242444 7.61934 0.748805 7.15953C1.11972 6.8223 1.5975 6.62767 2.12615 6.54511C2.31704 6.51509 2.51307 6.49508 2.70681 6.49458C4.02587 6.49007 5.34492 6.49207 6.66398 6.49207H6.85886H6.85943ZM6.85943 7.99509C6.82171 7.99159 6.80343 7.98809 6.78457 7.98809C5.37978 7.98809 3.975 7.98509 2.57022 7.99209C2.42391 7.99309 2.26618 8.03262 2.13473 8.09066C1.80096 8.23826 1.70952 8.50944 1.70952 8.81415C1.70952 12.5247 1.70723 16.2352 1.71409 19.9457C1.71409 20.1929 1.75581 20.4455 1.82097 20.6867C2.18045 22.0216 3.52351 22.9963 5.1769 22.9998C9.72501 23.0098 14.2731 23.0048 18.8207 23.0013C19.3596 23.0013 19.8848 22.9042 20.3626 22.6835C21.6136 22.1052 22.2766 21.18 22.2835 19.9487C22.3029 16.2382 22.2903 12.5277 22.2903 8.81715C22.2903 8.28029 21.9583 7.98809 21.3467 7.98809C19.9991 7.98809 18.6515 7.98809 17.3033 7.98809H17.1398C17.1398 8.05313 17.1398 8.10217 17.1398 8.1512C17.1398 9.327 17.1427 10.5028 17.1375 11.6786C17.1364 11.9803 17.0352 12.251 16.698 12.3961C16.3849 12.5312 16.0717 12.5177 15.7785 12.346C15.5042 12.1854 15.4339 11.9358 15.4327 11.6691C15.4287 10.4933 15.431 9.31749 15.431 8.14169C15.431 8.09316 15.431 8.04513 15.431 7.99559H8.56655C8.56655 8.05313 8.56655 8.10267 8.56655 8.1517C8.56655 9.28597 8.56712 10.4197 8.5654 11.554C8.5654 11.6616 8.55569 11.7702 8.54026 11.8772C8.49796 12.1689 8.25221 12.4006 7.92531 12.4636C7.56068 12.5337 7.18348 12.4121 7.00746 12.1684C6.8943 12.0118 6.85886 11.8372 6.85886 11.6556C6.85829 10.4883 6.85886 9.32099 6.85886 8.1532V7.99459L6.85943 7.99509ZM15.4321 6.48807C15.4321 6.01275 15.4367 5.55094 15.431 5.08862C15.4213 4.26557 15.1407 3.52907 14.4714 2.93416C13.5639 2.12762 12.4688 1.81591 11.2035 2.08359C9.63299 2.41581 8.57112 3.62563 8.56769 5.03959C8.56655 5.47739 8.56769 5.91468 8.56769 6.35248V6.48707H15.4321V6.48807Z" fill="currentColor"/>
6210</svg>
6211
6212          </span></a>
6213    </noscript>
6214    <side-drawer-opener
6215      class="no-js-hidden header__column-action header__column-action--icon header-actions"
6216      data-side-drawer="#Cart-Drawer"
6217    >
6218      <button
6219        class="header__icon button relative focus-inset cart-icon--drawer
6220        header__icon--icon� header__icon--cart"
6221        type="button"
6222        aria-haspopup="dialog"
6223        aria-label="0 items"
6224      >
6225        <span id="cart-icon-bubble">
6226          <span class="svg-wrapper">
6227            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" class="icon icon-cart" xmlns="http://www.w3.org/2000/svg">
6228<path d="M6.85943 6.49207C6.85943 6.43354 6.85886 6.389 6.85943 6.34447C6.86801 5.7901 6.85886 5.23522 6.89087 4.68235C6.9383 3.85779 7.23835 3.10028 7.775 2.41982C8.32994 1.71634 9.06091 1.19699 9.95704 0.859759C10.5166 0.649116 11.1046 0.542044 11.7133 0.508521C12.4363 0.468994 13.1352 0.568062 13.8125 0.783207C14.592 1.03037 15.259 1.42664 15.8139 1.96751C16.6272 2.76005 17.0581 3.69218 17.1135 4.7529C17.141 5.27725 17.133 5.80261 17.141 6.32746C17.1415 6.377 17.141 6.42603 17.141 6.49207H17.317C18.6406 6.49207 19.9648 6.48957 21.2884 6.49308C22.0148 6.49508 22.6727 6.68521 23.2065 7.1225C23.6088 7.45223 23.8408 7.87851 23.9391 8.35384C23.9729 8.51695 23.9963 8.68406 23.9963 8.84967C23.9997 12.5352 24.0026 16.2207 23.9963 19.9062C23.9946 20.9924 23.6465 21.9886 22.8538 22.8381C22.1137 23.6312 21.169 24.1575 20.0185 24.3677C19.6111 24.4422 19.1899 24.4923 18.7749 24.4928C14.2605 24.5013 9.74558 24.5023 5.23119 24.4958C4.00072 24.4938 2.87255 24.1886 1.90784 23.5021C0.9957 22.8532 0.392181 22.0231 0.151002 21.0114C0.0658462 20.6547 0.00926628 20.2859 0.00812326 19.9227C-0.00273551 16.2257 -0.00102097 12.5277 0.00355114 8.82916C0.00412266 8.19273 0.242444 7.61934 0.748805 7.15953C1.11972 6.8223 1.5975 6.62767 2.12615 6.54511C2.31704 6.51509 2.51307 6.49508 2.70681 6.49458C4.02587 6.49007 5.34492 6.49207 6.66398 6.49207H6.85886H6.85943ZM6.85943 7.99509C6.82171 7.99159 6.80343 7.98809 6.78457 7.98809C5.37978 7.98809 3.975 7.98509 2.57022 7.99209C2.42391 7.99309 2.26618 8.03262 2.13473 8.09066C1.80096 8.23826 1.70952 8.50944 1.70952 8.81415C1.70952 12.5247 1.70723 16.2352 1.71409 19.9457C1.71409 20.1929 1.75581 20.4455 1.82097 20.6867C2.18045 22.0216 3.52351 22.9963 5.1769 22.9998C9.72501 23.0098 14.2731 23.0048 18.8207 23.0013C19.3596 23.0013 19.8848 22.9042 20.3626 22.6835C21.6136 22.1052 22.2766 21.18 22.2835 19.9487C22.3029 16.2382 22.2903 12.5277 22.2903 8.81715C22.2903 8.28029 21.9583 7.98809 21.3467 7.98809C19.9991 7.98809 18.6515 7.98809 17.3033 7.98809H17.1398C17.1398 8.05313 17.1398 8.10217 17.1398 8.1512C17.1398 9.327 17.1427 10.5028 17.1375 11.6786C17.1364 11.9803 17.0352 12.251 16.698 12.3961C16.3849 12.5312 16.0717 12.5177 15.7785 12.346C15.5042 12.1854 15.4339 11.9358 15.4327 11.6691C15.4287 10.4933 15.431 9.31749 15.431 8.14169C15.431 8.09316 15.431 8.04513 15.431 7.99559H8.56655C8.56655 8.05313 8.56655 8.10267 8.56655 8.1517C8.56655 9.28597 8.56712 10.4197 8.5654 11.554C8.5654 11.6616 8.55569 11.7702 8.54026 11.8772C8.49796 12.1689 8.25221 12.4006 7.92531 12.4636C7.56068 12.5337 7.18348 12.4121 7.00746 12.1684C6.8943 12.0118 6.85886 11.8372 6.85886 11.6556C6.85829 10.4883 6.85886 9.32099 6.85886 8.1532V7.99459L6.85943 7.99509ZM15.4321 6.48807C15.4321 6.01275 15.4367 5.55094 15.431 5.08862C15.4213 4.26557 15.1407 3.52907 14.4714 2.93416C13.5639 2.12762 12.4688 1.81591 11.2035 2.08359C9.63299 2.41581 8.57112 3.62563 8.56769 5.03959C8.56655 5.47739 8.56769 5.91468 8.56769 6.35248V6.48707H15.4321V6.48807Z" fill="currentColor"/>
6229</svg>
6230
6231          </span></span></button>
6232    </side-drawer-opener>
6233            
6234        
6235      
6236    </div>
6237          </div>
6238        </div>
6239      
6240    
6241      
6242
6243      
6244
6245      
6246      
6247    
6248  </div>
6249</header-component>
6250
6251<script type="application/ld+json">
6252  {
6253    "@context": "http://schema.org",
6254    "@type": "Organization",
6255    "name": "JBL Online Store MY",
6256    
6257      "logo": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/JBL_Logo.webp?v=1762161365\u0026width=500",
6258    
6259    "sameAs": [
6260      "",
6261      "https:\/\/www.facebook.com\/jblmalaysia",
6262      "",
6263      "https:\/\/www.instagram.com\/jbl_my\/",
6264      "https:\/\/www.tiktok.com\/@jblmalaysia",
6265      "",
6266      "",
6267      "https:\/\/www.youtube.com\/@jbl",
6268      ""
6269    ],
6270    "url": "https:\/\/jblonlinestore.com.my"
6271  }
6272</script>
6272
6273
6274�
6275</header><div id="shopify-section-sections--26542858567980__header_mobile_MqfLk9" class="shopify-section shopify-section-group-header-group">
6276
6277  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-menu-drawer.css?v=166048201573744498291785495658" media="print" onload="this.media='all'"><side-drawer
6278    class="drawer__container drawer drawer--menu drawer--menu-multi-tab fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden"
6279    id="Drawer-Menu"
6280    data-drawer-direction="left"
6281  >
6282    <div id="Drawer-Overlay-Menu" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
6283    <div class="side-drawer" data-drawer-content data-breakpoint="tablet">
6284      <div
6285        class="drawer__inner d-flex flex-column h-full"
6286        role="dialog"
6287        aria-modal="true"
6288        aria-label="Menu"
6289        tabindex="-1"
6290      >
6291        <div class="drawer__header flex justify-between items-center relative" style="--p: var(--padding-xs) var(--padding-lg);">
6292          <button
6293            class="drawer__close block t-button bor-none cursor-pointer"
6294            type="button"
6295            onclick="this.closest('side-drawer').close()"
6296            aria-label="Close dialog"
6297          >
6298            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
6299</span>
6300          </button>
6301        </div>
6302        <div class="drawer__wrapper menu-drawer relative h-full motion-reduce color-">
6303          <div class="header-mobile mobile--multi-tab">
6304            <section-fetcher
6305              data-section-id="sections--26542858567980__header_mobile_MqfLk9"
6306              data-target-id="SiteNavMobile-Content-sections--26542858567980__header_mobile_MqfLk9"
6307              data-activate="interaction"
6308            ></section-fetcher><div class="section-resource-list" id="SiteNavMobile-Content-sections--26542858567980__header_mobile_MqfLk9">
6309              </div></div>
6310        </div>
6311      </div>
6312    </div>
6313  </side-drawer>
6314
6315
6316
6317</div>
6318<!-- END sections: header-group -->
6319    </div><!-- BEGIN sections: popup-group -->
6320<section id="shopify-section-sections--26542858600748__multitasking_bar_AY9KgF" class="shopify-section shopify-section-group-popup-group section-multitasking-bar"><multitasking-bar
6321    class="multitasking-bar fixed h-auto z-3 no-js-hidden"
6322    id="multitasking-bar"
6323    style="
6324      --right: 0.5%;
6325      --color-background: 255 255 255 / 1.0;
6326      --color-background-rgb: 255 255 255;
6327      --color-foreground: 0 0 0 / 1.0;
6328      --color-foreground-rgb: 0 0 0;
6329      --secondary-icon-background: 17 153 187 / 1.0;
6330      --secondary-icon: 255 255 255 / 1.0;
6331    "
6332  >
6333    <div class="multi-t__wrap relative flex flex-column gap-xs items-center" id="multitasking-wrap">
6334      <side-drawer-opener
6335  class="target-block product-popup-modal__opener inline-block"
6336  data-side-drawer="#popup-recently-viewed"
6337>
6338  <button
6339    class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full"
6340    data-target="multitasking-recently-viewed"
6341    type="button"
6342    aria-haspopup="dialog"
6343    aria-label="Recently viewed products"
6344    
6345  >
6346    <svg
6347      xmlns="http://www.w3.org/2000/svg"
6348      viewBox="0 0 511.1 479.39"
6349      class="icon icon-recently-viewed"
6350      aria-hidden="true"
6351      focusable="false"
6352      role="presentation"
6353    >
6354      <path fill="currentColor" d="M250.58,479.39c-8.32-1.31-16.7-2.36-25-4-58.29-11.37-105.26-40.94-141.09-88.24-6.86-9-6-18.73,1.94-24.57,7.7-5.66,17.09-3.57,23.74,5.32A197.18,197.18,0,0,0,285.56,446.7c72.16-6.1,127.32-40.21,164.81-101.93,22.25-36.62,30.95-76.91,28.1-119.78C473.08,143.56,418.19,68.58,336,42.73,264,20.1,197.59,33,138.89,80.58c-39.2,31.76-62.43,73.51-71.65,123.08a18.25,18.25,0,0,0,0,2.25c3.3-3.35,6-6.23,8.87-9,7-6.73,16.75-6.83,23.16-.32s6.29,16-.37,22.79q-19.62,19.91-39.52,39.51c-7.84,7.69-18.7,6.59-24.91-2.55Q18.49,232.88,3,209.09c-5.28-8.05-3.26-17.8,4.37-22.77,7.4-4.82,16.78-2.75,22.34,5,1.69,2.35,3.28,4.77,4.95,7.2,3.88-13.53,6.68-26.87,11.5-39.44C77.69,76.7,136.3,23.79,222.64,5.76,310-12.48,385.78,12.89,447.42,77.41c35.21,36.85,55.29,81.56,61.78,132.24.56,4.41,1.26,8.8,1.9,13.21v33.93c-.4,2.94-.85,5.87-1.2,8.81-5.35,45.62-21.73,86.8-50.45,122.74q-56,70.11-144.41,87.05c-8.78,1.66-17.68,2.68-26.53,4Z"/>
6355      <path fill="currentColor" d="M247.61,175.92q0-35.19,0-70.37c0-10.53,6.54-17.52,16.19-17.43,9.28.1,15.7,7.19,15.7,17.45q0,64.62-.07,129.25a8.58,8.58,0,0,0,3.86,7.83c27.65,20.75,55.29,41.54,82.66,62.66A24.82,24.82,0,0,1,374,316.64c2.14,6.68-1.19,13.35-6.94,16.69-6.18,3.6-12.43,3.38-18.23-.89-10.44-7.69-20.78-15.53-31.15-23.31-20.74-15.56-41.43-31.21-62.26-46.66a18.08,18.08,0,0,1-7.9-15.69C247.68,223.16,247.61,199.54,247.61,175.92Z"/>
6356    </svg>
6357  </button>
6358  <span class="target-block--tooltip">Recently viewed products</span>
6359</side-drawer-opener>
6360
6361<side-drawer
6362  class="multi-t__products drawer__container drawer fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden"
6363  id="popup-recently-viewed"
6364  data-drawer-direction="right"
6365>
6366  <div id="Drawer-Overlay-Multitasking-Bar" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
6367  <div
6368    class="drawer__inner-wrapper"
6369    data-drawer-content
6370    style="--drawer-max-width: var(--normal-content-width);"
6371  >
6372    <div
6373      class="drawer__inner"
6374      role="dialog"
6375      aria-modal="true"
6376      aria-label="Recently viewed"
6377      tabindex="-1"
6378      
6379    >
6380      <div class="drawer__header flex justify-between items-center relative" style="--p: 1.5rem 0;">
6381        <h2 class="drawer__heading break m-0 h5">Recently viewed</h2>
6382        <button
6383          class="drawer__close block t-button bor-none rounded-full cursor-pointer"
6384          type="button"
6385          onclick="this.closest('side-drawer').close()"
6386          aria-label="Close dialog"
6387        ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
6388</button>
6389      </div>
6390      <recently-viewed-products
6391        class="recently-viewed-products collection cus-scrollbar"
6392        id="recently-viewed-drawer-sections--26542858600748__multitasking_bar_AY9KgF"
6393        data-url="/search?section_id=sections--26542858600748__multitasking_bar_AY9KgF&type=product&q="
6394        data-limit="6"
6395        data-id="sections--26542858600748__multitasking_bar_AY9KgF"
6396        
6397          data-product-id="9960000618796"
6398        
6399      ><div class="recently-viewed__warnings flex flex-column flex-1 justify-center center">
6400            <svg
6401              xmlns="http://www.w3.org/2000/svg"
6402              viewBox="0 0 455 455"
6403              xmlns:xlink="http://www.w3.org/1999/xlink"
6404              class="icon icon-no-product"
6405              aria-hidden="true"
6406              focusable="false"
6407              role="presentation"
6408              xml:space="preserve"
6409            >
6410              <path d="M360.967,130.599c-4.06-0.818-8.018,1.8-8.841,5.86c-0.823,4.06,1.801,8.018,5.86,8.841
6411              c1.147,0.232,2.013,1.286,2.013,2.45v160c0,1.355-1.145,2.5-2.5,2.5H179.676c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5H357.5
6412              c9.649,0,17.5-7.851,17.5-17.5v-160C375,139.46,369.099,132.247,360.967,130.599z"></path>
6413              <path d="M274.824,130.25H97.5c-9.649,0-17.5,7.851-17.5,17.5v160c0,8.063,5.48,15.046,13.326,16.982
6414              c0.604,0.149,1.208,0.221,1.803,0.221c3.369,0,6.432-2.287,7.276-5.705c0.992-4.021-1.463-8.086-5.484-9.078
6415              c-0.955-0.235-1.92-1.143-1.92-2.42v-160c0-1.355,1.145-2.5,2.5-2.5h177.324c4.142,0,7.5-3.357,7.5-7.5
6416              S278.966,130.25,274.824,130.25z"></path>
6417              <path d="M235.363,170.798c-2.655-0.363-5.3-0.548-7.863-0.548c-31.706,0-57.5,25.794-57.5,57.5c0,2.563,0.185,5.209,0.548,7.863
6418              c0.515,3.759,3.731,6.483,7.421,6.483c0.339,0,0.682-0.023,1.027-0.07c4.104-0.562,6.975-4.345,6.413-8.448
6419              c-0.271-1.982-0.409-3.943-0.409-5.828c0-23.435,19.065-42.5,42.5-42.5c1.884,0,3.845,0.138,5.828,0.409
6420              c4.108,0.564,7.886-2.309,8.448-6.413C242.338,175.143,239.467,171.359,235.363,170.798z"></path>
6421              <path d="M219.127,284.636c2.789,0.407,5.605,0.614,8.373,0.614c31.706,0,57.5-25.794,57.5-57.5c0-2.77-0.207-5.587-0.613-8.373
6422              c-0.599-4.099-4.408-6.934-8.505-6.337c-4.099,0.599-6.936,4.406-6.337,8.505c0.303,2.071,0.456,4.158,0.456,6.205
6423              c0,23.435-19.065,42.5-42.5,42.5c-2.044,0-4.132-0.153-6.205-0.456c-4.099-0.6-7.907,2.238-8.505,6.337
6424              S215.028,284.037,219.127,284.636z"></path>
6425              <path d="M318.5,203.25c9.098,0,16.5-7.402,16.5-16.5c0-8.318-6.227-15.355-14.484-16.37c-2.293-0.277-4.585,0.509-6.218,2.142
6426              l-10.027,10.027c-1.633,1.632-2.422,3.926-2.141,6.217C303.145,197.023,310.183,203.25,318.5,203.25z"></path>
6427              <path d="M117.5,114.75h30c4.142,0,7.5-3.357,7.5-7.5s-3.358-7.5-7.5-7.5h-30c-4.142,0-7.5,3.357-7.5,7.5
6428              S113.358,114.75,117.5,114.75z"></path>
6429              <path d="M388.367,66.633C345.397,23.664,288.268,0,227.5,0S109.603,23.664,66.633,66.633C23.664,109.603,0,166.732,0,227.5
6430              s23.664,117.897,66.633,160.867C109.603,431.336,166.732,455,227.5,455s117.897-23.664,160.867-66.633
6431              C431.336,345.397,455,288.268,455,227.5S431.336,109.603,388.367,66.633z M15,227.5C15,110.327,110.327,15,227.5,15
6432              c55.894,0,106.807,21.703,144.783,57.11L72.11,372.283C36.703,334.307,15,283.395,15,227.5z M227.5,440
6433              c-55.894,0-106.807-21.703-144.783-57.11L382.89,82.717C418.297,120.693,440,171.606,440,227.5C440,344.673,344.673,440,227.5,440z
6434              "></path>
6435            </svg>
6436            <span class="text">Sorry, there are no products.</span>
6437          </div></recently-viewed-products>
6438    </div>
6439  </div>
6440</side-drawer>
6441
6442<div class="target-block relative">
6443  <button
6444    class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full"
6445    data-target="multitasking-social-media"
6446    type="button"
6447    aria-haspopup="dialog"
6448    aria-label="Social media"
6449    
6450  >
6451    <span class="svg-wrapper">
6452      <svg width="28" height="28" fill="none" class="icon icon-social" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
6453<path d="M21.5919 18.834C20.2504 18.834 19.0417 19.4134 18.2028 20.3349L10.6574 15.6617C10.8589 15.1461 10.9706 14.5859 10.9706 14C10.9706 13.4138 10.8589 12.8537 10.6574 12.3382L18.2028 7.66478C19.0417 8.58635 20.2504 9.1659 21.5919 9.1659C24.1191 9.1659 26.175 7.11 26.175 4.58285C26.175 2.05569 24.1191 0 21.5919 0C19.0648 0 17.0088 2.0559 17.0088 4.58306C17.0088 5.16903 17.1208 5.72915 17.322 6.24483L9.77687 10.918C8.93797 9.99647 7.7293 9.41691 6.38775 9.41691C3.86059 9.41691 1.80469 11.473 1.80469 14C1.80469 16.5271 3.86059 18.583 6.38775 18.583C7.7293 18.583 8.93797 18.0037 9.77687 17.0819L17.322 21.7551C17.1208 22.2708 17.0088 22.8309 17.0088 23.4171C17.0088 25.944 19.0648 27.9999 21.5919 27.9999C24.1191 27.9999 26.175 25.944 26.175 23.4171C26.175 20.8899 24.1191 18.834 21.5919 18.834ZM18.68 4.58306C18.68 2.97747 19.9863 1.67117 21.5919 1.67117C23.1975 1.67117 24.5038 2.97747 24.5038 4.58306C24.5038 6.18865 23.1975 7.49495 21.5919 7.49495C19.9863 7.49495 18.68 6.18865 18.68 4.58306ZM6.38775 16.9119C4.78195 16.9119 3.47564 15.6056 3.47564 14C3.47564 12.3944 4.78195 11.0881 6.38775 11.0881C7.99333 11.0881 9.29942 12.3944 9.29942 14C9.29942 15.6056 7.99333 16.9119 6.38775 16.9119ZM18.68 23.4169C18.68 21.8113 19.9863 20.50
64535 21.5919 20.505C23.1975 20.505 24.5038 21.8113 24.5038 23.4169C24.5038 25.0225 23.1975 26.3288 21.5919 26.3288C19.9863 26.3288 18.68 25.0225 18.68 23.4169Z" fill="currentColor"/>
6454</svg>
6455
6456    </span>
6457  </button>
6458
6459  <div class="multi-t__wrapper multi-t__social pointer-events-none absolute top-0">�<link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-list-social.css?v=112859801755161069901785495654" media="print" fetchpriority="low" onload="this.media='all'">
6460  <noscript><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-list-social.css?v=112859801755161069901785495654"></noscript>
6461  <div class="flex flex-wrap justify-center flex-column h-full">
6462    <ul
6463      class="list-unstyled list-social flex flex-wrap justify-end sm\:justify-center multi-t__list"
6464      role="list"
6465      style="--gap-x: 1.1rem; --gap-y: 1.1rem;"
6466    ><li class="list-social__item social__item--effect">
6467          <a href="https://www.facebook.com/jblmalaysia" class="list-social__link link">
6468            <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
6469<svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
6470</span>
6471            <span class="visually-hidden">Facebook</span>
6472          </a>
6473        </li><li class="list-social__item social__item--effect">
6474          <a href="https://www.instagram.com/jbl_my/" class="list-social__link link">
6475            <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
6476<svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
6477</span>
6478            <span class="visually-hidden">Instagram</span>
6479          </a>
6480        </li><li class="list-social__item social__item--effect">
6481          <a href="https://www.tiktok.com/@jblmalaysia" class="list-social__link link">
6482            <span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
6483<svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
6484</span>
6485            <span class="visually-hidden">TikTok</span>
6486          </a>
6487        </li><li class="list-social__item social__item--effect">
6488          <a href="https://www.youtube.com/@jbl" class="list-social__link link">
6489            <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
6490<svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
6491</span>
6492            <span class="visually-hidden">YouTube</span>
6493          </a>
6494        </li></ul>
6495  </div></div>
6496  <span class="target-block--tooltip">Social media</span>
6497</div>
6498
6499
6500<div
6501  class="target-block relative button__back-to-top hide"
6502>
6503  <button
6504    class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full"
6505    data-target="back-to-top"
6506    role="button"
6507    aria-haspopup="dialog"
6508    aria-label="Back to top"
6509    
6510  >
6511    <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6511ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
6512<svg class="progress-circle progress-circle-fill svg-content absolute inset-0" width="100%" height="100%" viewBox="-1 -1 102 102">
6513        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
6514      </svg>
6515    </span>
6516  </button>
6517  <span class="target-block--tooltip">Back to top</span>
6518</div>
6519
6520<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/back-to-top-progress.js?v=58821228533285910701785495615" defer="defer"></script>
6520
6521
6522
6523
6524
6525      <span class="glider absolute flex rounded-full"></span>
6526    </div>
6527  </multitasking-bar>
6528
6529  
6529<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/multitasking-bar.js?v=126658097558579621991785495751" defer="defer"></script>
6529
6530</section><section id="shopify-section-sections--26542858600748__cart_drawer_PFLQy3" class="shopify-section shopify-section-group-popup-group section-cart-drawer"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-cart-drawer.css?v=133325389970591160141785495645" media="print" fetchpriority="low" onload="this.media='all'">
6531  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-cart.css?v=126975925752820387781785495646" media="print" fetchpriority="low" onload="this.media='all'">
6532  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-totals.css?v=65700457759007518761785495672" media="print" fetchpriority="low" onload="this.media='all'">
6533  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/quantity-popover.css?v=48766266399209775371785495759" media="print" fetchpriority="low" onload="this.media='all'">
6534  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-discounts.css?v=136859639673735941111785495651" media="print" fetchpriority="low" onload="this.media='all'">
6535
6536  <noscript>
6537    <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-cart-drawer.css?v=133325389970591160141785495645">
6538    <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-cart.css?v=126975925752820387781785495646">
6539    <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-totals.css?v=65700457759007518761785495672">
6540    <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/quantity-popover.css?v=48766266399209775371785495759">
6541    <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-discounts.css?v=136859639673735941111785495651">
6542  </noscript>
6543
6544  
6545  
6546  
6547
6548  �<cart-drawer
6549  id="Cart-Drawer"
6550  class="drawer drawer__container fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden is-empty"
6551  data-moved="false"
6552  data-drawer-direction="right"
6553  data-section-id="sections--26542858600748__cart_drawer_PFLQy3"
6554>
6555  <div id="CartDrawer-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
6556  <div
6557    id="CartDrawer"
6558    class="cart-drawer color-scheme-1"
6559    data-drawer-content
6560    style="--drawer-max-width: var(--normal-content-width);"
6561  >
6562    <div
6563      class="drawer__inner cus-scrollbar"
6564      role="dialog"
6565      aria-modal="true"
6566      aria-label="Your cart"
6567      tabindex="-1"
6568    >
6569      <div
6570        class="drawer__inner-empty h-full overflow-hidden flex flex-column"
6571        data-cart-drawer-empty
6572        style="--p: 0 1.5rem;"
6573      >
6574        <div class="drawer__header flex justify-end items-center relative" style="--p: var(--padding-xs) 0;">
6575          <button
6576            class="drawer__close block t-button bor-none rounded-full cursor-pointer"
6577            type="button"
6578            onclick="this.closest('cart-drawer').close()"
6579            aria-label="Close dialog"
6580            style="--top: 0.3rem; --right: 0.3rem;"
6581          >
6582            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
6583</span>
6584          </button>
6585        </div>
6586        <div class="cart-drawer__warnings flex flex-column flex-1 justify-center center">
6587          <div class="cart-drawer__empty-content">
6588            <h4 class="cart__empty-text">Your cart is empty</h4>
6589            <a href="/collections/all" class="button">
6590              Continue shopping
6591            </a><p class="cart__login-title h4">Have an account?</p>
6592              <p class="cart__login-paragraph">
6593                <a href="/account/login" class="link link--underline">Log in</a> to check out faster.
6594              </p></div>
6595        </div></div>
6596
6597      <div class="drawer__inner-filled hidden" data-cart-drawer-filled>
6598        <div class="drawer__header flex justify-between items-center relative" style="--p: 1.5rem 0 0 0;">
6599          <h2 class="drawer__heading break m-0 h5">Your cart</h2>
6600          <button
6601            class="drawer__close block t-button bor-none rounded-full cursor-pointer"
6602            type="button"
6603            onclick="this.closest('cart-drawer').close()"
6604            aria-label="Close dialog"
6605          >
6606            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
6607</span>
6608          </button>
6609        </div>
6610
6611        <div class="wrapper-cart-count" data-cart-text style="--p: 0 0 1.5rem 0;">
6612          0 items
6613        </div>
6614      </div><div class="previewCartMessage hidden" data-hide-when-empty>
6615          <free-shipping-component class="haloCalculatorShipping" data-free-shipping-wrapper style="display: block;">
6616  <div class="progress progress-hidden" 
6617    data-text-enabled="false" 
6618    data-shipping-progress
6619  >
6620    <div class="progress_shipping icon-shipping-truck" role="progressbar">
6621      <div class="progress-meter" style="width: 0" data-free-shipping-progress-meter>
6622          
6623            <div class="progress-truck-wrapper">
6624              <svg class="icon-shipping-truck" xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14"> <path d="M19.3937 7.34005C19.3913 6.92338 19.2765 6.51499 19.0599 6.15754L17.2239 3.34505V3.34623C16.909 2.9639 16.4403 2.74372 15.9455 2.74608H13.333V1.09126C13.3319 0.840319 13.1294 0.637901 12.8785 0.636719H3.18152C3.06078 0.636719 2.94478 0.684067 2.85955 0.769295C2.77433 0.854522 2.72698 0.970525 2.72698 1.09126V2.29154H0.75728C0.506334 2.29154 0.302734 2.49514 0.302734 2.74608C0.302734 2.99703 0.506334 3.20063 0.75728 3.20063H4.47304C4.72398 3.20063 4.92758 3.40423 4.92758 3.65517C4.92758 3.90612 4.72398 4.10972 4.47304 4.10972H2.72707V4.85545H0.757371C0.506425 4.85545 0.302825 5.05905 0.302825 5.30999C0.302825 5.56094 0.506425 5.76454 0.757371 5.76454H5.30282C5.55377 5.76454 5.75737 5.96814 5.75737 6.21908C5.75737 6.47003 5.55377 6.67363 5.30282 6.67363H2.72707V7.41817H1.58125C1.3303 7.41817 1.1267 7.62177 1.1267 7.87272C1.1267 8.12366 1.3303 8.32726 1.58125 8.32726H4.47307C4.72401 8.32726 4.92761 8.53086 4.92761 8.78181C4.92761 9.03276 4.72401 9.23
6624636 4.47307 9.23636H2.7271V11.3824C2.72828 11.6322 2.93188 11.8346 3.18164 11.837H4.61158C4.82228 12.7247 5.61419 13.3521 6.52682 13.3521C7.43946 13.3521 8.23255 12.7247 8.44207 11.837H13.3875C13.597 12.7247 14.3901 13.3521 15.3028 13.3521C16.2154 13.3521 17.0085 12.7247 17.218 11.837H18.9391C19.1889 11.8346 19.3925 11.6322 19.3937 11.3824V7.34005ZM6.5267 12.4431C6.09819 12.4431 5.71113 12.185 5.54658 11.7885C5.38323 11.3919 5.47319 10.9362 5.77741 10.632C6.08044 10.329 6.53616 10.2378 6.93271 10.4024C7.32925 10.5669 7.58732 10.9528 7.58732 11.3825C7.58495 11.9672 7.11146 12.4407 6.5267 12.4431ZM15.3028 12.4431C14.8742 12.4431 14.4872 12.185 14.3226 11.7885C14.1593 11.3919 14.2493 10.9362 14.5523 10.632C14.8565 10.329 15.3122 10.2378 15.7088 10.4024C16.1053 10.5669 16.3634 10.9528 16.3634 11.3825C16.3622 11.9684 15.8887 12.4419 15.3028 12.4431ZM13.3272 6.38247L13.3331 3.6552H15.9455C16.1527 3.65165 16.3527 3.73569 16.4971 3.88484L18.1271 6.3813L13.3272 6.38247Z"/> </svg>
6625            </div>
6626          
6627      </div>
6628    </div>
6629  </div>
6630  <div class="message" data-shipping-message="">
6631    <span>Free shipping for all orders over 299</span>
6632  </div>
6633</free-shipping-component>
6634        </div><cart-drawer-items
6635        class="h-full is-empty"
6636        data-section-id="sections--26542858600748__cart_drawer_PFLQy3"
6637      >
6638        <div class="section--main-cart h-full">
6639
6640<div class="loading__spinner hidden cart-drawer__loading-spinner absolute-c-c">
6641  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
6642
6643</div>
6644<form
6645            action="/cart"
6646            id="CartDrawer-Form"
6647            class="cart__contents cart-drawer__form flex-grow flex flex-wrap"
6648            method="post"
6649          >
6650            <div id="CartDrawer-CartItems" class="drawer__contents flex-grow flex flex-column js-contents overflow-hidden"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
6651              <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
6652                Loading...
6653              </p>
6654            </div>
6655            <div id="CartDrawer-CartErrors" role="alert"></div>
6656          </form>
6657          <div class="drawer__cart-items-recommendations-wrapper">
6658    <div id="shopify-block-Ab2I2bGVTNnhCMHViT__cart-popular-products" class="shopify-block">
6659
6660
6661</div>
6662
6663  �</div><div class="drawer__footer">
6664            <div class="drawer--function-blocks"><button
6665                  class="function-block function-block--cart-note button focus-inset"
6666                  type="button"
6667                  aria-haspopup="dialog"
6668                  aria-label="Additional comments"
6669                  data-drawer-toggle="#Drawer-CartNote"
6670                >
6671                  <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="clipboard" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="icon icon-note"><path fill="currentColor" d="M336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16z" class=""></path></svg></span>
6672                </button>�<button
6673                  type="button"
6674                  aria-haspopup="dialog"
6675                  aria-label="Estimate Shipping Rates"
6676                  class="function-block function-block--cart-shipping button focus-inset"
6677                  data-drawer-toggle="#Drawer-CartShipping"
6678                >
6679                  <span class="svg-wrapper" style="width: 3.2rem; height: 3.2rem;"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="shipping-fast" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon icon-shipping">
6679<path fill="currentColor" d="M280 192c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240zm352 192h-24V275.9c0-16.8-6.8-33.3-18.8-45.2l-83.9-83.9c-11.8-12-28.3-18.8-45.2-18.8H416V78.6c0-25.7-22.2-46.6-49.4-46.6H113.4C86.2 32 64 52.9 64 78.6V96H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H96V78.6c0-8.1 7.8-14.6 17.4-14.6h253.2c9.6 0 17.4 6.5 17.4 14.6V384H207.6C193 364.7 170 352 144 352c-18.1 0-34.6 6.2-48 16.4V288H64v144c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16h195.2c-1.1 5.2-1.6 10.5-1.6 16 0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16H632c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm-488 96c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm272-320h44.1c8.4 0 16.7 3.4 22.6 9.4l83.9 83.9c.8.8 1.1 1.9 1.8 2.8H416V160zm80 320c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-96h-16.4C545 364.7 522 352 496 352s-49 12.7-63.6 32H416v-96h160v96zM256 248v-16c0-4.4-3.6-8-8-8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8z" class=""></path></svg></span>
6680                </button><button
6681                  type="button"
6682                  aria-haspopup="dialog"
6683                  aria-label="Add a coupon"
6684                  class="function-block function-block--cart-coupon button focus-inset"
6685                  data-drawer-toggle="#Drawer-CartCoupon"
6686                >
6687                  <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="tag" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon icon-coupon"><path fill="currentColor" d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.745 18.745 49.137 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zm-22.627 45.255L271.196 475.314c-6.243 6.243-16.375 6.253-22.627 0L36.686 263.431A15.895 15.895 0 0 1 32 252.117V48c0-8.822 7.178-16 16-16h204.118c4.274 0 8.292 1.664 11.314 4.686l211.882 211.882c6.238 6.239 6.238 16.39 0 22.628zM144 124c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20m0-28c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z" class=""></path></svg></span>
6688                </button><section-fetcher
6689                data-section-id="sections--26542858600748__cart_drawer_PFLQy3"
6690                data-target-id="CartDrawer-Content-sections--26542858600748__cart_drawer_PFLQy3"
6691                data-activate="interaction"
6692              ></section-fetcher><div class="section-resource-list" id="CartDrawer-Content-sections--26542858600748__cart_drawer_PFLQy3">
6693                </div></div>
6694
6695            <div class="cart-drawer__footer" >
6696              <div></div>
6697
6698              <div class="totals" role="status">
6699                <h2 class="totals__total">Estimated total</h2>
6700                <p class="totals__total-value">RM0.00</p>
6701              </div>
6702
6703              <small class="tax-note caption-large rte">Taxes, discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout.�</small>
6704            </div>
6705
6706            <div class="cart-purchase-conditions" data-purchase-conditions >
6707              
6708
6709              <div class="cart__ctas cart__ctas-drawer">
6710                <button
6711                  type="submit"
6712                  id="CartDrawer-Checkout"
6713                  class="cart__checkout-button button button--full-width"
6714                  name="checkout"
6715                  form="CartDrawer-Form"
6716                  
6717                    disabled
6718                  
6719                >
6720                  <span class="button-overflow relative overflow-hidden" data-button-text="Checkout">
6721                    <span class="button-text-main inline-block relative z-1">Checkout</span>
6722                  </span>
6723                </button>
6724                <a
6725                  href="/cart"
6726                  id="CartDrawer-Viewcart"
6727                  class="cart__viewcart-button button-secondary button--full-width"
6728                >
6729                  <span class="button-overflow relative overflow-hidden" data-button-text="View cart">
6730                    <span class="button-text-main inline-block relative z-1">View cart</span>
6731                  </span>
6732                </a>
6733              </div>
6734            </div>
6735          </div>
6736        </div>
6737      </cart-drawer-items>
6738    </div>
6739  </div>
6740</cart-drawer>
6741<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/cart.js?v=161151555954872438721785495635" defer="defer"></script>
6741
6742  
6742<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/cart-drawer.js?v=13432640306363662861785495635" defer="defer"></script>
6742</section><section id="shopify-section-sections--26542858600748__toolbar_mobile_3HBwAV" class="shopify-section shopify-section-group-popup-group shopify-section--popup section--toolbar-mobile"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/toolbar-mobile.css?v=177774062987669657031785495777" media="print" onload="this.media='all'">
6743<noscript>
6744  <link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/toolbar-mobile.css?v=177774062987669657031785495777">
6745</noscript>
6746
6747<toolbar-mobile
6748  class="toolbar-mobile toolbar-mobile-col--5 element-spacing-all fixed left-0 right-0 bottom-0 w-full flex z-3 color-scheme-1 gradient lg:none no-js-hidden"
6749  style="
6750    --padding-top: 4px;
6751    --padding-bottom: 4px;
6752    --icon-size: 20px;
6753  "
6754><a
6755          
6756            href="/"
6757          
6758          class="toolbar__item flex-grow shrink-0 flex justify-center items-center flex-column center decoration-none link linkfulltext"
6759          aria-label="Home"
6760        >
6761          <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="home-lg-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" class="svg-inline--fa fa-home-lg-alt fa-w-18 fa-3x"><path fill="currentColor" d="M573.48 219.91L310.6 8a35.85 35.85 0 0 0-45.19 0L2.53 219.91a6.71 6.71 0 0 0-1 9.5l14.2 17.5a6.82 6.82 0 0 0 9.6 1L64 216.72V496a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V216.82l38.8 31.29a6.83 6.83 0 0 0 9.6-1l14.19-17.5a7.14 7.14 0 0 0-1.11-9.7zM240 480V320h96v160zm240 0H368V304a16 16 0 0 0-16-16H224a16 16 0 0 0-16 16v176H96V190.92l187.71-151.4a6.63 6.63 0 0 1 8.4 0L480 191z" class=""></path></svg>�</span><span class="text">Home</span></a><side-drawer-opener
6762            class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none"
6763            data-side-drawer="#Drawer-Search"
6764          >
6765            <button
6766              class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full"
6767              type="button"
6768              aria-haspopup="dialog"
6769              aria-label="Search"
6770            >
6771              <span class="svg-wrapper"><svg style="transform: scale(1.2);" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" class="icon icon-search"><path d="M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z"></path></svg>�</span><span class="text">Search</span></button>
6772          </side-drawer-opener><side-drawer-opener
6773            class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none"
6774            data-side-drawer="#Drawer-Account"
6775          >
6776            <button
6777              class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full"
6778              type="button"
6779              aria-haspopup="dialog"
6780              aria-label="Log in"
6781            >
6782              <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
6783�</span><span class="text">Account</span></button>
6784          </side-drawer-opener><side-drawer-opener
6785            class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none"
6786            data-side-drawer="#Cart-Drawer"
6787          >
6788            <button
6789              class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full relative"
6790              type="button"
6791              aria-haspopup="dialog"
6792              aria-label="Cart with 0 items"
6793            >
6794              <div class="count-bubble relative">
6795                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-cart icon-cart-classy" width="26" height="26" viewBox="0 0 26 26" aria-hidden="true" focusable="false" role="presentation" fill="none">
6796		<path d="M1.00391 24.9929C1.00391 18.982 1.00391 13.0027 1.00391 6.99882C2.09001 6.99882 3.14437 6.99882 4.19873 6.99882C5.22841 6.99882 6.25809 6.98118 7.28777 7.00587C7.71445 7.01645 7.84493 6.9071 7.85904 6.52259C7.88725 5.73947 7.86961 4.92461 8.10235 4.18029C8.63129 2.47295 9.98187 1.43937 11.9636 1.10072C13.9666 0.758547 15.6522 1.29121 16.9851 2.65285C17.7009 3.38659 18.0113 4.26142 18.0783 5.20681C18.11 5.63012 18.0959 6.05696 18.0994 6.48379C18.1029 6.98471 18.11 6.99529 18.6707 6.99529C20.6031 6.99529 22.532 7.00587 24.4644 6.98823C24.877 6.98471 25.0039 7.08701 25.0039 7.45034C24.9933 13.1509 24.9969 18.8514 24.9969 24.5485C24.9969 24.806 25.0039 25 24.5808 25C16.7347 24.9894 8.89929 24.9929 1.00391 24.9929ZM18.0924 12.1879C17.2672 12.2655 17.2672 12.2655 17.2672 11.6305C17.2672 10.4417 17.2672 9.2494 17.2672 8.06061C17.2672 7.95126 17.2531 7.84543 17.2425 7.71138C17.0909 7.71138 16.978 7.71138 16.8652 7.71138C14.3192 7.71138 11.7732 7.71138 9.23077 7.71138C8.67008 7.71138 8.67008 7.71138 8.67008 8.20877C8.67008 9.42226 8.66303 10.6393 8.67361 11.8527C8.67714 12.1208 8.59603 12.2231 8.26456 12.2302C7.89782 12.2373 7.83787 12.0997 7.83787 11.8281C7.84493 10.5899 7.83083 9.34818 7.84846 8.11C7.85198 7.79957 7.73914 7.70433 7.38298 7.70786C5.71152 7.72197 4.03652 7.71491 2.36506 7.71491C1.7938 7.71491 1.79379 7.71491 1.79379 8.20877C1.79379 13.3943 1.79379 18.5798 1.79379 23.7654C1.79379 24.2768 1.79379 24.2768 2.38974 24.2768C9.45292 24.2768 16.5161 24.2768 23.5793 24.2768C24.1717 24.2768 24.1717 24.2768 24.1717 23.7548C24.1717 20.4106 24.1717 17.0665 24.1717 13.7224C24.1717 11.8704 24.1646 10.0149 24.1788 8.16291C24.1823 7.82427 24.0624 7.70786 23.6604 7.71138C21.9607 7.72902 20.2575 7.72549 18.5543 7.71138C18.1946 7.70786 18.0747 7.81368 18.0853 8.12058C18.1065 8.73438 18.0924 9.34818 18.0924 9.96197C18.0924 10.6957 18.0924 11.433 18.0924 12.1879ZM12.9686 6.99529C14.2557 6.99529 15.5428 6.98823 16.8264 6.99882C17.1579 7.00234 17.2919 6.91415 17.2707 6.61431C17.2425 6.12751 17.2601 5.63717 17.239 5.15037C17.2073 4.40253 16.9146 3.71818 16.3786 3.14671C15.2219 1.91559 13.7092 1.43937 11.9425 1.81329C10.3733 2.14488 9.25898 3.00561 8.87814 4.40958C8.68772 5.10451 8.74061 5.84883 8.66656 6.56845C8.63129 6.90004 8.7794 7.00587 9.15319 7.00234C10.4262 6.98823 11.6992 6.99529 12.9686 6.99529Z" fill="currentColor" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"/>
6797	</svg>�</span><div class="leading-none absolute rounded-full flex justify-center items-center cart-count-bubble cart-icon-bubble">
6798                    <span aria-hidden="true" data-cart-count>0</span>
6799                    <span class="visually-hidden" data-cart-text>0 items</span>
6800                  </div></div><span class="text">Cart</span></button>
6801          </side-drawer-opener><a
6802          href="/pages/wish-list"
6803          class="toolbar__item flex-column shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none"
6804          aria-label="Wish lists"
6805          
6806        >
6807          <div class="count-bubble relative">
6808            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-accordion icon-heart" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 5.24 8.515 3.773a4.433 4.433 0 0 0-6.21 0 4.293 4.293 0 0 0 0 6.128L10 17.495l7.695-7.593a4.293 4.293 0 0 0 0-6.128 4.433 4.433 0 0 0-6.21 0zm.765-2.177c2.113-2.084 5.538-2.084 7.65 0a5.29 5.29 0 0 1 0 7.55l-7.695 7.593a1.03 1.03 0 0 1-1.44 0l-7.696-7.594a5.29 5.29 0 0 1 0-7.549C3.697.98 7.122.98 9.234 3.063l.766.755z"/></svg>
6809�</span>
6810            <div class="leading-none absolute rounded-full flex justify-center items-center wishlist-count-bubble">
6811              <span class="text loading" aria-hidden="true" data-wishlist-count>0</span><span class="visually-hidden">Wish lists</span>
6812            </div>
6813          </div><span class="text">Wishlist</span></a></toolbar-mobile>
6814
6815<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/toolbar-mobile.js?v=101042659985946627461785495778" defer="defer"></script>
6815
6816
6817
6818</section>
6819<!-- END sections: popup-group --><!-- BEGIN sections: general-group -->
6820<div id="shopify-section-sections--26542858535212__color_swatches_wJV8Fg" class="shopify-section shopify-section-group-general-group color-swatches-section"><style data-shopify>.color-swacth-color--blue {background: #1199bb !important;}.color-swacth-color--beige {background-image: linear-gradient(to bottom right, #c8ae7e, #c8ae7e 50%, #fafdf3 50%, #fafdf3) !important;}.color-swacth-color--darkorange {background-image: linear-gradient(to bottom right, #383030, #383030 50%, #df753a 50%, #df753a) !important;}</style>
6821</div>
6822<!-- END sections: general-group --><main
6823      id="MainContent"
6824      class="content-for-layout focus-none relative z-2"
6825      role="main"
6826      tabindex="-1"
6827    >
6828      <div id="shopify-section-template--26542858141996__main" class="shopify-section">
6829
6830<div class="section-background color-scheme-6"></div>
6831<div
6832  class="main-product-information section section--custom color-scheme-6"
6833  style="
6834    
6835      --page-content-width: 117rem;
6836      --page-width: calc(var(--page-content-width) + var(--page-margin) * 2);
6837    
6838  "
6839>
6840  <product-info
6841    id="MainProduct-template--26542858141996__main"
6842    class="product-information spacing-style relative"
6843    data-section="template--26542858141996__main"
6844    data-product-id="9960000618796"
6845    data-update-url="true"
6846    data-url="/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
6847    style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 60px;"
6848  >
6849    <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/section-main-product.css?v=122490536197279198421785495769" rel="stylesheet" type="text/css" media="all" />
6850    <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-rating.css?v=39373476283187458911785495664" rel="stylesheet" type="text/css" media="all" />�
6850<script type="application/ld+json">
6851  {
6852    "@context": "https://schema.org",
6853    "@type": "Product",
6854    "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#product",
6855    "name": "JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker",
6856    "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker",
6857    "description": "Charge up your adventuresThe JBL Charge 6 is back and better than ever, redefining your music and outdoor listening experience. This audio beast delivers incredibly powerful, immersive sound thanks to redesigned hardware and JBL AI Sound Boost.It's incredibly tough, waterproof, dustproof, and dro...","image": ["https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.png?v=1745827809\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/4.jpg?v=1745828263\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/9.jpg?v=1745828263\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263\u0026width=2048","https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263\u0026width=2048"],"brand": {
6858      "@type": "Brand",
6859      "name": "JBL Online Store MY"
6860    },
6861    "category": "Bluetooth Speaker"�
6862    ,
6863    "offers": [{
6864          "@type": "Offer",
6865          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012562747692",
6866          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562747692",
6867          "priceCurrency": "MYR",
6868          "price": 899.0,
6869          "availability": "https://schema.org/InStock",
6870          "itemCondition": "https://schema.org/NewCondition",
6871          "priceValidUntil": "2027-10-04",
6872          "seller": {
6873            "@type": "Organization",
6874            "name": "JBL Online Store MY"
6875          },
6876          "sku": "JBLCHARGE6BLK"�,
6877          "gtin12": "050036407533"�},{
6878          "@type": "Offer",
6879          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012562780460",
6880          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562780460",
6881          "priceCurrency": "MYR",
6882          "price": 899.0,
6883          "availability": "https://schema.org/InStock",
6884          "itemCondition": "https://schema.org/NewCondition",
6885          "priceValidUntil": "2027-10-04",
6886          "seller": {
6887            "@type": "Organization",
6888            "name": "JBL Online Store MY"
6889          },
6890          "sku": "JBLCHARGE6BLKO"�,
6891          "gtin12": "050036407618"�},{
6892          "@type": "Offer",
6893          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012562813228",
6894          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562813228",
6895          "priceCurrency": "MYR",
6896          "price": 899.0,
6897          "availability": "https://schema.org/InStock",
6898          "itemCondition": "https://schema.org/NewCondition",
6899          "priceValidUntil": "2027-10-04",
6900          "seller": {
6901            "@type": "Organization",
6902            "name": "JBL Online Store MY"
6903          },
6904          "sku": "JBLCHARGE6BLU"�,
6905          "gtin12": "050036407557"�},{
6906          "@type": "Offer",
6907          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012562845996",
6908          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562845996",
6909          "priceCurrency": "MYR",
6910          "price": 899.0,
6911          "availability": "https://schema.org/InStock",
6912          "itemCondition": "https://schema.org/NewCondition",
6913          "priceValidUntil": "2027-10-04",
6914          "seller": {
6915            "@type": "Organization",
6916            "name": "JBL Online Store MY"
6917          },
6918          "sku": "JBLCHARGE6PINK"�,
6919          "gtin12": "050036407601"�},{
6920          "@type": "Offer",
6921          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012562878764",
6922          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562878764",
6923          "priceCurrency": "MYR",
6924          "price": 899.0,
6925          "availability": "https://schema.org/InStock",
6926          "itemCondition": "https://schema.org/NewCondition",
6927          "priceValidUntil": "2027-10-04",
6928          "seller": {
6929            "@type": "Organization",
6930            "name": "JBL Online Store MY"
6931          },
6932          "sku": "JBLCHARGE6PUR"�,
6933          "gtin12": "050036407571"�},{
6934          "@type": "Offer",
6935          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012562911532",
6936          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562911532",
6937          "priceCurrency": "MYR",
6938          "price": 899.0,
6939          "availability": "https://schema.org/InStock",
6940          "itemCondition": "https://schema.org/NewCondition",
6941          "priceValidUntil": "2027-10-04",
6942          "seller": {
6943            "@type": "Organization",
6944            "name": "JBL Online Store MY"
6945          },
6946          "sku": "JBLCHARGE6RED"�,
6947          "gtin12": "050036407540"�},{
6948          "@type": "Offer",
6949          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012562944300",
6950          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562944300",
6951          "priceCurrency": "MYR",
6952          "price": 899.0,
6953          "availability": "https://schema.org/InStock",
6954          "itemCondition": "https://schema.org/NewCondition",
6955          "priceValidUntil": "2027-10-04",
6956          "seller": {
6957            "@type": "Organization",
6958            "name": "JBL Online Store MY"
6959          },
6960          "sku": "JBLCHARGE6SAND"�,
6961          "gtin12": "050036407595"�},{
6962          "@type": "Offer",
6963          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012562977068",
6964          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562977068",
6965          "priceCurrency": "MYR",
6966          "price": 899.0,
6967          "availability": "https://schema.org/InStock",
6968          "itemCondition": "https://schema.org/NewCondition",
6969          "priceValidUntil": "2027-10-04",
6970          "seller": {
6971            "@type": "Organization",
6972            "name": "JBL Online Store MY"
6973          },
6974          "sku": "JBLCHARGE6SQUAD"�,
6975          "gtin12": "050036407588"�},{
6976          "@type": "Offer",
6977          "@id": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker#offer-51012563009836",
6978          "url": "https:\/\/jblonlinestore.com.my\/products\/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012563009836",
6979          "priceCurrency": "MYR",
6980          "price": 899.0,
6981          "availability": "https://schema.org/OutOfStock",
6982          "itemCondition": "https://schema.org/NewCondition",
6983          "priceValidUntil": "2027-10-04",
6984          "seller": {
6985            "@type": "Organization",
6986            "name": "JBL Online Store MY"
6987          },
6988          "sku": "JBLCHARGE6WHT"�,
6989          "gtin12": "050036407564"�}]
6990  }
6991  </script>
6991
6992
6993    
6993<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/product-info.js?v=37377973983604779701785495755" defer="defer"></script>
6993
6994    
6994<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/product-form.js?v=74614673155323331141785495755" defer="defer"></script>
6994
6995    
6995<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/product-recommendations.js?v=77211907006162537031785495757" defer="defer" fetchpriority="low"></script>
6995
6996      
6997      <a
6998  class="skip-to-content-link button visually-hidden"
6999  href="#ProductInformation-template--26542858141996__main"
7000>
7001  Skip to product information
7002</a>
7003    
7004    <div
7005      class="product-information__grid product-information--media-left"
7006      data-product-grid-content
7007    >
7008      
7009      
7010
7011      
7012
7013      
7014        
7015          
7016        <div
7017          class="product-information__media"
7018          data-testid="product-information-media"
7019        >
7020<style data-shopify>
7021  
7022    .product-media-container {
7023      --media-preview-ratio: 1;
7024    }
7025
7026    
7027
7028    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media,
7029    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model {
7030      width: 100%;
7031      height: 100%;
7032      top: 0;
7033      left: 0;
7034    }
7035
7036    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media video,
7037    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media iframe {
7038      width: 100%;
7039      height: 100%;
7040      object-fit: cover;
7041    }
7042
7043    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model model-viewer {
7044      width: 100%;
7045      height: 100%;
7046    }
7047
7048    .dialog-zoomed-gallery .product-media {
7049      --gallery-aspect-ratio: var(--ratio);
7050    }
7051  
7052
7053  
7054
7055  
7056    .media-fit-cover {
7057      --product-media-fit: cover;
7058    }
7059
7060    .media-fit-cover :is(img, video, iframe, .deferred-media__poster-image) {
7061      object-fit: cover;
7062      width: 100%;
7063      height: 100%;
7064    }
7065
7066    .media-fit-cover model-viewer {
7067      width: 100%;
7068      height: 100%;
7069    }
7070  
7071
7072  
7073    .media-fit-contain :is(img, .deferred-media__poster-image) {
7074      background-color: var(--color-background);
7075    }
7076  
7077
7078  zoom-dialog deferred-media {
7079    width: 50%;
7080    height: 50%;
7081    margin: 0 auto;
7082  }
7083
7084  zoom-dialog .product-media {
7085    aspect-ratio: auto;
7086  }
7087</style>
7088
7089
7090
7091<media-gallery
7092  class="
7093    slideshow
7094    spacing-style
7095    sticky-content
7096    card-badge-is-custom
7097    
7098    media-gallery--carousel
7099    
7100    
7101  "
7102  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --media-radius: 0px; --image-gap: 4px; --gallery-aspect-ratio: 1;"
7103  data-presentation="carousel"
7104  
7105  data-section-id="template--26542858141996__main"
7106  data-section="template--26542858141996__main"
7107  
7108>
7109  
7110
7111  
7112
7113  <swiper-component
7114  class="swiper__container relative "
7115  data-space-between="5"
7116
7117
7118
7119  data-loop="true"
7120
7121
7122
7123  data-parallax="true"
7124
7125
7126  data-speed="800"
7127
7128
7129  data-pagination-type="thumbnails"
7130
7131��data-thumbnail-position="bottom"
7132  data-thumbnail-direction="horizontal"style="
7133  
7134    --thumbnail-width: 80px;
7135  
7136  "
7137>
7138  <div class="swiper swiper-main">
7139    <div class="swiper-wrapper swiper__slides w-full">
7140      
7141    
7142      
7143      
7144      
7145      
7146
7147      
7148  <div
7149    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7150    
7151    
7152  >
7153    <div
7154      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-0"
7155      class="slideshow__slide flex relative justify-center size-full"
7156      aria-hidden="false"
7157      
7158      
7159    >
7160      <div class="flex size-full overflow-hidden absolute">
7161        <div class="slide__img-wrapper grid w-full">
7162          
7163
7164<picture
7165              class="media media--transparent h-full"
7166              data-swiper-parallax="35%"
7167            >
7168
7169<div
7170  class="product-media"style="--ratio: 1.0"data-media-id="41483533091116"
7171>
7172  �
7173
7174<div class="loading__spinner hidden">
7175  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7176
7177</div>
7178<img src="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=3840" fetchpriority="high">
7179
7180  �
7181  
7182</div>
7183</picture>
7184      
7185        </div>
7186      </div>
7187    </div>
7188  </div>
7189
7190
7191    
7192      
7193      
7194      
7195      
7196
7197      
7198  <div
7199    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7200    
7201    
7202  >
7203    <div
7204      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-1"
7205      class="slideshow__slide flex relative justify-center size-full"
7206      aria-hidden="true"
7207      
7208      
7209    >
7210      <div class="flex size-full overflow-hidden absolute">
7211        <div class="slide__img-wrapper grid w-full">
7212          
7213
7214<picture
7215              class="media media--transparent h-full"
7216              data-swiper-parallax="35%"
7217            >
7218
7219<div
7220  class="product-media"style="--ratio: 1.0"data-media-id="41483521851692"
7221>
7222  �
7223
7224<div class="loading__spinner hidden">
7225  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7226
7227</div>
7228<img src="//jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=3840" fetchpriority="auto">
7229
7230  �
7231  
7232</div>
7233</picture>
7234      
7235        </div>
7236      </div>
7237    </div>
7238  </div>
7239
7240
7241    
7242      
7243      
7244      
7245      
7246
7247      
7248  <div
7249    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7250    
7251    
7252  >
7253    <div
7254      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-2"
7255      class="slideshow__slide flex relative justify-center size-full"
7256      aria-hidden="true"
7257      
7258      
7259    >
7260      <div class="flex size-full overflow-hidden absolute">
7261        <div class="slide__img-wrapper grid w-full">
7262          
7263
7264<picture
7265              class="media media--transparent h-full"
7266              data-swiper-parallax="35%"
7267            >
7268
7269<div
7270  class="product-media"style="--ratio: 1.0"data-media-id="41483559534892"
7271>
7272  �
7273
7274<div class="loading__spinner hidden">
7275  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7276
7277</div>
7278<img src="//jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7279
7280  �
7281  
7282</div>
7283</picture>
7284      
7285        </div>
7286      </div>
7287    </div>
7288  </div>
7289
7290
7291    
7292      
7293      
7294      
7295      
7296
7297      
7298  <div
7299    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7300    
7301    
7302  >
7303    <div
7304      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-3"
7305      class="slideshow__slide flex relative justify-center size-full"
7306      aria-hidden="true"
7307      
7308      
7309    >
7310      <div class="flex size-full overflow-hidden absolute">
7311        <div class="slide__img-wrapper grid w-full">
7312          
7313
7314<picture
7315              class="media media--transparent h-full"
7316              data-swiper-parallax="35%"
7317            >
7318
7319<div
7320  class="product-media"style="--ratio: 1.0"data-media-id="41483559469356"
7321>
7322  �
7323
7324<div class="loading__spinner hidden">
7325  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7326
7327</div>
7328<img src="//jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7329
7330  �
7331  
7332</div>
7333</picture>
7334      
7335        </div>
7336      </div>
7337    </div>
7338  </div>
7339
7340
7341    
7342      
7343      
7344      
7345      
7346
7347      
7348  <div
7349    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7350    
7351    
7352  >
7353    <div
7354      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-4"
7355      class="slideshow__slide flex relative justify-center size-full"
7356      aria-hidden="true"
7357      
7358      
7359    >
7360      <div class="flex size-full overflow-hidden absolute">
7361        <div class="slide__img-wrapper grid w-full">
7362          
7363
7364<picture
7365              class="media media--transparent h-full"
7366              data-swiper-parallax="35%"
7367            >
7368
7369<div
7370  class="product-media"style="--ratio: 1.0"data-media-id="41483559731500"
7371>
7372  �
7373
7374<div class="loading__spinner hidden">
7375  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7376
7377</div>
7378<img src="//jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7379
7380  �
7381  
7382</div>
7383</picture>
7384      
7385        </div>
7386      </div>
7387    </div>
7388  </div>
7389
7390
7391    
7392      
7393      
7394      
7395      
7396
7397      
7398  <div
7399    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7400    
7401    
7402  >
7403    <div
7404      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-5"
7405      class="slideshow__slide flex relative justify-center size-full"
7406      aria-hidden="true"
7407      
7408      
7409    >
7410      <div class="flex size-full overflow-hidden absolute">
7411        <div class="slide__img-wrapper grid w-full">
7412          
7413
7414<picture
7415              class="media media--transparent h-full"
7416              data-swiper-parallax="35%"
7417            >
7418
7419<div
7420  class="product-media"style="--ratio: 1.0"data-media-id="41483559797036"
7421>
7422  �
7423
7424<div class="loading__spinner hidden">
7425  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7426
7427</div>
7428<img src="//jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7429
7430  �
7431  
7432</div>
7433</picture>
7434      
7435        </div>
7436      </div>
7437    </div>
7438  </div>
7439
7440
7441    
7442      
7443      
7444      
7445      
7446
7447      
7448  <div
7449    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7450    
7451    
7452  >
7453    <div
7454      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-6"
7455      class="slideshow__slide flex relative justify-center size-full"
7456      aria-hidden="true"
7457      
7458      
7459    >
7460      <div class="flex size-full overflow-hidden absolute">
7461        <div class="slide__img-wrapper grid w-full">
7462          
7463
7464<picture
7465              class="media media--transparent h-full"
7466              data-swiper-parallax="35%"
7467            >
7468
7469<div
7470  class="product-media"style="--ratio: 1.0"data-media-id="41483559829804"
7471>
7472  �
7473
7474<div class="loading__spinner hidden">
7475  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7476
7477</div>
7478<img src="//jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7479
7480  �
7481  
7482</div>
7483</picture>
7484      
7485        </div>
7486      </div>
7487    </div>
7488  </div>
7489
7490
7491    
7492      
7493      
7494      
7495      
7496
7497      
7498  <div
7499    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7500    
7501    
7502  >
7503    <div
7504      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-7"
7505      class="slideshow__slide flex relative justify-center size-full"
7506      aria-hidden="true"
7507      
7508      
7509    >
7510      <div class="flex size-full overflow-hidden absolute">
7511        <div class="slide__img-wrapper grid w-full">
7512          
7513
7514<picture
7515              class="media media--transparent h-full"
7516              data-swiper-parallax="35%"
7517            >
7518
7519<div
7520  class="product-media"style="--ratio: 1.0"data-media-id="41483559633196"
7521>
7522  �
7523
7524<div class="loading__spinner hidden">
7525  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7526
7527</div>
7528<img src="//jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7529
7530  �
7531  
7532</div>
7533</picture>
7534      
7535        </div>
7536      </div>
7537    </div>
7538  </div>
7539
7540
7541    
7542      
7543      
7544      
7545      
7546
7547      
7548  <div
7549    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7550    
7551    
7552  >
7553    <div
7554      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-8"
7555      class="slideshow__slide flex relative justify-center size-full"
7556      aria-hidden="true"
7557      
7558      
7559    >
7560      <div class="flex size-full overflow-hidden absolute">
7561        <div class="slide__img-wrapper grid w-full">
7562          
7563
7564<picture
7565              class="media media--transparent h-full"
7566              data-swiper-parallax="35%"
7567            >
7568
7569<div
7570  class="product-media"style="--ratio: 1.0"data-media-id="41483559764268"
7571>
7572  �
7573
7574<div class="loading__spinner hidden">
7575  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7576
7577</div>
7578<img src="//jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7579
7580  �
7581  
7582</div>
7583</picture>
7584      
7585        </div>
7586      </div>
7587    </div>
7588  </div>
7589
7590
7591    
7592      
7593      
7594      
7595      
7596
7597      
7598  <div
7599    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7600    
7601    
7602  >
7603    <div
7604      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-9"
7605      class="slideshow__slide flex relative justify-center size-full"
7606      aria-hidden="true"
7607      
7608      
7609    >
7610      <div class="flex size-full overflow-hidden absolute">
7611        <div class="slide__img-wrapper grid w-full">
7612          
7613
7614<picture
7615              class="media media--transparent h-full"
7616              data-swiper-parallax="35%"
7617            >
7618
7619<div
7620  class="product-media"style="--ratio: 1.0"data-media-id="41483559436588"
7621>
7622  �
7623
7624<div class="loading__spinner hidden">
7625  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7626
7627</div>
7628<img src="//jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7629
7630  �
7631  
7632</div>
7633</picture>
7634      
7635        </div>
7636      </div>
7637    </div>
7638  </div>
7639
7640
7641    
7642      
7643      
7644      
7645      
7646
7647      
7648  <div
7649    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7650    
7651    
7652  >
7653    <div
7654      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-10"
7655      class="slideshow__slide flex relative justify-center size-full"
7656      aria-hidden="true"
7657      
7658      
7659    >
7660      <div class="flex size-full overflow-hidden absolute">
7661        <div class="slide__img-wrapper grid w-full">
7662          
7663
7664<picture
7665              class="media media--transparent h-full"
7666              data-swiper-parallax="35%"
7667            >
7668
7669<div
7670  class="product-media"style="--ratio: 1.0"data-media-id="41483536695596"
7671>
7672  �
7673
7674<div class="loading__spinner hidden">
7675  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7676
7677</div>
7678<img src="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7679
7680  �
7681  
7682</div>
7683</picture>
7684      
7685        </div>
7686      </div>
7687    </div>
7688  </div>
7689
7690
7691    
7692      
7693      
7694      
7695      
7696
7697      
7698  <div
7699    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7700    
7701    
7702  >
7703    <div
7704      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-11"
7705      class="slideshow__slide flex relative justify-center size-full"
7706      aria-hidden="true"
7707      
7708      
7709    >
7710      <div class="flex size-full overflow-hidden absolute">
7711        <div class="slide__img-wrapper grid w-full">
7712          
7713
7714<picture
7715              class="media media--transparent h-full"
7716              data-swiper-parallax="35%"
7717            >
7718
7719<div
7720  class="product-media"style="--ratio: 1.0"data-media-id="41483539579180"
7721>
7722  �
7723
7724<div class="loading__spinner hidden">
7725  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7726
7727</div>
7728<img src="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7729
7730  �
7731  
7732</div>
7733</picture>
7734      
7735        </div>
7736      </div>
7737    </div>
7738  </div>
7739
7740
7741    
7742      
7743      
7744      
7745      
7746
7747      
7748  <div
7749    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7750    
7751    
7752  >
7753    <div
7754      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-12"
7755      class="slideshow__slide flex relative justify-center size-full"
7756      aria-hidden="true"
7757      
7758      
7759    >
7760      <div class="flex size-full overflow-hidden absolute">
7761        <div class="slide__img-wrapper grid w-full">
7762          
7763
7764<picture
7765              class="media media--transparent h-full"
7766              data-swiper-parallax="35%"
7767            >
7768
7769<div
7770  class="product-media"style="--ratio: 1.0"data-media-id="41483541381420"
7771>
7772  �
7773
7774<div class="loading__spinner hidden">
7775  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7776
7777</div>
7778<img src="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7779
7780  �
7781  
7782</div>
7783</picture>
7784      
7785        </div>
7786      </div>
7787    </div>
7788  </div>
7789
7790
7791    
7792      
7793      
7794      
7795      
7796
7797      
7798  <div
7799    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7800    
7801    
7802  >
7803    <div
7804      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-13"
7805      class="slideshow__slide flex relative justify-center size-full"
7806      aria-hidden="true"
7807      
7808      
7809    >
7810      <div c
7810lass="flex size-full overflow-hidden absolute">
7811        <div class="slide__img-wrapper grid w-full">
7812          
7813
7814<picture
7815              class="media media--transparent h-full"
7816              data-swiper-parallax="35%"
7817            >
7818
7819<div
7820  class="product-media"style="--ratio: 1.0"data-media-id="41483542298924"
7821>
7822  �
7823
7824<div class="loading__spinner hidden">
7825  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7826
7827</div>
7828<img src="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7829
7830  �
7831  
7832</div>
7833</picture>
7834      
7835        </div>
7836      </div>
7837    </div>
7838  </div>
7839
7840
7841    
7842      
7843      
7844      
7845      
7846
7847      
7848  <div
7849    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7850    
7851    
7852  >
7853    <div
7854      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-14"
7855      class="slideshow__slide flex relative justify-center size-full"
7856      aria-hidden="true"
7857      
7858      
7859    >
7860      <div class="flex size-full overflow-hidden absolute">
7861        <div class="slide__img-wrapper grid w-full">
7862          
7863
7864<picture
7865              class="media media--transparent h-full"
7866              data-swiper-parallax="35%"
7867            >
7868
7869<div
7870  class="product-media"style="--ratio: 1.0"data-media-id="41483543445804"
7871>
7872  �
7873
7874<div class="loading__spinner hidden">
7875  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7876
7877</div>
7878<img src="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7879
7880  �
7881  
7882</div>
7883</picture>
7884      
7885        </div>
7886      </div>
7887    </div>
7888  </div>
7889
7890
7891    
7892      
7893      
7894      
7895      
7896
7897      
7898  <div
7899    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7900    
7901    
7902  >
7903    <div
7904      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-15"
7905      class="slideshow__slide flex relative justify-center size-full"
7906      aria-hidden="true"
7907      
7908      
7909    >
7910      <div class="flex size-full overflow-hidden absolute">
7911        <div class="slide__img-wrapper grid w-full">
7912          
7913
7914<picture
7915              class="media media--transparent h-full"
7916              data-swiper-parallax="35%"
7917            >
7918
7919<div
7920  class="product-media"style="--ratio: 1.0"data-media-id="41483544625452"
7921>
7922  �
7923
7924<div class="loading__spinner hidden">
7925  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7926
7927</div>
7928<img src="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7929
7930  �
7931  
7932</div>
7933</picture>
7934      
7935        </div>
7936      </div>
7937    </div>
7938  </div>
7939
7940
7941    
7942      
7943      
7944      
7945      
7946
7947      
7948  <div
7949    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
7950    
7951    
7952  >
7953    <div
7954      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-16"
7955      class="slideshow__slide flex relative justify-center size-full"
7956      aria-hidden="true"
7957      
7958      
7959    >
7960      <div class="flex size-full overflow-hidden absolute">
7961        <div class="slide__img-wrapper grid w-full">
7962          
7963
7964<picture
7965              class="media media--transparent h-full"
7966              data-swiper-parallax="35%"
7967            >
7968
7969<div
7970  class="product-media"style="--ratio: 1.0"data-media-id="41483547312428"
7971>
7972  �
7973
7974<div class="loading__spinner hidden">
7975  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
7976
7977</div>
7978<img src="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
7979
7980  �
7981  
7982</div>
7983</picture>
7984      
7985        </div>
7986      </div>
7987    </div>
7988  </div>
7989
7990
7991    
7992      
7993      
7994      
7995      
7996
7997      
7998  <div
7999    class="swiper-slide product-media-container media-fit-cover product-media-container--image product-media-container--slide"
8000    
8001    
8002  >
8003    <div
8004      id="slide-AdDFyc0lTTG9rL2FuT__media-gallery-17"
8005      class="slideshow__slide flex relative justify-center size-full"
8006      aria-hidden="true"
8007      
8008      
8009    >
8010      <div class="flex size-full overflow-hidden absolute">
8011        <div class="slide__img-wrapper grid w-full">
8012          
8013
8014<picture
8015              class="media media--transparent h-full"
8016              data-swiper-parallax="35%"
8017            >
8018
8019<div
8020  class="product-media"style="--ratio: 1.0"data-media-id="41483551605036"
8021>
8022  �
8023
8024<div class="loading__spinner hidden">
8025  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
8026
8027</div>
8028<img src="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 117rem) 45rem, (min-width: 750px) calc(50vw - 40px - 0px - 40px), 100vw" class="image-zoom-dialog product-media__image " data_max_resolution="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=3840" fetchpriority="auto">
8029
8030  �
8031  
8032</div>
8033</picture>
8034      
8035        </div>
8036      </div>
8037    </div>
8038  </div>
8039
8040
8041    
8042      
8043      
8044      
8045      
8046
8047      
8048
8049    
8050  
8051    </div>
8052    <div class="swiper-actions swiper-actions--bottom_center w-full">�<div
8053        class="swiper-btns-wrap bottom_center"
8054        style="--button-gap: clamp(10px, 2.0vw, 20px);"
8055      >
8056        �<hover-button class="swiper-button swiper-button-prev ">
8057  <span class="fill-bg absolute" data-fill-bg></span>
8058  <span class="svg-wrapper"><svg class="icon icon-arrow" aria-hidden="true" focusable="false" viewBox="0 0 41 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8059<path d="M34.1242 0L32.9059 1.23897L37.7143 6.1294H0V7.88196H37.6883L32.8907 12.7606L34.109 14L41 6.9925L34.1242 0Z" fill="currentColor"/>
8060</svg>
8061</span>
8062</hover-button>
8063<hover-button class="swiper-button swiper-button-next ">
8064  <span class="fill-bg absolute" data-fill-bg></span><span class="svg-wrapper"><svg class="icon icon-arrow" aria-hidden="true" focusable="false" viewBox="0 0 41 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8065<path d="M34.1242 0L32.9059 1.23897L37.7143 6.1294H0V7.88196H37.6883L32.8907 12.7606L34.109 14L41 6.9925L34.1242 0Z" fill="currentColor"/>
8066</svg>
8067</span>
8068</hover-button>
8069
8070
8071        
8072          <div class="swiper-pagination
8073        swiper-pagination--filled
8074        
8075        �" ></div>
8076        
8077      </div>
8078    </div>
8079    
8080      
8081        
8082
8083        
8084
8085        
8086
8087        
8088
8089        
8090
8091        
8092
8093        
8094
8095        
8096
8097        
8098
8099        
8100
8101        
8102
8103        
8104
8105        
8106
8107        
8108
8109        
8110
8111        
8112
8113        
8114
8115        
8116
8117        
8118
8119            <div class="video-dialog absolute" style="--bottom: 3rem; --right: 3rem; --w: 4.4rem; --h: 4.4rem;">
8120              <side-drawer-opener data-side-drawer="#VideoModal-template--26542858141996__main" class="video-dialog-button absolute-c-c z-1" style="--w: 4.4rem; --h: 4.4rem;">
8121                <button
8122                  id="video-dialog-button-template--26542858141996__main"
8123                  type="button"
8124                  class="button button-unstyled w-full h-full"
8125                  aria-haspopup="dialog"
8126                >
8127                  <span class="video-dialog-button__icon deferred-media__poster-icon w-full h-full">
8128                    <span class="visually-hidden">Play video</span>
8129                    <svg
8130                      xmlns="http://www.w3.org/2000/svg"
8131                      aria-hidden="true"
8132                      focusable="false"
8133                      class="icon icon-video-circle"
8134                      fill="#545454"
8135                      viewBox="0 0 40 40"
8136                    >
8137                      �
8138    <path fill="none" d="M20,1.56C9.84,1.56,1.56,9.84,1.56,20s8.28,18.44,18.44,18.44s18.44-8.28,18.44-18.44S30.16,1.56,20,1.56z M12.24,30.29V9.71l19.28,10.29L12.24,30.29z"></path>
8139    <path d="M40,20C40,8.95,31.05,0,20,0S0,8.95,0,20s8.95,20,20,20S40,31.05,40,20z   M20,38.44C9.84,38.44,1.56,30.16,1.56,20S9.84,1.56,20,1.56s18.44,8.28,18.44,18.44S30.16,38.44,20,38.44z"></path>
8140    <polygon points="12.24,30.29 31.52,20.01 12.24,9.71 "></polygon>
8141  
8142                    </svg>
8143                  </span>
8144                </button>
8145              </side-drawer-opener>
8146            </div>
8147            
8148      
8149    
8150    <div class="card__badge absolute z-1 custom uppercase
8151" style="">�<span
8152    id="NoMediaStandardBadge--9960000618796"
8153    class="sale-badge badge badge--bottom-left"
8154    aria-hidden="true"
8155    style="--pt:6px;    --pb:5px;    --pl:13px;    --pr:13px;    --pt_mb:0px;    --pb_mb:0px;    --pl_mb:0px;    --pr_mb:0px;"
8156  >Sale</span></div>
8157  </div>
8158  
8159      
8160<div
8161  class="swiper-controls__thumbnails-container swiper-controls__thumbnails-container media-fit-cover"
8162  
8163  
8164  
8165    thumbnails
8166  
8167  data-thumbnail-position="bottom"
8168  data-thumbnail-direction="horizontal"
8169  
8170    style="
8171      --card-grid-per-row-desktop: 4;--card-grid-per-row-tablet: 4;--card-grid-per-row-mobile: 4;
8172    --card-grid-per-row-gap: 16px;
8173  �
8174      
8175        --thumbnail-width: 80px;
8176      
8177    "
8178  
8179>
8180  <div 
8181    class="swiper swiper-controls__thumbnails"
8182    data-thumbnail-position="bottom"
8183    data-thumbnail-direction="horizontal"
8184    data-loop="true"
8185  >
8186    <div
8187      class="swiper-wrapper swiper-controls__thumbnails w-full grid-layout-no-js list-unstyled lg:grid-layout--4 md:grid-layout--4 grid--4-col-mobile"
8188      style="
8189        --card-grid-per-row-desktop: 4;
8190        --card-grid-per-row-tablet: 4;
8191        --card-grid-per-row-mobile: 4;
8192      "
8193      pagination-position="inside"
8194    >
8195      
8196
8197      
8198          
8199            
8200              <button
8201                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8202                data-index="0"
8203                aria-label="Slide 1 of 19"
8204                style="--aspect-ratio: 1;"
8205              >
8206                <img src="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8207              </button>
8208            
8209              <button
8210                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8211                data-index="1"
8212                aria-label="Slide 2 of 19"
8213                style="--aspect-ratio: 1;"
8214              >
8215                <img src="//jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8216              </button>
8217            
8218              <button
8219                class="swiper-slide swiper-control button button-unstyled swiper-control
8219s__thumbnail"
8220                data-index="2"
8221                aria-label="Slide 3 of 19"
8222                style="--aspect-ratio: 1;"
8223              >
8224                <img src="//jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8225              </button>
8226            
8227              <button
8228                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8229                data-index="3"
8230                aria-label="Slide 4 of 19"
8231                style="--aspect-ratio: 1;"
8232              >
8233                <img src="//jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8234              </button>
8235            
8236              <button
8237                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8238                data-index="4"
8239                aria-label="Slide 5 of 19"
8240                style="--aspect-ratio: 1;"
8241              >
8242                <img src="//jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8243              </button>
8244            
8245              <button
8246                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8247                data-index="5"
8248                aria-label="Slide 6 of 19"
8249                style="--aspect-ratio: 1;"
8250              >
8251                <img src="//jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8252              </button>
8253            
8254              <button
8255                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8256                data-index="6"
8257                aria-label="Slide 7 of 19"
8258                style="--aspect-ratio: 1;"
8259              >
8260                <img src="//jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8261              </button>
8262            
8263              <button
8264                class="swiper-slide swiper-control button button-unstyled swiper-control
8264s__thumbnail"
8265                data-index="7"
8266                aria-label="Slide 8 of 19"
8267                style="--aspect-ratio: 1;"
8268              >
8269                <img src="//jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8270              </button>
8271            
8272              <button
8273                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8274                data-index="8"
8275                aria-label="Slide 9 of 19"
8276                style="--aspect-ratio: 1;"
8277              >
8278                <img src="//jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8279              </button>
8280            
8281              <button
8282                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8283                data-index="9"
8284                aria-label="Slide 10 of 19"
8285                style="--aspect-ratio: 1;"
8286              >
8287                <img src="//jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8288              </button>
8289            
8290              <button
8291                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8292                data-index="10"
8293                aria-label="Slide 11 of 19"
8294                style="--aspect-ratio: 1;"
8295              >
8296                <img src="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8297              </button>
8298            
8299              <button
8300                class="swiper-slide swiper-control button button-unstyled swiper-control
8300s__thumbnail"
8301                data-index="11"
8302                aria-label="Slide 12 of 19"
8303                style="--aspect-ratio: 1;"
8304              >
8305                <img src="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8306              </button>
8307            
8308              <button
8309                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8310                data-index="12"
8311                aria-label="Slide 13 of 19"
8312                style="--aspect-ratio: 1;"
8313              >
8314                <img src="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8315              </button>
8316            
8317              <button
8318                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8319                data-index="13"
8320                aria-label="Slide 14 of 19"
8321                style="--aspect-ratio: 1;"
8322              >
8323                <img src="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8324              </button>
8325            
8326              <button
8327                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8328                data-index="14"
8329                aria-label="Slide 15 of 19"
8330                style="--aspect-ratio: 1;"
8331              >
8332                <img src="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8333              </button>
8334            
8335              <button
8336                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8337                data-index="15"
8338                aria-label="Slide 16 of 19"
8339                style="--aspect-ratio: 1;"
8340              >
8341                <img src="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8342              </button>
8343            
8344              <button
8345                class="swiper-slide swiper-control button button-unstyled swiper-control
8345s__thumbnail"
8346                data-index="16"
8347                aria-label="Slide 17 of 19"
8348                style="--aspect-ratio: 1;"
8349              >
8350                <img src="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8351              </button>
8352            
8353              <button
8354                class="swiper-slide swiper-control button button-unstyled swiper-controls__thumbnail"
8355                data-index="17"
8356                aria-label="Slide 18 of 19"
8357                style="--aspect-ratio: 1;"
8358              >
8359                <img src="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=140 140w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=280 280w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=420 420w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&amp;width=600 600w" width="600" height="600" loading="lazy" sizes="(min-width: 990px) 200px, (min-width: 750px) 150px, calc((100vw - 3rem) / 4)">
8360              </button>
8361            
8362      
8363    </div>
8364  </div>
8365</div>
8366    
8367</swiper-component>
8368
8369  
8370
8371    <side-drawer
8372      class="video-modal-dialog video-modal modal--popup drawer fixed top-0 left-0 z-9 w-screen h-full flex-center no-js-hidden"
8373      element-s-popup
8374      id="VideoModal-template--26542858141996__main"
8375      data-drawer-direction="center"
8376    >
8377      <div id="Drawer-Overlay-Video-template--26542858141996__main" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
8378      <div
8379        class="popup__inner video-modal__content w-auto h-full flex flex-column global-settings-popup"
8380        role="dialog"
8381        aria-modal="true"
8382        aria-label="Play video"
8383        tabindex="-1"
8384        style="--modal-max-height: 90dvh; --w: max(70rem, 40vw);--p: 0rem;"
8385        data-drawer-content
8386      >
8387        <button 
8388          class="video-modal__close drawer__close block t-button bor-none rounded-full cursor-pointer" 
8389          type="button" 
8390          onclick="this.closest('side-drawer').close()" 
8391          aria-label="Close dialog" 
8392          data-modal-close
8393          style="--top: 0.3rem; --right: 0.3rem;"
8394        ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
8395</button>
8396        
8397        
8398          <div class="video-modal__gallery">
8399            <swiper-component
8400              class="swiper__container relative"
8401  data-space-between="0"
8402
8403
8404
8405
8406  data-centered-slides="true"
8407
8408
8409  data-parallax="true"
8410
8411
8412  data-speed="800"
8413
8414
8415  data-pagination-type=""
8416
8417��>
8418              <div class="swiper">
8419                <div class="swiper-wrapper items-center">
8420                  
8421                    <div class="swiper-slide">
8422                      <div class="video-modal__item" data-video-index="0">
8423
8424
8425
8426
8427
8428
8429
8430
8431
8432
8433
8434
8435  <deferred-media
8436    class="deferred-media relative overflow-hidden media--transparent h-full"
8437    style="data-swiper-parallax="35%""
8438    data-media-id=""
8439    
8440      autoplay
8441    
8442    
8443  >
8444    
8445      <button
8446        id="Deferred-Poster-Modal-"
8447        class="button deferred-media__poster deferred-media__poster-button button-unstyled w-full media--"
8448        aria-label="Load video: JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker"
8449        type="button"
8450        style="--video-aspect-ratio: 1.77"
8451      >
8452        <img src="//jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=3840" alt="JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker" srcset="//jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=240 240w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=352 352w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=832 832w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&amp;width=3840 3840w" width="3840" height="2880" loading="lazy" sizes="(min-width: 750px) 50vw, 100vw" class="deferred-media__poster-image">
8453
8454        <span class="deferred-media__poster-icon icon-play">
8455          <span class="visually-hidden">Play video</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-play" viewBox="0 0 10 14"><path fill="currentColor" fill-rule="evenodd" d="M1.482.815A1 1 0 0 0 0 1.69v10.517a1 1 0 0 0 1.525.851L10.54 7.5a1 1 0 0 0-.043-1.728z" clip-rule="evenodd"/></svg>
8456</span>
8457      </button>
8458    
8459
8460    
8461
8462    <template>
8463      
8464        
8465    
8466      <iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" data-video-type="youtube" src="https://www.youtube.com/embed/cvURnKwSfs8?autoplay=1&amp;controls=1&amp;enablejsapi=0&amp;loop=1&amp;modestbranding=1&amp;mute=1&amp;origin=https%3A%2F%2Fjblonlinestore.com.my&amp;playlist=cvURnKwSfs8&amp;playsinline=1&amp;rel=0" title="JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker"></iframe>
8467    
8468  
8469      
8470    </template>
8471
8472    
8473      
8474        
8475    
8476      <iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" data-video-type="youtube" src="https://www.youtube.com/embed/cvURnKwSfs8?autoplay=1&amp;controls=1&amp;enablejsapi=0&amp;loop=1&amp;modestbranding=1&amp;mute=1&amp;origin=https%3A%2F%2Fjblonlinestore.com.my&amp;playlist=cvURnKwSfs8&amp;playsinline=1&amp;rel=0" title="JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker"></iframe>
8477    
8478  
8479      
8480    
8481  </deferred-media>
8482
8483</div>
8484                    </div>
8485                  
8486                </div>
8487                <div class="swiper-actions swiper-actions--center_vert w-full">
8488                  <div class="swiper-btns-wrap center_vert"><hover-button class="swiper-button swiper-button-prev ">
8489  <span class="fill-bg absolute" data-fill-bg></span>
8490  <span class="svg-wrapper"><svg class="icon icon-arrow" aria-hidden="true" focusable="false" viewBox="0 0 41 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8491<path d="M34.1242 0L32.9059 1.23897L37.7143 6.1294H0V7.88196H37.6883L32.8907 12.7606L34.109 14L41 6.9925L34.1242 0Z" fill="currentColor"/>
8492</svg>
8493</span>
8494</hover-button>
8495<hover-button class="swiper-button swiper-button-next ">
8496  <span class="fill-bg absolute" data-fill-bg></span><span class="svg-wrapper"><svg class="icon icon-arrow" aria-hidden="true" focusable="false" viewBox="0 0 41 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8497<path d="M34.1242 0L32.9059 1.23897L37.7143 6.1294H0V7.88196H37.6883L32.8907 12.7606L34.109 14L41 6.9925L34.1242 0Z" fill="currentColor"/>
8498</svg>
8499</span>
8500</hover-button>
8501</div>
8502                </div>
8503              </div>
8504            </swiper-component>
8505          </div>
8506        
8507      </div>
8508    </side-drawer>
8509  
8510</media-gallery>
8511
8512</div>
8513      
8514        
8515      
8516        
8517          �<div
8518  id="ProductInformation-template--26542858141996__main"
8519  class="product-details"
8520  data-testid="product-information-details"
8521  
8522  style="
8523    --font-size-heading: 1.6rem;
8524    
8525      --bg-color: var(--color-background);
8526    
8527  "
8528>
8529  <div class="view-product-title">
8530    <a
8531      href="/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker?variant=51012562747692"
8532      class="link"
8533    >JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker
8534    </a>
8535  </div>
8536
8537  
8538
8539  �<div
8540  class="group-block relative  group-block--height-  group-block--width-fill      border-style  spacing-style  size-style  shadow-style"
8541  style="
8542    
8543      --border-width: px;
8544--border-style: ;
8545--border-color: rgb(var(--color-border-rgb) / 1.0);
8546--border-radius: px;
8547
8548
8549    
8550    --padding-block-start: 10px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
8551    --size-style-width: 100%;--size-style-width-mobile: 100%; 
8552  --size-style-width-mobile-min: 5rem;
8553    --shadow-vertical-offset: px;
8554--shadow-horizontal-offset: px;
8555--shadow-blur: px;
8556--shadow-color: rgb();
8557--shadow-spread-radius: px;
8558
8559    
8560    
8561    
8562    
8563    
8564  "
8565  
8566  
8567  
8568
8569  data-testid="group-block"
8570  
8571><div class="group-block__media-wrapper media--empty">
8572    
8573
8574  </div>
8575  
8576
8577  <div
8578    class="
8579      group-block-content relative
8580      layout-panel-flex
8581      layout-panel-flex--column
8582      
8583      mobile-column
8584      �"
8585    style="--flex-direction: column;
8586--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 28px));--horizontal-alignment: flex-start;
8586--vertical-alignment: flex-start;"
8587  >
8588    
8589
8590�<div
8591  class="group-block relative  group-block--height-fit  group-block--width-fill        spacing-style  size-style  shadow-style"
8592  style="
8593    
8594    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px;
8595    --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 
8596  --size-style-width-mobile-min: 5rem;
8597    --shadow-vertical-offset: 0px;
8598--shadow-horizontal-offset: 0px;
8599--shadow-blur: 0px;
8600--shadow-color: rgb(0 0 0 / 0.0);
8601--shadow-spread-radius: 0px;
8602
8603    
8604    
8605    
8606    
8607    
8608  "
8609  
8610  
8611  
8612
8613  data-testid="group-block"
8614  
8615><div class="group-block__media-wrapper media--empty none">
8616    
8617
8618  </div>
8619  
8620
8621  <div
8622    class="
8623      group-block-content relative
8624      layout-panel-flex
8625      layout-panel-flex--column
8626      
8627      mobile-column
8628      �"
8629    style="--flex-direction: column;
8630--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 12px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
8630--vertical-alignment: center;--vertical-alignment-mobile: center;"
8631  >
8632  
8633
8634
8635
8636
8637
8638
8639
8640
8641
8642
8643
8644  
8645  
8646    <div 
8647  class="
8648    size-style spacing-style text-block max-w-full flex
8649    text-block--ASVNHeGJUQm5Lb00rN__text_xrnftG
8650    flex-column
8651    custom   text-block--full-width  text-block--align- custom-typography  custom-font-size 
8652    
8653    
8654    
8655    
8656    
8657    
8658  "
8659  style="
8660    --size-style-width: 100%;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 
8661  --size-style-width-mobile-min: fit-content;
8662    --padding-block-start: 0px; --padding-block-end:0px; 
8663--padding-inline-start:0px; --padding-inline-end:0px; 
8664
8665    --font-size: clamp(1.5rem, 2.0vw, 2.0rem);      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);�"
8666  
8667
8668  
8669>
8670
8671      <h1>JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker</h1>
8672
8673      �</div>
8674  
8675  
8676
8677
8678
8679
8680
8681
8682
8683
8684
8685
8686
8687
8688
8689
8690
8691
8692  
8693  
8694    <rte-formatter 
8695  class="
8696    size-style spacing-style text-block max-w-full flex
8697    text-block--AdWt5NUY1RnlzTXQwZ__text_t3bW9Y
8698    flex-column
8699    rte   rte 
8700    
8701    
8702    
8703    
8704    
8705    
8706  "
8707  style="
8708    --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 
8709  --size-style-width-mobile-min: fit-content;
8710    --padding-block-start: 0px; --padding-block-end:0px; 
8711--padding-inline-start:0px; --padding-inline-end:0px; 
8712
8713    �"
8714  
8715
8716  
8717>
8718
8719      <p>Next-gen Charge with longer battery and Auracast</p>
8720
8721      �</rte-formatter>
8722  
8723  
8724
8725
8726
8727
8728<div id="shopify-block-ATlJTRHJZWWpEV1JKc__rating_R6gkx9" class="shopify-block">
8729
8730<div 
8731  class="
8732    rating-block spacing-style flex
8733    
8734  "
8735  style="
8736    --width: 16px;
8737    --rated-color: #ffc107;
8738    --unrated-color: #c2c2c2;
8739    --unrated-border-color: #c2c2c2;
8740    --gap-x: 4px;
8741    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8742    
8743  "
8744>
8745  
8746    <svg
8747      class="rating-block__star"
8748      xmlns="http://www.w3.org/2000/svg"
8749      viewBox="0 0 24 24"
8750      fill="currentColor"
8751      stroke="currentColor"
8752      stroke-width="2"
8753    >
8754      <polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"></polygon>
8755    </svg>
8756  
8757    <svg
8758      class="rating-block__star"
8759      xmlns="http://www.w3.org/2000/svg"
8760      viewBox="0 0 24 24"
8761      fill="currentColor"
8762      stroke="currentColor"
8763      stroke-width="2"
8764    >
8765      <polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"></polygon>
8766    </svg>
8767  
8768    <svg
8769      class="rating-block__star"
8770      xmlns="http://www.w3.org/2000/svg"
8771      viewBox="0 0 24 24"
8772      fill="currentColor"
8773      stroke="currentColor"
8774      stroke-width="2"
8775    >
8776      <polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"></polygon>
8777    </svg>
8778  
8779    <svg
8780      class="rating-block__star"
8781      xmlns="http://www.w3.org/2000/svg"
8782      viewBox="0 0 24 24"
8783      fill="currentColor"
8784      stroke="currentColor"
8785      stroke-width="2"
8786    >
8787      <polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"></polygon>
8788    </svg>
8789  
8790    <svg
8791      class="rating-block__star"
8792      xmlns="http://www.w3.org/2000/svg"
8793      viewBox="0 0 24 24"
8794      fill="var(--unrated-color)"
8795      stroke="var(--unrated-border-color)"
8796      stroke-width="2"
8797    >
8798      <polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"></polygon>
8799    </svg>
8800  
8801</div>
8802
8803</div>
8804<product-info-list
8805  class="spacing-style"
8806  data-block-id="AUlh0QVZDTW1tVEZiN__product_info_cExQYf"
8807  data-product-id="9960000618796"
8808  style="
8809    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8810  "
8811  
8812>
8813  <div 
8814    class="product-info-list flex flex-column"
8815    style="
8816      �--gap: 10px;
8817    "
8818  ><div class="product-info-item" data-inventory data-stock-level="none">
8819        <span class="product-info-name">
8820          Availability:
8821        </span>
8822        <span class="product-info-value">
8823          �
8824              In stock�
8825        </span>
8826      </div></div>
8827</product-info-list>
8828
8829
8830  <div id="shopify-block-ASFV3QWJUSVBJTWYvZ__payment_icons_RDX9cb" class="shopify-block payment-icons"><span class="visually-hidden">Payment methods</span>
8831<ul class="list payment-icons__list list-unstyled list-position-inherit" role="list"></ul>
8832
8833
8834</div>
8835
8836</div>
8837</div>
8838
8839
8840
8841
8842
8843<product-price
8844  class="text-block text-block--align-left custom-color text-left h3 spacing-style"
8845  data-block-id="AdHBGaXovNEU4QXUrU__price_wUxKFf"
8846  data-product-id="9960000618796"
8847  style="
8848    --color: var(--color-foreground);
8849    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8850    --width: 100%;
8851  "
8852  
8853>
8854  <div 
8855  class="
8856    price-product-container
8857    price price--on-sale"
8858>
8859  
8860
8861  
8862    <span role="group">
8863      <span class="visually-hidden">Sale price&nbsp;</span>
8864      <span class="price price-item price-item--sale price-item--last">RM899.00</span>
8865    </span>
8866  
8867
8868  
8869    <span role="group">
8870      <span class="visually-hidden">Regular price&nbsp;</span>
8871      <span class="compare-at-price price-item price-item--regular">RM999.00</span>
8872    </span>
8873  �<span class="jbl-save-pill">Save RM100</span></div>
8874
8875
8876  �<div class="installments"><form method="post" action="/cart/add" id="product-form-installment-AdHBGaXovNEU4QXUrU__price_wUxKFf" accept-charset="UTF-8" class="payment-terms" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
8877          type="hidden"
8878          name="id"
8879          value="51012562747692"
8880        >
8881        �<input type="hidden" name="product-id" value="9960000618796" /><input type="hidden" name="section-id" value="template--26542858141996__main" /></form></div></product-price>
8882
8883
8884
8885
8886  <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-product-variant-picker.css?v=182322597435239672701785495663" rel="stylesheet" type="text/css" media="all" />
8887  <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-swatch-input.css?v=135803454783854785821785495671" rel="stylesheet" type="text/css" media="all" />
8888  <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-swatch.css?v=176834814887372457751785495671" rel="stylesheet" type="text/css" media="all" />
8889
8890  <variant-selects
8891    id="variant-selects-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
8892    class="variant-selects spacing-style variant-selects--left"
8893    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
8894    data-section="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
8895    data-section-id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
8896    data-product-id="9960000618796"
8897    data-block-id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
8898    data-product-url="/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
8899    
8900      data-context="main"
8901    
8902    ref="mainVariantSelects"
8903    
8904      data-template-product-match="true"
8905    
8906    
8907    
8908  ><fieldset  class="js product-form__input variant-option variant-option--buttons product-form__input--swatch variant-option--swatches">
8909          <legend class="form__label">
8910            Colour:
8911            <span data-selected-value>Black</span>
8912          </legend>
8913          <color-swatch>
8914      <ul class="swatch-list list-unstyled flex flex-wrap" style="--gap: 1rem;">
8915        <li class="swatch-item cursor-pointer relative">
8916          <div class="swatch-wrapper">
8917            <input
8918              type="radio"
8919              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-0"
8920              name="Colour-9960000618796-1�"
8921              value="Black"
8922              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
8923              
8924                checked
8925              
8926              
8927              data-product-url=""
8928        data-option-value-id="4997204508972"
8929        �
8930            >
8931            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-0">
8932              <span
8933              
8934                class="swatch cursor-pointer block max-w-full color-swacth-color--black�"
8935                style="--swatch--background-color: black;--swatch--background: url(//jblonlinestore.com.my/cdn/shop/files/black.png?v=3070840511563104549);--swatch-input--size: 34px;"
8936                data-title="black"
8937                data-variant-id="51012562747692"
8938                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=800"
8939              
8940            >
8941              <span class="visually-hidden">Black</span></span>
8942              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
8943                Black
8944              </span>
8945            </label>
8946          </div>
8947        </li><li class="swatch-item cursor-pointer relative">
8948          <div class="swatch-wrapper">
8949            <input
8950              type="radio"
8951              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-1"
8952              name="Colour-9960000618796-1�"
8953              value="Funky Black"
8954              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
8955              
8956              
8957              data-product-url=""
8958        data-option-value-id="4997204541740"
8959        �
8960            >
8961            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-1">
8962              <span
8963              
8964                class="swatch cursor-pointer block max-w-full color-swacth-color--funky-black�"
8965                style="--swatch--background-color: black;--swatch-input--size: 34px;"
8966                data-title="funky-black"
8967                data-variant-id="51012562780460"
8968                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=800"
8969              
8970            >
8971              <span class="visually-hidden">Funky Black</span></span>
8972              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
8973                Funky Black
8974              </span>
8975            </label>
8976          </div>
8977        </li><li class="swatch-item cursor-pointer relative">
8978          <div class="swatch-wrapper">
8979            <input
8980              type="radio"
8981              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-2"
8982              name="Colour-9960000618796-1�"
8983              value="Blue"
8984              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
8985              
8986              
8987              data-product-url=""
8988        data-option-value-id="4997204574508"
8989        �
8990            >
8991            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-2">
8992              <span
8993              
8994                class="swatch cursor-pointer block max-w-full color-swacth-color--blue�"
8995                style="--swatch--background-color: blue;--swatch-input--size: 34px;"
8996                data-title="blue"
8997                data-variant-id="51012562813228"
8998                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=800"
8999              
9000            >
9001              <span class="visually-hidden">Blue</span></span>
9002              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9003                Blue
9004              </span>
9005            </label>
9006          </div>
9007        </li><li class="swatch-item cursor-pointer relative">
9008          <div class="swatch-wrapper">
9009            <input
9010              type="radio"
9011              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-3"
9012              name="Colour-9960000618796-1�"
9013              value="Pink"
9014              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
9015              
9016              
9017              data-product-url=""
9018        data-option-value-id="4997204607276"
9019        �
9020            >
9021            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-3">
9022              <span
9023              
9024                class="swatch cursor-pointer block max-w-full color-swacth-color--pink�"
9025                style="--swatch--background-color: pink;--swatch-input--size: 34px;"
9026                data-title="pink"
9027                data-variant-id="51012562845996"
9028                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=800"
9029              
9030            >
9031              <span class="visually-hidden">Pink</span></span>
9032              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9033                Pink
9034              </span>
9035            </label>
9036          </div>
9037        </li><li class="swatch-item cursor-pointer relative">
9038          <div class="swatch-wrapper">
9039            <input
9040              type="radio"
9041              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-4"
9042              name="Colour-9960000618796-1�"
9043              value="Purple"
9044              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
9045              
9046              
9047              data-product-url=""
9048        data-option-value-id="4997204640044"
9049        �
9050            >
9051            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-4">
9052              <span
9053              
9054                class="swatch cursor-pointer block max-w-full color-swacth-color--purple�"
9055                style="--swatch--background-color: purple;--swatch-input--size: 34px;"
9056                data-title="purple"
9057                data-variant-id="51012562878764"
9058                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=800"
9059              
9060            >
9061              <span class="visually-hidden">Purple</span></span>
9062              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9063                Purple
9064              </span>
9065            </label>
9066          </div>
9067        </li><li class="swatch-item cursor-pointer relative">
9068          <div class="swatch-wrapper">
9069            <input
9070              type="radio"
9071              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-5"
9072              name="Colour-9960000618796-1�"
9073              value="Red"
9074              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
9075              
9076              
9077              data-product-url=""
9078        data-option-value-id="4997204672812"
9079        �
9080            >
9081            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-5">
9082              <span
9083              
9084                class="swatch cursor-pointer block max-w-full color-swacth-color--red�"
9085                style="--swatch--background-color: red;--swatch-input--size: 34px;"
9086                data-title="red"
9087                data-variant-id="51012562911532"
9088                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=800"
9089              
9090            >
9091              <span class="visually-hidden">Red</span></span>
9092              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9093                Red
9094              </span>
9095            </label>
9096          </div>
9097        </li><li class="swatch-item cursor-pointer relative">
9098          <div class="swatch-wrapper">
9099            <input
9100              type="radio"
9101              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-6"
9102              name="Colour-9960000618796-1�"
9103              value="Sand"
9104              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
9105              
9106              
9107              data-product-url=""
9108        data-option-value-id="4997204705580"
9109        �
9110            >
9111            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-6">
9112              <span
9113              
9114                class="swatch cursor-pointer block max-w-full color-swacth-color--sand�"
9115                style="--swatch--background-color: sand;--swatch-input--size: 34px;"
9116                data-title="sand"
9117                data-variant-id="51012562944300"
9118                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=800"
9119              
9120            >
9121              <span class="visually-hidden">Sand</span></span>
9122              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9123                Sand
9124              </span>
9125            </label>
9126          </div>
9127        </li><li class="swatch-item cursor-pointer relative">
9128          <div class="swatch-wrapper">
9129            <input
9130              type="radio"
9131              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-7"
9132              name="Colour-9960000618796-1�"
9133              value="Squad"
9134              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
9135              
9136              
9137              data-product-url=""
9138        data-option-value-id="4997204738348"
9139        �
9140            >
9141            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-7">
9142              <span
9143              
9144                class="swatch cursor-pointer block max-w-full color-swacth-color--squad�"
9145                style="--swatch--background-color: squad;--swatch--background: url(//jblonlinestore.com.my/cdn/shop/files/squad.png?v=5827287144247391130);--swatch-input--size: 34px;"
9146                data-title="squad"
9147                data-variant-id="51012562977068"
9148                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=800"
9149              
9150            >
9151              <span class="visually-hidden">Squad</span></span>
9152              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9153                Squad
9154              </span>
9155            </label>
9156          </div>
9157        </li><li class="swatch-item cursor-pointer relative">
9158          <div class="swatch-wrapper">
9159            <input
9160              type="radio"
9161              id="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-8"
9162              name="Colour-9960000618796-1�"
9163              value="White"
9164              form="product-form-Aa01QL01Ud3pody9ha__variant_picker_R3rGDr"
9165              
9166              
9167                class="disabled"
9168              
9169              data-product-url=""
9170        data-option-value-id="4997204771116"
9171        �
9172            >
9173            <label for="Aa01QL01Ud3pody9ha__variant_picker_R3rGDr-1-8">
9174              <span
9175              
9176                class="swatch cursor-pointer block max-w-full color-swacth-color--white�"
9177                style="--swatch--background-color: white;--swatch-input--size: 34px;"
9178                data-title="white"
9179                data-variant-id="51012563009836"
9180                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=800"
9181              
9182            >
9183              <span class="visually-hidden">White</span><span class="visually-hidden label-unavailable">Variant sold out or unavailable</span>�</span>
9184              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9185                White - Unavailable
9186              </span>
9187            </label>
9188          </div>
9189        </li>
9190      </ul>
9191    </color-swatch>�
9192        </fieldset>
9192<script type="application/json" data-selected-variant>
9193      {"id":51012562747692,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"JBLCHARGE6BLK","requires_shipping":true,"taxable":false,"featured_image":{"id":50081815626028,"product_id":9960000618796,"position":10,"created_at":"2025-04-28T16:13:04+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263","variant_ids":[51012562747692]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Black","public_title":"Black","options":["Black"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407533","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483533091116,"position":10,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
9194    </script>
9194</variant-selects>
9195
9196
9197<script>
9198  
9199  window.product_inventory_policy_array_9960000618796 = {
9200    '51012562747692': 'deny',
9201  };
9202</script>
9202
9203
9204
9205
9206
9207
9208
9209
9210
9211
9212<div class="productView-hotStock hidden" data-hot-stock="20"  
9213  style="--progress-bar-width: 1015%; --progress-bar-height: 5px; --progress-bar-color: #d62828; --progress-bar-color_2: #69c69c; --hot-stock-text-color: #d62828;"
9214>
9215  <span class="hotStock-text rte" style="">
9216    Hurry up! Only 203 left
9217  </span>
9218  <div class="hotStock-progress">
9219    <span class="hotStock-progress-item"></span>
9220  </div>
9221</div>
9222
9223
9224<script>
9225  
9226  window.product_inventory_array_9960000618796 = {
9227    '51012562747692': '203',
9228  };
9229</script>
9229
9230
9231
9232
9233<span
9234  class="buy-buttons-block buy-buttons-block--ARGd0S1kxNGN4UDFHc__buy_buttons_eYQEYi"
9235  
9236><product-form-component
9237      class="product-form"
9238      data-section-id="template--26542858141996__main"
9239      data-product-id="9960000618796"
9240      data-product-url="/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9241      data-hide-errors="false"
9242      data-quantity-default="1"
9243    >
9244      <div class="product-form__error-message-wrapper" role="alert" hidden>
9245        <span class="svg-wrapper"><svg class="icon icon-error" viewBox="0 0 13 13"><circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="2"/><circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/><path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/><path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/></svg>
9246</span>
9247        <span class="product-form__error-message"></span>
9248      </div>
9249      <div
9250        class="visually-hidden"
9251        aria-live="assertive"
9252        role="status"
9253        aria-atomic="true"
9254        ref="liveRegion"
9255      ></div><form method="post" action="/cart/add" id="product-form-template--26542858141996__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
9256          type="hidden"
9257          name="id"
9258          ref="variantId"
9259          value="51012562747692"
9260          
9261          class="product-variant-id"
9262        ><div
9263          class="product-form__buttons spacing-style"
9264          style="
9265            --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9266            --gap: 10px;
9267          "
9268        >
9269          
9270
9271<div
9272  id="Quantity-Form-template--26542858141996__main"
9273  class="product-form__quantity"
9274  �
9275>
9276  
9277  �
9278  <label class="quantity__label form__label" for="Quantity-template--26542858141996__main">
9279    Quantity<span class="quantity__rules-cart hidden">
9280
9281<div class="loading__spinner hidden">
9282  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
9283
9284</div>
9285<span class="quantity__tooltip-trigger" role="tooltip" aria-label="0 in cart">
9286        <span class="svg-wrapper icon-cart"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" class="icon icon-cart" xmlns="http://www.w3.org/2000/svg">
9287<path d="M6.85943 6.49207C6.85943 6.43354 6.85886 6.389 6.85943 6.34447C6.86801 5.7901 6.85886 5.23522 6.89087 4.68235C6.9383 3.85779 7.23835 3.10028 7.775 2.41982C8.32994 1.71634 9.06091 1.19699 9.95704 0.859759C10.5166 0.649116 11.1046 0.542044 11.7133 0.508521C12.4363 0.468994 13.1352 0.568062 13.8125 0.783207C14.592 1.03037 15.259 1.42664 15.8139 1.96751C16.6272 2.76005 17.0581 3.69218 17.1135 4.7529C17.141 5.27725 17.133 5.80261 17.141 6.32746C17.1415 6.377 17.141 6.42603 17.141 6.49207H17.317C18.6406 6.49207 19.9648 6.48957 21.2884 6.49308C22.0148 6.49508 22.6727 6.68521 23.2065 7.1225C23.6088 7.45223 23.8408 7.87851 23.9391 8.35384C23.9729 8.51695 23.9963 8.68406 23.9963 8.84967C23.9997 12.5352 24.0026 16.2207 23.9963 19.9062C23.9946 20.9924 23.6465 21.9886 22.8538 22.8381C22.1137 23.6312 21.169 24.1575 20.0185 24.3677C19.6111 24.4422 19.1899 24.4923 18.7749 24.4928C14.2605 24.5013 9.74558 24.5023 5.23119 24.4958C4.00072 24.4938 2.87255 24.1886 1.90784 23.5021C0.9957 22.8532 0.392181 22.0231 0.151002 21.0114C0.0658462 20.6547 0.00926628 20.2859 0.00812326 19.9227C-0.00273551 16.2257 -0.00102097 12.5277 0.00355114 8.82916C0.00412266 8.19273 0.242444 7.61934 0.748805 7.15953C1.11972 6.8223 1.5975 6.62767 2.12615 6.54511C2.31704 6.51509 2.51307 6.49508 2.70681 6.49458C4.02587 6.49007 5.34492 6.49207 6.66398 6.49207H6.85886H6.85943ZM6.85943 7.99509C6.82171 7.99159 6.80343 7.98809 6.78457 7.98809C5.37978 7.98809 3.975 7.98509 2.57022 7.99209C2.42391 7.99309 2.26618 8.03262 2.13473 8.09066C1.80096 8.23826 1.70952 8.50944 1.70952 8.81415C1.70952 12.5247 1.70723 16.2352 1.71409 19.9457C1.71409 20.1929 1.75581 20.4455 1.82097 20.6867C2.18045 22.0216 3.52351 22.9963 5.1769 22.9998C9.72501 23.0098 14.2731 23.0048 18.8207 23.0013C19.3596 23.0013 19.8848 22.9042 20.3626 22.6835C21.6136 22.1052 22.2766 21.18 22.2835 19.9487C22.3029 16.2382 22.2903 12.5277 22.2903 8.81715C22.2903 8.28029 21.9583 7.98809 21.3467 7.98809C19.9991 7.98809 18.6515 7.98809 17.3033 7.98809H17.1398C17.1398 8.05313 17.1398 8.10217 17.1398 8.1512C17.1398 9.327 17.1427 10.5028 17.1375 11.6786C17.1364 11.9803 17.0352 12.251 16.698 12.3961C16.3849 12.5312 16.0717 12.5177 15.7785 12.346C15.5042 12.1854 15.4339 11.9358 15.4327 11.6691C15.4287 10.4933 15.431 9.31749 15.431 8.14169C15.431 8.09316 15.431 8.04513 15.431 7.99559H8.56655C8.56655 8.05313 8.56655 8.10267 8.56655 8.1517C8.56655 9.28597 8.56712 10.4197 8.5654 11.554C8.5654 11.6616 8.55569 11.7702 8.54026 11.8772C8.49796 12.1689 8.25221 12.4006 7.92531 12.4636C7.56068 12.5337 7.18348 12.4121 7.00746 12.1684C6.8943 12.0118 6.85886 11.8372 6.85886 11.6556C6.85829 10.4883 6.85886 9.32099 6.85886 8.1532V7.99459L6.85943 7.99509ZM15.4321 6.48807C15.4321 6.01275 15.4367 5.55094 15.431 5.08862C15.4213 4.26557 15.1407 3.52907 14.4714 2.93416C13.5639 2.12762 12.4688 1.81591 11.2035 2.08359C9.63299 2.41581 8.57112 3.62563 8.56769 5.03959C8.56655 5.47739 8.56769 5.91468 8.56769 6.35248V6.48707H15.4321V6.48807Z" fill="currentColor"/>
9288</svg>
9289</span>
9290        <span class="quantity__tooltip"><span class="quantity-cart">0</span> in cart</span>
9291      </span>
9292    </span>    
9293  </label>
9294  <div class="price-per-item__container product-form__input">
9295    <quantity-input
9296      class="quantity quantity-selector"
9297      data-url="/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9298      data-section="template--26542858141996__main"
9299    >
9300      <button
9301        class="button quantity__button quantity-minus button-unstyled"
9302        type="button"
9303        name="minus"
9304        
9305      >
9306        <span class="visually-hidden">Decrease quantity</span>
9307        <span class="svg-wrapper icon-minus"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg>
9308</span>
9309      </button>
9310      <input
9311        id="Quantity-template--26542858141996__main"
9312        class="quantity__input"
9313        data-inventory-managed="true"
9314        
9315          data-inventory-quantity="203"
9316        
9317        data-inventory-policy="deny"
9318        type="number"
9319        name="quantity"
9320        inputmode="numeric"
9321        data-cart-quantity="0"
9322        value="1"
9323        min="1"
9324        data-min="1"
9325        step="1"
9326        aria-label="Quantity"
9327        form="product-form-template--26542858141996__main"
9328        
9329        
9330        
9331        
9332      >
9333      <button
9334        class="button quantity__button quantity-plus button-unstyled"
9335        type="button"
9336        name="plus"
9337        
9338      >
9339        <span class="visually-hidden">Increase quantity</span>
9340        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9341  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
9342  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
9343</svg>
9344</span>
9345      </button>
9346    </quantity-input></div>
9347  <div class="quantity__rules caption" id="Quantity-Rules-template--26542858141996__main"></div></div>
9348
9349
9350  
9351          
9352
9353�<div
9354    class="product-form__subtotal spacing-style"
9355    data-product-subtotal
9356    data-section-id="template--26542858141996__main"
9357    data-money-format="RM{{amount}}"
9358    data-currency-code="MYR"
9359    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
9360    
9361  >
9362    
9362<script type="application/json" data-subtotal-variants>
9363      [{"id":51012562747692,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"JBLCHARGE6BLK","requires_shipping":true,"taxable":false,"featured_image":{"id":50081815626028,"product_id":9960000618796,"position":10,"created_at":"2025-04-28T16:13:04+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263","variant_ids":[51012562747692]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Black","public_title":"Black","options":["Black"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407533","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483533091116,"position":10,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562780460,"title":"Funky Black","option1":"Funky Black","option2":null,"option3":null,"sku":"JBLCHARGE6BLKO","requires_shipping":true,"taxable":false,"featured_image":{"id":50081821327660,"product_id":9960000618796,"position":11,"created_at":"2025-04-28T16:13:57+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263","variant_ids":[51012562780460]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Funky Black","public_title":"Funky Black","options":["Funky Black"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407618","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483536695596,"position":11,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562813228,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"JBLCHARGE6BLU","requires_shipping":true,"taxable":false,"featured_image":{"id":50081826079020,"product_id":9960000618796,"position":12,"created_at":"2025-04-28T16:14:22+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263","variant_ids":[51012562813228]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Blue","public_title":"Blue","options":["Blue"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407557","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483539579180,"position":12,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562845996,"title":"Pink","option1":"Pink","option2":null,"option3":null,"sku":"JBLCHARGE6PINK","requires_shipping":true,"taxable":false,"featured_image":{"id":50081828405548,"product_id":9960000618796,"position":13,"created_at":"2025-04-28T16:14:39+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263","variant_ids":[51012562845996]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Pink","public_title":"Pink","options":["Pink"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407601","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483541381420,"position":13,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562878764,"title":"Purple","option1":"Purple","option2":null,"option3":null,"sku":"JBLCHARGE6PUR","requires_shipping":true,"taxable":false,"featured_image":{"id":50081830535468,"product_id":9960000618796,"position":14,"created_at":"2025-04-28T16:14:52+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263","variant_ids":[51012562878764]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Purple","public_title":"Purple","options":["Purple"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407571","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483542298924,"position":14,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562911532,"title":"Red","option1":"Red","option2":null,"option3":null,"sku":"JBLCHARGE6RED","requires_shipping":true,"taxable":false,"featured_image":{"id":50081832436012,"product_id":9960000618796,"position":15,"created_at":"2025-04-28T16:15:04+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263","variant_ids":[51012562911532]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Red","public_title":"Red","options":["Red"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407540","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483543445804,"position":15,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562944300,"title":"Sand","option1":"Sand","option2":null,"option3":null,"sku":"JBLCHARGE6SAND","requires_shipping":true,"taxable":false,"featured_image":{"id":50081834664236,"product_id":9960000618796,"position":16,"created_at":"2025-04-28T16:15:17+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263","variant_ids":[51012562944300]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Sand","public_title":"Sand","options":["Sand"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407595","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483544625452,"position":16,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562977068,"title":"Squad","option1":"Squad","option2":null,"option3":null,"sku":"JBLCHARGE6SQUAD","requires_shipping":true,"taxable":false,"featured_image":{"id":50081839120684,"product_id":9960000618796,"position":17,"created_at":"2025-04-28T16:15:38+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263","variant_ids":[51012562977068]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Squad","public_title":"Squad","options":["Squad"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407588","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483547312428,"position":17,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012563009836,"title":"White","option1":"White","option2":null,"option3":null,"sku":"JBLCHARGE6WHT","requires_shipping":true,"taxable":false,"featured_image":{"id":50081847083308,"product_id":9960000618796,"position":18,"created_at":"2025-04-28T16:15:56+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263","variant_ids":[51012563009836]},"available":false,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - White","public_title":"White","options":["White"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407564","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483551605036,"position":18,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
9364    </script>
9364
9365    <div class="product-form__subtotal-text">
9366      <span>Product subtotal:</span>
9367      <strong data-subtotal-price>
9368        RM899.00
9369      </strong>
9370    </div>
9371  </div>
9372
9373          
9374
9375
9376
9377
9378
9379
9380
9381<span
9382  class="add-to-cart-button-container"
9383  
9384  style="--add-to-cart-font-case: uppercase;"
9385>
9386  <div class="add-to-cart-button-inner flex items-stretch" style="--gap: 5px;">
9387    
9388    <div
9389  class="add-to-cart-button-container"
9390  data-product-variant-media="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=100"
9391>
9392  <button
9393    id="ProductSubmitButton-template--26542858141996__main"
9394    type="submit"
9395    name="add"
9396    class="
9397      add-to-cart-button 
9398      size-style
9399      button
9400      product-form__submit button--full-width
9401      
9402    "
9403    
9404    style="
9405      --size-style-width: 100%;--size-style-width-mobile: fit-content; 
9406  --size-style-width-mobile-min: fit-content;
9407      --button-padding-vertical: 1.4rem;--button-padding-horizontal: 2.0rem;
9408      
9409    "
9410  >
9411    <span
9412      class="add-to-cart-text"
9413    >
9414      <span class="add-to-cart-text__content">Add to cart</span>
9415    </span>
9416
9417<div class="loading__spinner hidden">
9418  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
9419
9420</div>
9421</button>
9422</div>
9423
9424    
9425      �
9426    <div 
9427  class="card-product__group-item card-wishlist"
9428  style="--min-w: 4.4rem;"
9429>
9430  <wish-list class="block h-full w-full">
9431    <button
9432      type="button"
9433      title="Add to wishlist"
9434      class="button h-full center cursor-pointer flex items-center justify-center relative leading-none wishlist-button w-full"
9435      data-wishlist
9436      data-wishlist-handle="jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9437      data-product-id="9960000618796"
9438    >
9439      <span class="visually-hidden">
9440        <span class="text-inner text-sm inline-block">Add to wishlist</span>
9441      </span>
9442      <span class="svg-wrapper">
9443        <svg
9444          class="wishlist-button__icon"
9445          aria-hidden="true"
9446          focusable="false"
9447          xmlns="http://www.w3.org/2000/svg"
9448          viewBox="0 0 20 20"
9449          width="16"
9450          height="16"
9451        >
9452          �<path
9453      d="M10 5.2393L8.5149 3.77392C6.79996 2.08174 4.01945 2.08174 2.30451 3.77392C0.589562 5.4661 0.589563 8.2097 2.30451 9.90188L10 17.4952L17.6955 9.90188C19.4104 8.2097 19.4104 5.4661 17.6955 3.77392C15.9805 2.08174 13.2 2.08174 11.4851 3.77392L10 5.2393ZM10.765 3.06343C12.8777 0.978857 16.3029 0.978856 18.4155 3.06343C20.5282 5.148 20.5282 8.52779 18.4155 10.6124L10.72 18.2057C10.3224 18.5981 9.67763 18.5981 9.27996 18.2057L1.58446 10.6124C-0.528154 8.52779 -0.528154 5.14801 1.58446 3.06343C3.69708 0.978859 7.12233 0.978858 9.23495 3.06343L10 3.81832L10.765 3.06343Z"
9454      fill-rule="evenodd" fill="currentColor"
9455    />
9456        </svg>
9457      </span>
9458    </button>
9459  </wish-list>
9460</div>
9461�<div
9462  class="card-product__group-item share-button product-share"
9463  style="--min-w: 4.4rem;"
9464>
9465  <side-drawer-opener
9466    class="popup share-button__opener--keep"
9467    
9468    data-side-drawer="#ShareDrawer-AUUFrbU55dXFVWVlrN__add-to-cart"
9469  >
9470    <button
9471      id="ShareButton-AUUFrbU55dXFVWVlrN__add-to-cart"
9472      class="button w-full h-full center cursor-pointer flex items-center justify-center relative leading-none"
9473      type="button"
9474    >
9475      <span class="svg-wrapper"><svg class="icon" viewBox="0 0 227.216 227.216" fill="currentColor"><path d="M175.897,141.476c-13.249,0-25.11,6.044-32.98,15.518l-51.194-29.066c1.592-4.48,2.467-9.297,2.467-14.317c0-5.019-0.875-9.836-2.467-14.316l51.19-29.073c7.869,9.477,19.732,15.523,32.982,15.523c23.634,0,42.862-19.235,42.862-42.879C218.759,19.229,199.531,0,175.897,0C152.26,0,133.03,19.229,133.03,42.865c0,5.02,0.874,9.838,2.467,14.319L84.304,86.258c-7.869-9.472-19.729-15.514-32.975-15.514c-23.64,0-42.873,19.229-42.873,42.866c0,23.636,19.233,42.865,42.873,42.865c13.246,0,25.105-6.042,32.974-15.513l51.194,29.067c-1.593,4.481-2.468,9.3-2.468,14.321c0,23.636,19.23,42.865,42.867,42.865c23.634,0,42.862-19.23,42.862-42.865C218.759,160.71,199.531,141.476,175.897,141.476z M175.897,15c15.363,0,27.862,12.5,27.862,27.865c0,15.373-12.499,27.879-27.862,27.879c-15.366,0-27.867-12.506-27.867-27.879C148.03,27.5,160.531,15,175.897,15z M51.33,141.476c-15.369,0-27.873-12.501-27.873-27.865c0-15.366,12.504-27.866,27.873-27.866c15.363,0,27.861,12.5,27.861,27.866C79.191,128.975,66.692,141.476,51.33,141.476z M175.897,212.216c-15.366,0-27.867-12.501-27.867-27.865c0-15.37,12.501-27.875,27.867-27.875c15.363,0,27.862,12.505,27.862,27.875C203.759,199.715,191.26,212.216,175.897,212.216z"></path></svg></span>
9476      
9477        <span class="visually-hidden">Share this product</span>
9478      
9479    </button>
9480  </side-drawer-opener>
9481  <side-drawer
9482    class="popup__content product-popup-modal__drawer--keep share-drawer drawer fixed top-0 left-0 z-10 w-screen h-full flex justify-center no-js-hidden"
9483    element-s-popup
9484    id="ShareDrawer-AUUFrbU55dXFVWVlrN__add-to-cart"
9485  >
9486    <div id="Drawer-Overlay-AUUFrbU55dXFVWVlrN__add-to-cart" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
9487    <div
9488      class="popup__inner color-scheme-1 w-full h-auto absolute-c-c flex flex-column global-settings-popup"
9489      role="dialog"
9490      aria-modal="true"
9491      aria-label="Share"
9492      tabindex="-1"
9493      style="--modal-max-width: 97rem;"
9494    >
9495      <button
9496        onclick="this.closest('side-drawer').close()"
9497        class="drawer__close block t-button bor-none rounded-full cursor-pointer absolute"
9498        type="button"
9499        aria-label="Close dialog"
9500        style="--top: 0.5rem; --right: 0.5rem;"
9501      ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
9502</button>
9503      <share-button-product class="share-button__product">
9504        <div class="share-header">
9505          <h2 class="share-title">
9506            <span>Share this product</span>
9507          </h2>
9508        </div>
9509        <div class="wrapper-content">
9510          <span class="form-label block">Copy link</span>
9511          <div class="share-group">
9512            <div class="field">
9513              <input
9514                type="text"
9515                class="field__input"
9516                id="url"
9517                value="https://jblonlinestore.com.my/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9518                placeholder="Link"
9519                data-url="https://jblonlinestore.com.my/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9520                onclick="this.select();"
9521                readonly
9522              >
9523              <label class="field__label hiddenLabels" for="url">Link</label>
9524            </div>
9525            <button class="button button-unstyled button-copy">
9526              <span class="svg-wrapper"><svg
9527  class="icon icon-clipboard"
9528  width="11"
9529  height="13"
9530  fill="none"
9531  xmlns="http://www.w3.org/2000/svg"
9532  aria-hidden="true"
9533  focusable="false"
9534  viewBox="0 0 11 13"
9535>
9536  <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/>
9537</svg>
9538</span>
9539              Copy link
9540            </button>
9541          </div>
9542          <span
9543            id="ShareMessage-9960000618796"
9544            class="share-button__message hidden"
9545            role="status"
9546            aria-hidden="true"
9547          >
9548            Link copied to clipboard
9549          </span>
9550          <div class="share_toolbox clearfix">
9551            <span class="form-label block">Share this product</span><ul class="social-share">
9552              <li class="social-share__item">
9553                <a
9554                  class="facebook"
9555                  href="https://www.facebook.com/sharer/sharer.php?u=/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9556                  title='Facebook'
9557                  data-no-instant
9558                  rel="noopener noreferrer nofollow"
9559                  target="_blank"
9560                >
9561                  <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
9562</span>
9563                </a>
9564              </li>
9565              <li class="social-share__item">
9566                <a
9567                  class="twitter"
9568                  href="https://x.com/share?text=JBL%20Charge%206%20Portable%20Waterproof%20and%20Drop-Proof%20Bluetooth%20speaker&amp;url=/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9569                  title='X (Twitter)'
9570                  data-no-instant
9571                  rel="noopener noreferrer nofollow"
9572                  target="_blank"
9573                >
9574                  <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
9575</span>
9576                </a>
9577              </li><li class="social-share__item">
9578                  <a
9579                    class="pinterest"
9580                    href="http://pinterest.com/pin/create/button/?url=/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker&amp;media=http://jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=1024&amp;description=JBL%20Charge%206%20Portable%20Waterproof%20and%20Drop-Proof%20Bluetooth%20speaker"
9581                    title='Pinterest'
9582                    data-no-instant
9583                    rel="noopener noreferrer nofollow"
9584                    target="_blank"
9585                  >
9586                    <span class="svg-wrapper"><svg class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2.01a8.1 8.1 0 0 1 5.666 2.353 8.09 8.09 0 0 1 1.277 9.68A7.95 7.95 0 0 1 10 18.04a8.2 8.2 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297q1.254 0 2.248-.72a4.7 4.7 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.06 5.06 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.02 5.02 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.26 2.26 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228a6.8 6.8 0 0 1-.317 2.122 3.8 3.8 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085q.22-.77.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.07 8.07 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.72 7.72 0 0 1 10 2.001z"/></svg>
9587</span>
9588                  </a>
9589                </li>
9590                <li class="social-share__item">
9591                  <a
9592                    class="tumblr"
9593                    href="//tumblr.com/widgets/share/tool?canonicalUrl=/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9594                    title='Tumblr'
9595                    data-no-instant
9596                    rel="noopener noreferrer nofollow"
9597                    data-content="http://jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=1024"
9598                    target="_blank"
9599                  >
9600                    <span class="svg-wrapper"><svg class="icon icon-tumblr" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M11.997 18c-2.26 0-3.954-1.235-3.954-4.198V9.061H6V6.489C8.26 5.867 9.201 3.787 9.314 2h2.344v4.068h2.73V9.06h-2.73v4.128c0 1.235.584 1.667 1.516 1.667h1.318V18z" clip-rule="evenodd"/></svg>
9601</span>
9602                  </a>
9603                </li><li class="social-share__item">
9604                <a
9605                  class="telegram"
9606                  href="https://telegram.me/share/url?url=/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9607                  title='Telegram'
9608                  data-no-instant
9609                  rel="nofollow"
9610                  target="_blank"
9611                >
9612                  <span class="svg-wrapper"><svg class="icon icon-telegram" role="presentation" viewBox="0 0 496 512"><path d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z" fill="currentColor"></path></svg></span>
9613                </a>
9614              </li>
9615              <li class="social-share__item">
9616                <a
9617                  class="email"
9618                  href="mailto:?subject=JBL%20Charge%206%20Portable%20Waterproof%20and%20Drop-Proof%20Bluetooth%20speaker&amp;body=/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9619                  title='Email'
9620                  data-no-instant
9621                  rel="noopener noreferrer nofollow"
9622                  target="_blank"
9623                >
9624                  <span class="svg-wrapper"><svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
9625<path d="M11.1434 0.821039C13.9682 0.821039 16.793 0.818813 19.6184 0.822153C20.4498 0.823266 21.0688 1.1956 21.446 1.95641C21.5697 2.20686 21.6321 2.47679 21.6321 2.76008C21.6321 6.8001 21.6348 10.8396 21.6299 14.8796C21.6288 15.9432 20.787 16.7825 19.7142 16.8181C19.6687 16.8198 19.6233 16.8192 19.5773 16.8192C13.9458 16.8192 8.31418 16.8186 2.68205 16.8203C1.99569 16.8203 1.42755 16.576 1.01102 16.0116C0.745565 15.6515 0.632812 15.2408 0.632812 14.79C0.635549 11.8993 0.634455 9.00851 0.634455 6.11721C0.634455 5.01913 0.63336 3.92105 0.634455 2.82352C0.636097 1.94695 1.1298 1.22065 1.94533 0.939029C2.17741 0.858885 2.43575 0.826605 2.68205 0.826048C5.5025 0.818257 8.32294 0.821039 11.1434 0.821039ZM1.87363 4.63622C1.8698 4.70857 1.86597 4.7492 1.86597 4.78927C1.86597 8.12971 1.86597 11.4696 1.86652 14.81C1.86652 14.8791 1.8709 14.9497 1.88786 15.016C1.97817 15.3666 2.24637 15.5653 2.63006 15.5658C4.18395 15.567 5.7373 15.5658 7.2912 15.5658C11.3963 15.5658 15.5018 15.5658 19.6069 15.5658C20.1132 15.5658 20.3994 15.2775 20.3994 14.7689C20.3994 11.4473 20.3994 8.12526 20.3994 4.80374C20.3994 4.75644 20.3951 4.70913 20.3918 4.64012C2
96250.3195 4.68798 20.2697 4.7197 20.221 4.7531C17.5763 6.54576 14.9321 8.33898 12.2868 10.13C11.5298 10.6426 10.7438 10.6487 10.0109 10.1517C7.65409 8.55492 5.29834 6.95705 2.94149 5.35919C2.59393 5.12321 2.24582 4.88778 1.87308 4.63566L1.87363 4.63622ZM11.1363 2.07384C8.29776 2.07384 5.45871 2.07384 2.6202 2.07384C2.25568 2.07384 1.99405 2.26419 1.89553 2.59255C1.80412 2.8981 1.91085 3.15412 2.22393 3.36616C5.04985 5.28238 7.87576 7.19804 10.7028 9.11203C10.7843 9.16713 10.879 9.21054 10.9732 9.23781C11.2353 9.31351 11.4488 9.19552 11.6595 9.05248C13.7307 7.64551 15.804 6.24132 17.8762 4.83602C18.6151 4.33512 19.3557 3.83701 20.0918 3.33221C20.5314 3.03112 20.4947 2.39665 20.019 2.16289C19.8937 2.10111 19.7383 2.07718 19.597 2.07718C16.7766 2.07217 13.9562 2.07384 11.1357 2.07384H11.1363Z" fill="currentColor"/>
9626</svg>
9627</span>
9628                </a>
9629              </li>
9630              <li class="social-share__item">
9631                <a
9632                  class="whatsapp"
9633                  href="https://wa.me/?text=JBL%20Charge%206%20Portable%20Waterproof%20and%20Drop-Proof%20Bluetooth%20speaker&#x20;/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9634                  title='WhatsApp'
9635                  data-no-instant
9636                  rel="nofollow"
9637                  target="_blank"
9638                >
9639                  <span class="svg-wrapper"><svg class="icon icon-whatsapp" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 256 256" xml:space="preserve"><defs></defs><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"><path d="M 76.735 13.079 C 68.315 4.649 57.117 0.005 45.187 0 C 20.605 0 0.599 20.005 0.589 44.594 c -0.003 7.86 2.05 15.532 5.953 22.296 L 0.215 90 l 23.642 -6.202 c 6.514 3.553 13.848 5.426 21.312 5.428 h 0.018 c 0.001 0 -0.001 0 0 0 c 24.579 0 44.587 -20.007 44.597 -44.597 C 89.789 32.713 85.155 21.509 76.735 13.079 z M 27.076 46.217 c -0.557 -0.744 -4.55 -6.042 -4.55 -11.527 c 0 -5.485 2.879 -8.181 3.9 -9.296 c 1.021 -1.115 2.229 -1.394 2.972 -1.394 s 1.487 0.007 2.136 0.039 c 0.684 0.035 1.603 -0.26 2.507 1.913 c 0.929 2.231 3.157 7.717 3.436 8.274 c 0.279 0.558 0.464 1.208 0.093 1.952 c -0.371 0.743 -0.557 1.208 -1.114 1.859 c -0.557 0.651 -1.17 1.453 -1.672 1.952 c -0.558 0.556 -1.139 1.159 -0.489 2.274 c 0.65 1.116 2.886 4.765 6.199 7.72 c 4.256 3.797 7.847 4.973 8.961 5.531 c 1.114 0.558 1.764 0.465 2.414 -0.279 c 0.65 -0.744 2.786 -3.254 3.529 -4.369 c 0.743 -1.115 1.486 -0.929 2.507 -0.558 c 1.022 0.372 6.5 3.068 7.614 3.625 c 1.114 0.558 1.857 0.837 2.136 1.302 c 0.279 0.465 0.279 2.696 -0.65 5.299 c -0.929 2.603 -5.381 4.979 -7.522 5.298 c -1.92 0.287 -4.349 0.407 -7.019 -0.442 c -1.618 -0.513 -3.694 -1.199 -6.353 -2.347 C 34.934 58.216 27.634 46.961 27.076 46.217 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: evenodd; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/></g></svg></span>
9640                </a>
9641              </li>
9642            </ul>
9643          </div>
9644        </div>
9645      </share-button-product>
9646    </div>
9647  </side-drawer>
9648</div>
9649
9650�
9651    
9652  </div>
9653</span>
9654
9655
9656�<span
9657              class="product-form-text__error hidden"
9658              ref="addToCartTextError"
9659            >
9660              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13"><circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="2"/><circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/><path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/><path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 
96601.006Z"/></svg>
9661</span>
9662            </span>
9663
9664
9665
9666
9667
9668<div
9669  class="accelerated-checkout-block checkout--button"
9670  ref="acceleratedCheckoutButtonContainer"
9671  
9672  
9673  
9674>
9675  
9676    
9677      �
9678    
9679    <div class="add-to-cart-button-inner items-start flex" style="--gap: 5px;">
9680      
9681      <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="null" fallback="{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}" access-token="87dc3d9b041e93de4e60d85de118c83c" buyer-country="MY" buyer-locale="en" buyer-currency="MYR" variant-params="[{&quot;id&quot;:51012562747692,&quot;requiresShipping&quot;:true},{&quot;id&quot;:51012562780460,&quot;requiresShipping&quot;:true},{&quot;id&quot;:51012562813228,&quot;requiresShipping&quot;:true},{&quot;id&quot;:51012562845996,&quot;requiresShipping&quot;:true},{&quot;id&quot;:51012562878764,&quot;requiresShipping&quot;:true},{&quot;id&quot;:51012562911532,&quot;requiresShipping&quot;:true},{&quot;id&quot;:51012562944300,&quot;requiresShipping&quot;:true},{&quot;id&quot;:51012562977068,&quot;requiresShipping&quot;:true},{&quot;id&quot;:51012563009836,&quot;requiresShipping&quot;:true}]" shop-id="56609898694" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton">&nbsp;</div> </div> </shopify-accelerated-checkout> </div>
9682      
9683        �
9684      
9685    </div>
9686    
9687  
9688</div>
9689
9690
9691
9692        </div><input type="hidden" name="product-id" value="9960000618796" /><input type="hidden" name="section-id" value="template--26542858141996__main" /></form></product-form-component></span><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-pickup-availability.css?v=105143727786547423251785495659" media="print" onload="this.media='all'">
9693  <noscript><link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-pickup-availability.css?v=105143727786547423251785495659" rel="stylesheet" type="text/css" media="all" /></noscript><pickup-availability
9694    class="product__pickup-availabilities block quick-add-hidden no-js-hidden"
9695    
9696    data-root-url="/"
9697    data-variant-id="51012562747692"
9698    data-has-only-default-variant="false"
9699    data-product-page-color-scheme="color-scheme-6"
9700  >
9701    <template>
9702      <pickup-availability-preview class="pickup-availability-preview">
9703        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-unavailable" viewBox="0 0 20 20"><path fill="#DE3618" stroke="#fff" d="M13.94 3.94 10 7.878l-3.94-3.94A1.499 1.499 0 1 0 3.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 1 0 2.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 0 0 2.12 0 1.5 1.5 0 0 0 0-2.12L12.122 10l3.94-3.94a1.499 1.499 0 1 0-2.121-2.12z"/></svg>
9704</span>
9705        <div class="pickup-availability-info">
9706          <p class="caption-large">Couldn&#39;t load pickup availability</p>
9707          <button class="pickup-availability-button link link--text underlined-link">
9708            Refresh
9709          </button>
9710        </div>
9711      </pickup-availability-preview>
9712    </template>
9713  </pickup-availability>
9714
9715  
9715<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/pickup-availability.js?v=53881618930582852881785495752" defer="defer"></script>
9715
9716
9717  </div>
9718</div>
9719
9720</div>
9721
9722
9723
9724        
9725      
9726    </div>
9726<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/media-gallery.js?v=107593498958993605951785495751" defer="defer"></script>
9726</product-info>
9727
9728  <div id="shopify-block-ASEdTTktTTmp2a01nV__sticky-atc" class="shopify-block">
9729<sticky-atc
9730  class="sticky-atc w-full fixed bottom-0 left-0 right-0 z-10 flex justify-between items-center shadow-style style-default color-scheme-6"
9731  style="
9732  --sticky-width: 80%;
9733  --sticky-pos-bottom: 0px;
9734  --shadow-horizontal-offset: 0px;
9735  --shadow-vertical-offset: 0px;
9736  --shadow-blur: 0px;
9737  --shadow-spread-radius: 0px;
9738  --shadow-color: rgba(0,0,0,0);
9739  
9740"
9741  form="product-form-template--26542858141996__main"
9742  data-sticky-section-id="template--26542858141996__main"
9743  
9744>
9745  <overlay-component class="overlay-component fixed inset-0 cursor-pointer md:hidden" aria-controls="StickyAddToCart" aria-expanded="true"></overlay-component><div div class="sticky-atc__variant">
9746      <div class="section section--page-width variant-alignment--right" style="
9747  
9748  
9749  
9750  
9751">
9752        <div class="large-up-hide medium-hide">
9753          <div class="sticky-atc__info">
9754            <div class="sticky-atc__title">
9755              <span class="block font-bold rte">JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker</span>
9756            </div>
9757            <div class="sticky-atc__price">�<div
9758  class="
9759    price price--large price--on-sale"
9760>
9761  <div class="price__container" style="--sale-price-color: #FF3300;"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
9762        <span class="price-item price-item--regular">
9763          RM899.00
9764        </span></div>
9765    <div class="price__sale">
9766      <span class="visually-hidden visually-hidden--inline">Sale price</span>
9767      <span class="price-item price-item--sale price-item--last">
9768        RM899.00
9769      </span>
9770        <span class="visually-hidden visually-hidden--inline">Regular price</span>
9771        <span>
9772          <s class="price-item price-item--regular">
9773            
9774              RM999.00
9775            
9776          </s>
9777        </span></div>
9778    <small class="unit-price caption hidden">
9779      <span class="visually-hidden">Unit price</span>
9780      <span class="price-item price-item--last">
9781        <span></span>
9782        <span aria-hidden="true">/</span>
9783        <span class="visually-hidden">&nbsp;per&nbsp;</span>
9784        <span>
9785        </span>
9786      </span>
9787    </small>
9788  </div></div></div>
9789          </div>
9790        </div>
9791        
9792  <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-product-variant-picker.css?v=182322597435239672701785495663" rel="stylesheet" type="text/css" media="all" />
9793  <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-swatch-input.css?v=135803454783854785821785495671" rel="stylesheet" type="text/css" media="all" />
9794  <link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-swatch.css?v=176834814887372457751785495671" rel="stylesheet" type="text/css" media="all" />
9795
9796  <variant-selects
9797    id="variant-selects-ASEdTTktTTmp2a01nV__sticky-atc"
9798    class="variant-selects spacing-style variant-selects--"
9799    style=""
9800    data-section="ASEdTTktTTmp2a01nV__sticky-atc"
9801    data-section-id="ASEdTTktTTmp2a01nV__sticky-atc"
9802    data-product-id="9960000618796"
9803    data-block-id="ASEdTTktTTmp2a01nV__sticky-atc"
9804    data-product-url="/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker"
9805    
9806      data-context="sticky"
9807    
9808    ref="mainVariantSelects"
9809    
9810      data-template-product-match="true"
9811    
9812    
9813    
9814  ><fieldset  class="js product-form__input variant-option variant-option--buttons product-form__input--swatch variant-option--swatches">
9815          <legend class="form__label">
9816            Colour:
9817            <span data-selected-value>Black</span>
9818          </legend>
9819          <color-swatch>
9820      <ul class="swatch-list list-unstyled flex flex-wrap" style="--gap: 1rem;">
9821        <li class="swatch-item cursor-pointer relative">
9822          <div class="swatch-wrapper">
9823            <input
9824              type="radio"
9825              id="ASEdTTktTTmp2a01nV__sticky-atc-1-0"
9826              name="Colour-9960000618796-1�"
9827              value="Black"
9828              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
9829              
9830                checked
9831              
9832              
9833              data-product-url=""
9834        data-option-value-id="4997204508972"
9835        �
9836            >
9837            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-0">
9838              <span
9839              
9840                class="swatch cursor-pointer block max-w-full color-swacth-color--black�"
9841                style="--swatch--background-color: black;--swatch--background: url(//jblonlinestore.com.my/cdn/shop/files/black.png?v=3070840511563104549);--swatch-input--size: 38px;"
9842                data-title="black"
9843                data-variant-id="51012562747692"
9844                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=800"
9845              
9846            >
9847              <span class="visually-hidden">Black</span></span>
9848              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9849                Black
9850              </span>
9851            </label>
9852          </div>
9853        </li><li class="swatch-item cursor-pointer relative">
9854          <div class="swatch-wrapper">
9855            <input
9856              type="radio"
9857              id="ASEdTTktTTmp2a01nV__sticky-atc-1-1"
9858              name="Colour-9960000618796-1�"
9859              value="Funky Black"
9860              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
9861              
9862              
9863              data-product-url=""
9864        data-option-value-id="4997204541740"
9865        �
9866            >
9867            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-1">
9868              <span
9869              
9870                class="swatch cursor-pointer block max-w-full color-swacth-color--funky-black�"
9871                style="--swatch--background-color: black;--swatch-input--size: 38px;"
9872                data-title="funky-black"
9873                data-variant-id="51012562780460"
9874                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=800"
9875              
9876            >
9877              <span class="visually-hidden">Funky Black</span></span>
9878              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9879                Funky Black
9880              </span>
9881            </label>
9882          </div>
9883        </li><li class="swatch-item cursor-pointer relative">
9884          <div class="swatch-wrapper">
9885            <input
9886              type="radio"
9887              id="ASEdTTktTTmp2a01nV__sticky-atc-1-2"
9888              name="Colour-9960000618796-1�"
9889              value="Blue"
9890              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
9891              
9892              
9893              data-product-url=""
9894        data-option-value-id="4997204574508"
9895        �
9896            >
9897            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-2">
9898              <span
9899              
9900                class="swatch cursor-pointer block max-w-full color-swacth-color--blue�"
9901                style="--swatch--background-color: blue;--swatch-input--size: 38px;"
9902                data-title="blue"
9903                data-variant-id="51012562813228"
9904                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=800"
9905              
9906            >
9907              <span class="visually-hidden">Blue</span></span>
9908              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9909                Blue
9910              </span>
9911            </label>
9912          </div>
9913        </li><li class="swatch-item cursor-pointer relative">
9914          <div class="swatch-wrapper">
9915            <input
9916              type="radio"
9917              id="ASEdTTktTTmp2a01nV__sticky-atc-1-3"
9918              name="Colour-9960000618796-1�"
9919              value="Pink"
9920              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
9921              
9922              
9923              data-product-url=""
9924        data-option-value-id="4997204607276"
9925        �
9926            >
9927            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-3">
9928              <span
9929              
9930                class="swatch cursor-pointer block max-w-full color-swacth-color--pink�"
9931                style="--swatch--background-color: pink;--swatch-input--size: 38px;"
9932                data-title="pink"
9933                data-variant-id="51012562845996"
9934                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=800"
9935              
9936            >
9937              <span class="visually-hidden">Pink</span></span>
9938              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9939                Pink
9940              </span>
9941            </label>
9942          </div>
9943        </li><li class="swatch-item cursor-pointer relative">
9944          <div class="swatch-wrapper">
9945            <input
9946              type="radio"
9947              id="ASEdTTktTTmp2a01nV__sticky-atc-1-4"
9948              name="Colour-9960000618796-1�"
9949              value="Purple"
9950              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
9951              
9952              
9953              data-product-url=""
9954        data-option-value-id="4997204640044"
9955        �
9956            >
9957            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-4">
9958              <span
9959              
9960                class="swatch cursor-pointer block max-w-full color-swacth-color--purple�"
9961                style="--swatch--background-color: purple;--swatch-input--size: 38px;"
9962                data-title="purple"
9963                data-variant-id="51012562878764"
9964                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=800"
9965              
9966            >
9967              <span class="visually-hidden">Purple</span></span>
9968              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9969                Purple
9970              </span>
9971            </label>
9972          </div>
9973        </li><li class="swatch-item cursor-pointer relative">
9974          <div class="swatch-wrapper">
9975            <input
9976              type="radio"
9977              id="ASEdTTktTTmp2a01nV__sticky-atc-1-5"
9978              name="Colour-9960000618796-1�"
9979              value="Red"
9980              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
9981              
9982              
9983              data-product-url=""
9984        data-option-value-id="4997204672812"
9985        �
9986            >
9987            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-5">
9988              <span
9989              
9990                class="swatch cursor-pointer block max-w-full color-swacth-color--red�"
9991                style="--swatch--background-color: red;--swatch-input--size: 38px;"
9992                data-title="red"
9993                data-variant-id="51012562911532"
9994                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=800"
9995              
9996            >
9997              <span class="visually-hidden">Red</span></span>
9998              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
9999                Red
10000              </span>
10001            </label>
10002          </div>
10003        </li><li class="swatch-item cursor-pointer relative">
10004          <div class="swatch-wrapper">
10005            <input
10006              type="radio"
10007              id="ASEdTTktTTmp2a01nV__sticky-atc-1-6"
10008              name="Colour-9960000618796-1�"
10009              value="Sand"
10010              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
10011              
10012              
10013              data-product-url=""
10014        data-option-value-id="4997204705580"
10015        �
10016            >
10017            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-6">
10018              <span
10019              
10020                class="swatch cursor-pointer block max-w-full color-swacth-color--sand�"
10021                style="--swatch--background-color: sand;--swatch-input--size: 38px;"
10022                data-title="sand"
10023                data-variant-id="51012562944300"
10024                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=800"
10025              
10026            >
10027              <span class="visually-hidden">Sand</span></span>
10028              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
10029                Sand
10030              </span>
10031            </label>
10032          </div>
10033        </li><li class="swatch-item cursor-pointer relative">
10034          <div class="swatch-wrapper">
10035            <input
10036              type="radio"
10037              id="ASEdTTktTTmp2a01nV__sticky-atc-1-7"
10038              name="Colour-9960000618796-1�"
10039              value="Squad"
10040              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
10041              
10042              
10043              data-product-url=""
10044        data-option-value-id="4997204738348"
10045        �
10046            >
10047            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-7">
10048              <span
10049              
10050                class="swatch cursor-pointer block max-w-full color-swacth-color--squad�"
10051                style="--swatch--background-color: squad;--swatch--background: url(//jblonlinestore.com.my/cdn/shop/files/squad.png?v=5827287144247391130);--swatch-input--size: 38px;"
10052                data-title="squad"
10053                data-variant-id="51012562977068"
10054                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=800"
10055              
10056            >
10057              <span class="visually-hidden">Squad</span></span>
10058              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
10059                Squad
10060              </span>
10061            </label>
10062          </div>
10063        </li><li class="swatch-item cursor-pointer relative">
10064          <div class="swatch-wrapper">
10065            <input
10066              type="radio"
10067              id="ASEdTTktTTmp2a01nV__sticky-atc-1-8"
10068              name="Colour-9960000618796-1�"
10069              value="White"
10070              form="product-form-ASEdTTktTTmp2a01nV__sticky-atc"
10071              
10072              
10073                class="disabled"
10074              
10075              data-product-url=""
10076        data-option-value-id="4997204771116"
10077        �
10078            >
10079            <label for="ASEdTTktTTmp2a01nV__sticky-atc-1-8">
10080              <span
10081              
10082                class="swatch cursor-pointer block max-w-full color-swacth-color--white�"
10083                style="--swatch--background-color: white;--swatch-input--size: 38px;"
10084                data-title="white"
10085                data-variant-id="51012563009836"
10086                data-variant-img="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=800"
10087              
10088            >
10089              <span class="visually-hidden">White</span><span class="visually-hidden label-unavailable">Variant sold out or unavailable</span>�</span>
10090              <span class="tooltip center absolute bottom-full left-50 z-1 whitespace-nowrap capitalize text-sm">
10091                White - Unavailable
10092              </span>
10093            </label>
10094          </div>
10095        </li>
10096      </ul>
10097    </color-swatch>�
10098        </fieldset>
10098<script type="application/json" data-selected-variant>
10099      {"id":51012562747692,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"JBLCHARGE6BLK","requires_shipping":true,"taxable":false,"featured_image":{"id":50081815626028,"product_id":9960000618796,"position":10,"created_at":"2025-04-28T16:13:04+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263","variant_ids":[51012562747692]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Black","public_title":"Black","options":["Black"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407533","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483533091116,"position":10,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
10100    </script>
10100</variant-selects>
10101
10102
10103<script>
10104  
10105  window.product_inventory_policy_array_9960000618796 = {
10106    '51012562747692': 'deny',
10107  };
10108</script>
10108
10109
10110      </div>
10111    </div><div class="section section--page-width">
10112    <div class="sticky-atc__wrapper flex justify-between items-center w-full" style="
10113  
10114  
10115  
10116  
10117">
10118      <div class="sticky-atc__content w-full flex items-center small-hide" style="--gap: 24px;">
10119        <div class="sticky-atc__media"><img src="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=64" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&amp;width=64 64w" height="64" loading="lazy" sizes="64px" class="w-full h-auto object-cover"></div>
10120        <div class="sticky-atc__info">
10121          <div class="sticky-atc__title">
10122            <span class="block font-bold rte">JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker</span>
10123          </div>
10124          <div class="sticky-atc__price">
10125            <product-price><div 
10126  class="
10127    price-product-container
10128    price price--on-sale"
10129>
10130  
10131
10132  
10133    <span role="group">
10134      <span class="visually-hidden">Sale price&nbsp;</span>
10135      <span class="price price-item price-item--sale price-item--last">RM899.00</span>
10136    </span>
10137  
10138
10139  
10140    <span role="group">
10141      <span class="visually-hidden">Regular price&nbsp;</span>
10142      <span class="compare-at-price price-item price-item--regular">RM999.00</span>
10143    </span>
10144  �<span class="jbl-save-pill">Save RM100</span></div>
10145</product-price>
10146          </div>
10147        </div>
10148      </div>
10149      
10150        <div class="sticky-atc__action flex justify-center flex-column"><div class="product-form__error-message-wrapper" role="alert" hidden>
10151            <span class="svg-wrapper"><svg class="icon icon-error" viewBox="0 0 13 13"><circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="2"/><circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/><path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/><path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/></svg>
10152</span>
10153            <span class="product-form__error-message"></span>
10154          </div>
10155          <div class="md:flex max-sm:w-full items-center" style="--gap: 24px;">
10156            <div id="StickyCart-Quantity-Form-template--26542858141996__main" class="sticky-cart__quantity product-form__quantity small-hide"><quantity-input class="quantity" data-url="/products/jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker" data-section="template--26542858141996__main">
10157                <button class="quantity__button no-js-hidden pos-relative" name="minus" type="button">
10158                  <span class="visually-hidden">Decrease quantity for JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker</span>
10159                  <span class="svg-wrapper icon-minus"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg>
10160</span>
10161                </button>
10162                <input class="quantity__input" type="number" name="quantity" id="Quantity-Sticky-template--26542858141996__main" data-cart-quantity="0"
10163                  data-inventory-managed="true"
10164                  
10165                    data-inventory-quantity="203"
10166                  
10167                  data-inventory-policy="deny"
10168                  data-min="1" min="1"
10169                  
10170                  step="1" value="1" form="product-form-template--26542858141996__main"/>
10171                <button class="quantity__button no-js-hidden pos-relative" name="plus" type="button">
10172                  <span class="visually-hidden">Increase quantity for JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker</span>
10173                  <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10174  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
10175  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
10176</svg>
10177</span>
10178                </button>
10179              </quantity-input>
10180            </div><div class="sticky-cart__button w-full" id="product-form-sticky-template--26542858141996__main"><input type="hidden" name="id" value="51012562747692" disabled class="product-variant-id">
10181              <button
10182                id="StickyCart-ProductSubmitButton-template--26542858141996__main" type="submit" name="add"
10183                class="product-form__submit button button--full-width"
10184                form="product-form-template--26542858141996__main"
10185                
10186                data-inventory-quantity="203"
10187                data-inventory-policy="deny"
10188              >
10189
10190<div class="loading__spinner hidden">
10191  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
10192
10193</div>
10194
10195                    
10196                      <span class="add-to-cart-text whitespace-nowrap">
10197                        Add to cart
10198                      </span>
10199                    
10200                  �</button>
10201              
10202                <button
10203                  id="StickyCart-ProductSubmitButton-ToggleVariants-template--26542858141996__main" type="button"
10204                  class="button button--full-width button-toggle-variants"
10205                >
10206                  <span class="add-to-cart-text--choose-options whitespace-nowrap">
10207                    Choose options
10208                  </span>
10209                </button>
10210              
10211            </div>
10212          </div>
10213        </div>
10214      
10215    </div>
10216  </div>
10217</sticky-atc>
10218
10219</div>
10220
10221</div>
10222
10223
10224</div><div id="shopify-section-template--26542858141996__section_product_tabs_U8mYg9" class="shopify-section"><link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/product-tabs.css?v=67852767776658129501785495757" rel="stylesheet" type="text/css" media="all" />�<div class="section section-product-tabs section--page-width color-scheme-6" 
10225  style="
10226    
10227    --alignment: start;
10228    --alignment-mb: center;
10229  "
10230><div class="tabs-content style-accordion" style="
10231  --gap-x: 33px;
10232  --accordion-gap: 0px;
10233  --accordion-bg: rgba(0,0,0,0);
10234  --accordion-pl: 0px;
10235  --accordion-pr: 15px;
10236  --accordion-pt: 15px;
10237  --accordion-pb: 15px;
10238  --accordion-border-color: #d3d3d3;
10239">�<div class="tab-content" >
10240                
10241                  
10242
10243  <div class="toggle-title" data-view-content="default">
10244    <button class="toggle-link cursor-pointer">
10245      <span class="text">The JBL Experience</span>
10246      <span class="svg-wrapper icon-caret-wrapper">�<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
10247�</span>
10248    </button>
10249  </div>
10250                
10251                <div class="toggle-content">
10252                  <h3><strong>Charge up your adventures</strong></h3>
10253<p>The JBL Charge 6 is back and better than ever, redefining your music and outdoor listening experience. This audio beast delivers incredibly powerful, immersive sound thanks to redesigned hardware and JBL AI Sound Boost.</p>
10254<p>It's incredibly tough, waterproof, dustproof, and drop-proof, ready for any adventure. Plus, this new portable Bluetooth speaker features a built-in power bank and offers up to 28 hours of playtime, ensuring your music and devices stay charged for endless fun.</p>
10255                </div>
10256              </div>�
10257              
10258              
10259            �
10260              
10261              
10262            </div></div>
10263
10264</div><section id="shopify-section-template--26542858141996__jbl_product_story" class="shopify-section jbl-story-section"><div class="jbl-story section section--page-width" id="JblStory-template--26542858141996__jbl_product_story"><div class="jbl-strip force-full-width">
10265      <div class="jbl-wrap jbl-strip__in"><div class="jbl-strip__item">
10266            <span class="jbl-strip__n">24h</span>
10267            <span class="jbl-strip__t">
10268              <b>Playtime</b><span>+4h with Playtime Boost</span></span>
10269          </div><div class="jbl-strip__item">
10270            <span class="jbl-strip__n">IP68</span>
10271            <span class="jbl-strip__t">
10272              <b>Waterproof & drop-proof</b><span>1m drop, 1.5m submersion</span></span>
10273          </div><div class="jbl-strip__item">
10274            <span class="jbl-strip__n">30W</span>
10275            <span class="jbl-strip__t">
10276              <b>Output power</b><span>45 W max, AI Sound Boost</span></span>
10277          </div><div class="jbl-strip__item">
10278            <span class="jbl-strip__n">960g</span>
10279            <span class="jbl-strip__t">
10280              <b>Weight</b><span>22.3 × 9.7 × 9.7 cm</span></span>
10281          </div></div>
10282    </div><section class="jbl-sec"><div class="jbl-sec__head">
10283          <div class="jbl-eyebrow">Why this one</div>
10284          <h2 class="jbl-h2">Built to be heard</h2>
10285        </div><div class="jbl-feat"><div class="jbl-feat__img">
10286              <img src="https://cdn.shopify.com/s/files/1/0566/0989/8694/files/JBL_Charge_6_Lifestyle_01_904x560px.jpg?v=1745833108" alt="Bigger, richer sound than ever" loading="lazy" width="904" height="560">
10287            </div><div class="jbl-feat__txt"><div class="jbl-eyebrow">AI Sound Boost</div><h3>Bigger, richer sound than ever</h3>
10288            <p>Reworked hardware brings surprisingly rich bass and crisp highs to the Charge 6's already-loved sound signature. AI Sound Boost analyses your music in real time to squeeze out maximum acoustic performance with less distortion, so everything from booming bass to clean vocals comes through clearer.</p>
10289          </div>
10290        </div><div class="jbl-feat"><div class="jbl-feat__img">
10291              <img src="https://cdn.shopify.com/s/files/1/0566/0989/8694/files/LS_JBL_CHARGE6_LIFESTYLE_VOLLEYBALL_258A2824_x1_fe2bcdb1-3cc4-4f8b-9afe-41a7ef08bbc9.jpg?v=1745833233" alt="Up to 28 hours of playtime" loading="lazy" width="904" height="560">
10292            </div><div class="jbl-feat__txt"><div class="jbl-eyebrow">Battery</div><h3>Up to 28 hours of playtime</h3>
10293            <p>Keep the music going for up to 24 hours on a single charge, then tap Playtime Boost for up to 4 more hours when the party needs to run a little longer. A quick 10-minute top-up on the charger adds up to 150 minutes of playtime, so a low battery never has to mean an early night.</p>
10294          </div>
10295        </div><div class="jbl-feat"><div class="jbl-feat__img">
10296              <img src="https://cdn.shopify.com/s/files/1/0566/0989/8694/files/LS_JBL_CHARGE6_LIFESTYLE_DANCING_27_x1_f7a4aadc-b09a-4472-865c-fe7c3ae80b4e.jpg?v=1745833356" alt="Share the sound with more speakers" loading="lazy" width="904" height="560">
10297            </div><div class="jbl-feat__txt"><div class="jbl-eyebrow">Auracast</div><h3>Share the sound with more speakers</h3>
10298            <p>
10298Bump-free Auracast pairing lets you stereo-link two Charge 6 speakers for a wider soundstage, or connect multiple Auracast-enabled JBL speakers so everyone within earshot hears the same playlist, whether that's a backyard barbecue, a beach volleyball match, or a house party that keeps growing.</p>
10299          </div>
10300        </div></section><section class="jbl-sec jbl-sec--tight">
10301      <div class="jbl-usp"><div class="jbl-usp__i">
10302            <span class="jbl-usp__ico"><svg viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3s6 6.6 6 10.5a6 6 0 01-12 0C6 9.6 12 3 12 3z"/></svg></span>
10303            <div class="jbl-usp__t">
10304              <h4>IP68 waterproof, dustproof and drop-proof</h4>
10305              <p>Submersible to 1.5 metres for up to 30 minutes and built to survive a 1-metre drop onto concrete, so it keeps up wherever the party goes.</p>
10306            </div>
10307          </div><div class="jbl-usp__i">
10308            <span class="jbl-usp__ico"><svg viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M7 19H4.5a2 2 0 01-1.7-3l2.2-3.7"/><path d="M17 19h2.5a2 2 0 001.7-3l-2.9-4.9"/><path d="M9.5 5.5l1.7-2.9a2 2 0 013.4 0L16 5"/><path d="M9 19l2 2 2-2"/><path d="M4.6 12.3l-.8-2.7 2.8-.7"/><path d="M18.5 8.9l2.8.7-.8 2.7"/></svg></span>
10309            <div class="jbl-usp__t">
10310              <h4>Recycled plastic and fabric</h4>
10311              <p>85% post-consumer recycled plastic and 100% recycled grille fabric, packaged in FSC-certified paper printed with soy ink.</p>
10312            </div>
10313          </div><div class="jbl-usp__i">
10314            <span class="jbl-usp__ico"><svg viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="7" y="2.5" width="10" height="19" rx="2.4"/><path d="M11 18.5h2"/></svg></span>
10315            <div class="jbl-usp__t">
10316              <h4>JBL Portable app control</h4>
10317              <p>Fine-tune your EQ, get firmware updates, and customise the sound to match your mood, all from the JBL Portable app.</p>
10318            </div>
10319          </div><div class="jbl-usp__i">
10320            <span class="jbl-usp__ico"><svg viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9.5v5h3.5L12 19V5L7.5 9.5H4z"/><path d="M16 9a4 4 0 010 6"/><path d="M18.8 6.5a8 8 0 010 11"/></svg></span>
10321            <div class="jbl-usp__t">
10322              <h4>Lossless audio playback</h4>
10323              <p>Plug in over USB-C for lossless audio from a compatible source, for listeners who want their music exactly as it was recorded.</p>
10324            </div>
10325          </div></div>
10326    </section><section class="jbl-sec jbl-sec--tight">
10327      <div class="jbl-sec__head">
10328        <div class="jbl-eyebrow">The detail</div>
10329        <h2 class="jbl-h2">Specs & downloads</h2>
10330      </div><details class="jbl-acc" open>
10331          <summary>Full specifications</summary>
10332          <div class="jbl-acc__body"><h4 class="jbl-spec__group">Audio</h4><div class="jbl-spec__row">
10333                  <span class="k">Output power</span>
10334                  <span class="v">30 W RMS (45 W max)</span>
10335                </div><div class="jbl-spec__row">
10336                  <span class="k">Transducers</span>
10337                  <span class="v">53 × 93 mm woofer, 20 mm tweeter</span>
10338                </div><div class="jbl-spec__row">
10339                  <span class="k">Frequency response</span>
10340                  <span class="v">56 Hz – 20 kHz (-6 dB)</span>
10341                </div><div class="jbl-spec__row">
10342                  <span class="k">Signal-to-noise ratio</span>
10343                  <span class="v">> 80 dB</span>
10344                </div><h4 class="jbl-spec__group">Connectivity</h4><div class="jbl-spec__row">
10345                  <span class="k">Bluetooth version</span>
10346                  <span class="v">5.4</span>
10347                </div><div class="jbl-spec__row">
10348                  <span class="k">Bluetooth profile</span>
10349                  <span class="v">A2DP 1.4, AVRCP 1.6</span>
10350                </div><div class="jbl-spec__row">
10351                  <span class="k">Connection port</span>
10352                  <span class="v">USB-C (in/out, cable not included)</span>
10353                </div><div class="jbl-spec__row">
10354                  <span class="k">Auracast</span>
10355                  <span class="v">Yes</span>
10356                </div><h4 class="jbl-spec__group">Battery</h4><div class="jbl-spec__row">
10357                  <span class="k">Battery type</span>
10358                  <span class="v">Li-ion polymer 34 Wh (7.2 V, 4722 mAh)</span>
10359                </div><div class="jbl-spec__row">
10360                  <span class="k">Charging time</span>
10361                  <span class="v">3 hours</span>
10362                </div><div class="jbl-spec__row">
10363                  <span class="k">Music playtime</span>
10364                  <span class="v">Up to 24 hours (+4 with Playtime Boost)</span>
10365                </div><div class="jbl-spec__row">
10366                  <span class="k">Fast charge</span>
10367                  <span class="v">10 min for up to 150 min playtime</span>
10368                </div><h4 class="jbl-spec__group">Physical</h4><div class="jbl-spec__row">
10369                  <span class="k">Dimensions (W×H×D)</span>
10370                  <span class="v">22.9 × 9.9 × 9.4 cm</span>
10371                </div><div class="jbl-spec__row">
10372                  <span class="k">Weight</span>
10373                  <span class="v">0.96 kg (0.99 kg with strap)</span>
10374                </div><div class="jbl-spec__row">
10375                  <span class="k">IP rating</span>
10376                  <span class="v">IP68</span>
10377                </div><div class="jbl-spec__row">
10378                  <span class="k">Maximum operating temperature</span>
10379                  <span class="v">45 °C</span>
10380                </div></div>
10381        </details><details class="jbl-acc">
10382          <summary>What's in the box</summary>
10383          <div class="jbl-acc__body">
10384            <ul class="jbl-box"><li>1 × JBL Charge 6 Speaker</li><li>1 × Removable Handle Strap</li><li>1 × Quick Start Guide</li><li>1 × Warranty Card and Safety Sheet</li></ul>
10385          </div>
10386        </details><details class="jbl-acc">
10387          <summary>Documents &amp; downloads</summary>
10388          <div class="jbl-acc__body">
10389            <ul class="jbl-docs"><li>
10390                    <a class="jbl-doc" href="https://www.jbl.com.my/on/demandware.static/-/Sites-masterCatalog_Harman/default/dw9283388a/pdfs/PA_JBL_Charge%206_QSG_Global_SOP_V10_online.pdf" target="_blank" rel="noopener nofollow">
10391                      <span class="jbl-doc__icon" aria-hidden="true">
10392                        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8">
10393                          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
10394                          <path d="M14 2v6h6"/>
10395                        </svg>
10396                      </span>
10397                      <span class="jbl-doc__text">
10398                        <span class="jbl-doc__label">Quick Start Guide (Multilingual)</span>
10399                        <span class="jbl-doc__meta">PDF · 3 MB</span>
10400                      </span>
10401                    </a>
10402                  </li><li>
10403                    <a class="jbl-doc" href="https://www.jbl.com.my/on/demandware.static/-/Sites-masterCatalog_Harman/default/dw7a0871fb/pdfs/JBL_Charge_6_Specsheet_EN.pdf" target="_blank" rel="noopener nofollow">
10404                      <span class="jbl-doc__icon" aria-hidden="true">
10405                        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8">
10406                          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
10407                          <path d="M14 2v6h6"/>
10408                        </svg>
10409                      </span>
10410                      <span class="jbl-doc__text">
10411                        <span class="jbl-doc__label">Spec Sheet (English)</span>
10412                        <span class="jbl-doc__meta">PDF · 393 KB</span>
10413                      </span>
10414                    </a>
10415                  </li></ul>
10416          </div>
10417        </details><details class="jbl-acc">
10418          <summary>Warranty &amp; service</summary>
10419          <div class="jbl-acc__body">
10420            <p class="jbl-p">Every JBL product bought here carries a 1-year Malaysia warranty honoured at authorised service centres nationwide. Register your serial number within 30 days of purchase to activate cover.</p>
10421          </div>
10422        </details></section><section class="jbl-sec jbl-sec--tight">
10423      <div class="jbl-sec__head">
10424        <div class="jbl-eyebrow">Before you buy</div>
10425        <h2 class="jbl-h2">Common questions</h2>
10426      </div>
10427      <div class="jbl-faq"><details class="jbl-acc">
10428            <summary>What's new in the Charge 6 compared to previous models?</summary>
10429            <div class="jbl-acc__body"><p class="jbl-p">Reworked hardware and AI Sound Boost deliver richer bass and clearer highs, alongside Auracast multi-speaker connection, a faster 3-hour charge, and an upgraded IP68 waterproof and drop-proof build.</p></div>
10430          </details><details class="jbl-acc">
10431            <summary>How long does the battery last?</summary>
10432            <div class="jbl-acc__body"><p class="jbl-p">Up to 24 hours on a single charge, or up to 28 hours with Playtime Boost switched on. A 10-minute fast charge adds up to 150 minutes of extra playtime.</p></div>
10433          </details><details class="jbl-acc">
10434            <summary>Can I use it to charge my phone?</summary>
10435            <div class="jbl-acc__body"><p class="jbl-p">Yes. The built-in power bank charges mobile devices over USB-C while the speaker keeps playing, though it doesn't support laptop charging.</p></div>
10436          </details><details class="jbl-acc">
10437            <summary>Is it actually drop-proof?</summary>
10438            <div class="jbl-acc__body"><p class="jbl-p">Yes. On top of an IP68 waterproof and dustproof rating, it's built to survive a 1-metre drop onto concrete, tested under lab conditions.</p></div>
10439          </details><details class="jbl-acc">
10440            <summary>Can I connect multiple Charge 6 speakers together?</summary>
10441            <div class="jbl-acc__body"><p class="jbl-p">Yes. Auracast lets you stereo-pair two Charge 6 speakers for a wider soundstage, or link multiple Auracast-enabled JBL speakers to cover more ground with the same playlist.</p></div>
10442          </details></div>
10443    </section>
10443<script type="application/ld+json">
10444      {
10445        "@context": "https://schema.org",
10446        "@type": "FAQPage",
10447        "mainEntity": [{
10448            "@type": "Question",
10449            "name": "What's new in the Charge 6 compared to previous models?",
10450            "acceptedAnswer": { "@type": "Answer", "text": "Reworked hardware and AI Sound Boost deliver richer bass and clearer highs, alongside Auracast multi-speaker connection, a faster 3-hour charge, and an upgraded IP68 waterproof and drop-proof build." }
10451          },
10452{
10453            "@type": "Question",
10454            "name": "How long does the battery last?",
10455            "acceptedAnswer": { "@type": "Answer", "text": "Up to 24 hours on a single charge, or up to 28 hours with Playtime Boost switched on. A 10-minute fast charge adds up to 150 minutes of extra playtime." }
10456          },
10457{
10458            "@type": "Question",
10459            "name": "Can I use it to charge my phone?",
10460            "acceptedAnswer": { "@type": "Answer", "text": "Yes. The built-in power bank charges mobile devices over USB-C while the speaker keeps playing, though it doesn't support laptop charging." }
10461          },
10462{
10463            "@type": "Question",
10464            "name": "Is it actually drop-proof?",
10465            "acceptedAnswer": { "@type": "Answer", "text": "Yes. On top of an IP68 waterproof and dustproof rating, it's built to survive a 1-metre drop onto concrete, tested under lab conditions." }
10466          },
10467{
10468            "@type": "Question",
10469            "name": "Can I connect multiple Charge 6 speakers together?",
10470            "acceptedAnswer": { "@type": "Answer", "text": "Yes. Auracast lets you stereo-pair two Charge 6 speakers for a wider soundstage, or link multiple Auracast-enabled JBL speakers to cover more ground with the same playlist." }
10471          }
10472]
10473      }
10474    </script>
10474<section class="jbl-sec jbl-sec--tight">
10475      <div class="jbl-trust">
10476        <div class="jbl-trust__i">
10477          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>
10478          <div><b>100% Genuine</b><span>Official JBL Malaysia stock</span></div>
10479        </div>
10480        <div class="jbl-trust__i">
10481          <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
10482          <div><b>1-Year Warranty</b><span>Service centres nationwide</span></div>
10483        </div>
10484        <div class="jbl-trust__i">
10485          <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="1" y="6" width="15" height="12" rx="2"/><path d="M16 10h4l3 3v5h-7z"/></svg>
10486          <div><b>Fast Local Delivery</b><span>1–3 days West MY · RM5 off above RM299</span></div>
10487        </div>
10488        <div class="jbl-trust__i">
10489          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 12a9 9 0 109-9"/><path d="M3 3v6h6"/></svg>
10490          <div><b>15-Day Returns</b><span>Unopened, original packaging</span></div>
10491        </div>
10492      </div>
10493    </section></div>
10494
10495
10496</section><section id="shopify-section-template--26542858141996__jbl_soundbar_comparison" class="shopify-section"><style>
10497  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison{
10498    --cmp-orange:#ff3300;
10499    --cmp-line:#e5e5e5;
10500    --cmp-hl:#fff4f0;
10501    padding:48px 0 8px;
10502  }
10503  /* Width matches .jbl-sec (JBL Product Story): the theme's --page-width
10504     cap with 4rem gutters. Measured 1738px at a 1818px viewport, identical
10505     to the trust strip above. */
10506  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__head{max-width:var(--page-width,185rem);margin:0 auto 20px;padding:0 4rem}
10507  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__title{font-size:2.6rem;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}
10508  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__sub{font-size:1.5rem;color:#6b6b6b;margin:0}
10509  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__hint{display:none;font-size:1.3rem;color:#6b6b6b;margin:10px 0 0}
10510  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__wrap{max-width:var(--page-width,185rem);margin:0 auto;padding:0 4rem}
10511  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__box{border:1px solid var(--cmp-line);border-radius:14px;overflow:hidden}
10512  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
10513  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px;font-size:1.4rem}
10514  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison th,
10515  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison td{padding:14px 16px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--cmp-line)}
10516  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison thead th{background:var(--cmp-orange);color:#fff;font-size:1.5rem;font-weight:800;padding:18px 16px;border-bottom:0}
10517  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison thead th a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}
10518  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison thead th a:hover{border-bottom-color:#fff}
10519  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison tbody th{text-align:left;font-weight:700;background:#fafafa;width:220px;
10519min-width:200px;position:sticky;left:0;z-index:2}
10520  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison thead th:first-child{position:sticky;left:0;z-index:3;width:220px;min-width:200px}
10521  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison tbody tr:last-child td,
10522  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison tbody tr:last-child th{border-bottom:0}
10523  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__sublabel{display:block;font-weight:400;font-size:1.2rem;color:#6b6b6b;margin-top:2px}
10524  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__shared{background:#fafafa;color:#333}
10525  /* Accessory links inside cells need to look clickable - underlined and in
10526     the JBL orange, since a bare word in a spec table reads as plain text. */
10527  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison tbody td a{color:var(--cmp-orange);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:600}
10528  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison tbody td a:
10528hover{text-decoration-thickness:2px}
10529  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison thead th.is-current{background:#d92b00}
10530  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison td.is-current{background:var(--cmp-hl);font-weight:600;
10531    box-shadow:inset 2px 0 0 var(--cmp-orange),inset -2px 0 0 var(--cmp-orange)}
10532  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison tbody tr:last-child td.is-current{
10533    box-shadow:inset 2px 0 0 var(--cmp-orange),inset -2px 0 0 var(--cmp-orange),inset 0 -2px 0 var(--cmp-orange)}
10534  #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__here{display:block;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.9;margin-top:4px}
10535  @media screen and (max-width:900px){
10536    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison{padding-top:32px}
10537    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__hint{display:block}
10538    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__title{font-size:2.2rem}
10539    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__head,
10540    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison .jbl-cmp__wrap{padding-left:2rem;padding-right:2rem}
10541    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison tbody th,
10542    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison thead th:first-child{width:150px;min-width:140px}
10543    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison th,
10544    #jbl-cmp-template--26542858141996__jbl_soundbar_comparison td{padding:12px 12px;font-size:1.3rem}
10545  }
10546</style>
10547
10548<section id="jbl-cmp-template--26542858141996__jbl_soundbar_comparison" class="jbl-soundbar-comparison">
10549  <div class="jbl-cmp__head">
10550    <h2 class="jbl-cmp__title">Which JBL portable speaker is right for you?</h2>
10551    <p class="jbl-cmp__sub">From pocket-sized to party-sized, compared side by side.</p>
10552    <p class="jbl-cmp__hint">Scroll sideways to see all models</p>
10553  </div>
10554
10555  <div class="jbl-cmp__wrap">
10556    <div class="jbl-cmp__box">
10557      <div class="jbl-cmp__scroll" data-cmp-scroll>
10558        <table>
10559          <thead>
10560            <tr>
10561              <th scope="col">Model</th><th scope="col"
10562                  ><a href="/products/jbl-boombox-4-most-powerful-jbl-portable-waterproof-speaker-with-massive-jbl-pro-sound">BOOMBOX 4</a></th><th scope="col"
10563                  ><a href="/products/jbl-xtreme-5-portable-waterproof-speaker">XTREME 5</a></th><th scope="col"
10564                  class="is-current" data-cmp-current>CHARGE 6<span class="jbl-cmp__here">You're viewing</span></th><th scope="col"
10565                  ><a href="/products/jbl-charge-5-wi-fi-portable-wi-fi-and-bluetooth-speaker">CHARGE 5 WI-FI</a></th><th scope="col"
10566                  ><a href="/products/jbl-flip-7-portable-waterproof-and-drop-proof-speaker-with-bold-jbl-pro-sound">FLIP 7</a></th><th scope="col"
10567                  ><a href="/products/jbl-grip-compact-bluetooth-speaker-with-bold-jbl-pro-sound-and-ambient-light">GRIP</a></th><th scope="col"
10568                  ><a href="/products/jbl-clip-5-ultra-portable-waterproof-speaker">CLIP 5</a></th><th scope="col"
10569                  ><a href="/products/jbl-go-5-a-compact-waterproof-and-drop-proof-speaker">GO 5</a></th></tr>
10570          </thead>
10571          <tbody><tr>
10572                  <th scope="row">
10573                    Wi-Fi streaming
10574<span class="jbl-cmp__sublabel">AirPlay, Chromecast built-in, Spotify Connect and Alexa Multi-Room</span></th><td>No</td><td>No</td><td class="is-current">No</td><td>Yes</td><td>No</td><td>No</td><td>No</td><td>No</td></tr><tr>
10575                  <th scope="row">
10576                    
10577Output power
10578<span class="jbl-cmp__sublabel">RMS, mains mode where applicable</span></th><td>210 W</td><td>130 W</td><td class="is-current">45 W</td><td>40 W</td><td>35 W</td><td>16 W</td><td>7 W</td><td>4.8 W</td></tr><tr>
10579                  <th scope="row">
10580                    
10581Bass depth
10582<span class="jbl-cmp__sublabel">frequency response</span></th><td>37 Hz – 20 kHz</td><td>40 Hz – 20 kHz</td><td class="is-current">56 Hz – 20 kHz</td><td>60 Hz – 20 kHz</td><td>60 Hz – 20 kHz</td><td>70 Hz – 20 kHz</td><td>95 Hz – 20 kHz</td><td>
10582100 Hz – 19 kHz</td></tr><tr>
10583                  <th scope="row">
10584                    
10585Playtime
10586<span class="jbl-cmp__sublabel">in brackets: with Playtime Boost</span></th><td>28 h (34 h)</td><td>24 h (28 h)</td><td class="is-current">24 h (28 h)</td><td>20 h</td><td>14 h (16 h)</td><td>12 h (14 h)</td><td>12 h (15 h)</td><td>8 h (10 h)</td></tr><tr>
10587                  <th scope="row">
10588                    
10589Charge time
10590</th><td>3 h</td><td>3.5 h</td><td class="is-current">3 h</td><td>6 h</td><td>2.5 h</td><td>3 h</td><td>3 h</td><td>3 h</td></tr><tr>
10591                  <th scope="row">
10592                    
10593Durability
10594</th><td>IP68</td><td>IP68 + drop-proof</td><td class="is-current">IP68 + drop-proof</td><td>IP67</td><td>IP68 + drop-proof</td><td>IP68 + drop-proof</td><td>IP67</td><td>IP68 + drop-proof</td></tr><tr>
10595                  <th scope="row">
10596                    
10597Charges your phone
10598<span class="jbl-cmp__sublabel">built-in powerbank</span></th><td>Yes</td><td>Yes</td><td class="is-current">Yes</td><td>Yes</td><td>No</td><td>No</td><td>No</td><td>No</td></tr><tr>
10599                  <th scope="row">
10600                    
10601Size
10602<span class="jbl-cmp__sublabel">W × H × D</span></th><td>506 × 263 × 213 mm</td><td>346 × 165 × 155 mm</td><td class="is-current">229 × 99 × 94 mm</td><td>223 × 97 × 94 mm</td><td>183 × 70 × 72 mm</td><td>64 × 153 × 65 mm</td><td>86 × 135 × 46 mm</td><td>101 × 77 × 43 mm</td></tr><tr>
10603                  <th scope="row">
10604                    
10605Weight
10606</th><td>5.89 kg</td><td>2.9 kg</td><td class="is-current">0.99 kg</td><td>1.0 kg</td><td>0.56 kg</td><td>
106060.385 kg</td><td>0.285 kg</td><td>0.23 kg</td></tr><tr>
10607                  <th scope="row">
10608                    
10609Ambient lighting
10610</th><td>Bass Boost indicator</td><td>Yes</td><td class="is-current">No</td><td>No</td><td>No</td><td>Yes</td><td>No</td><td>Yes</td></tr><tr>
10611                  <th scope="row">
10612                    
10613Lossless USB-C audio
10614</th><td>Yes</td><td>Yes</td><td class="is-current">Yes</td><td>No</td><td>Yes</td><td>No</td><td>No</td><td>Yes</td></tr><tr>
10615                  <th scope="row">Multi-speaker sound</th>
10616                  <td class="jbl-cmp__shared" colspan="8">Auracast™ — pair two for stereo, or link multiple JBL Auracast speakers</td>
10617                </tr><tr>
10618                  <th scope="row">
10619App</th>
10620                  <td class="jbl-cmp__shared" colspan="8">JBL Portable app — EQ, updates and support</td>
10621                </tr><tr>
10622                  <th scope="row">
10623Materials</th>
10624                  <td class="jbl-cmp__shared" colspan="8">Post-consumer recycled plastic and fabric, FSC-certified packaging</td>
10625                </tr></tbody>
10626        </table>
10627      </div>
10628    </div>
10629  </div>
10630</section>
10631
10632<script>
10633  (function(){
10634    var root = document.getElementById('jbl-cmp-template--26542858141996__jbl_soundbar_comparison');
10635    if(!root) return;
10636    var scroller = root.querySelector('[data-cmp-scroll]');
10637    var current  = root.querySelector('[data-cmp-current]');
10638    if(!scroller || !current) return;
10639    // On narrow screens the current model can sit off-screen. Bring its column
10640    // into view on load so the customer starts on their own product.
10641    function centre(){
10642      if(window.innerWidth > 900) return;
10643      var labelW = 150;
10644      var target = current.offsetLeft - labelW - 8;
10645      if(target > 0) scroller.scrollLeft = target;
10646    }
10647    if('requestAnimationFrame' in window){ requestAnimationFrame(centre); } else { centre(); }
10648  })();
10649</script>
10649
10650</section><div id="shopify-section-template--26542858141996__blocks_xVVraz" class="shopify-section">
10651
10652
10653<style data-shopify>
10654  .faq-accordion-section-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10655    display: block;
10656    background-color: #ffffff;
10657    padding: 60px 20px 60px;
10658    width: 100%;
10659  }
10660
10661  .faq-accordion-container-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10662    max-width: 900px;
10663    margin: 0 auto;
10664  }
10665
10666  .faq-accordion-header-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10667    text-align: center;
10668    margin-bottom: 40px;
10669  }
10670
10671  .faq-accordion-heading-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10672    font-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
10673    font-weight: 900;
10674    font-size: 48px;
10675    text-transform: uppercase;
10676    color: #000000;
10677    margin: 0 0 20px 0;
10678    line-height: 1.2;
10679    letter-spacing: 0.02em;
10680  }
10681
10682  .faq-accordion-subheading-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10683    font-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
10684    font-weight: 400;
10685    font-size: 16px;
10686    color: #000000;
10687    margin: 0;
10688    line-height: 1.6;
10689    max-width: 800px;
10690    margin-left: auto;
10691    margin-right: auto;
10692  }
10693
10694  .faq-accordion-list-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10695    list-style: none;
10696    padding: 0;
10697    margin: 0;
10698  }
10699
10700  .faq-accordion-item-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10701    border-bottom: 1px solid #000000;
10702  }
10703
10704  .faq-accordion-question-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10705    display: flex;
10706    justify-content: space-between;
10707    align-items: center;
10708    width: 100%;
10709    background: none;
10710    border: none;
10711    padding: 20px 0;
10712    cursor: pointer;
10713    text-align: left;
10714  }
10715
10716  .faq-accordion-question-text-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10717    font-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
10718    font-weight: 700;
10719    font-size: 16px;
10720    text-transform: uppercase;
10721    color: #000000;
10722    margin: 0;
10723    line-height: 1.4;
10724    letter-spacing: 0.02em;
10725  }
10726
10727  .faq-toggle-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10728    font-size: 24px;
10729    font-weight: 700;
10730    color: #000000;
10731    transition: transform 0.3s ease;
10732    flex-shrink: 0;
10733    margin-left: 20px;
10734  }
10735
10736  .faq-accordion-item-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk.active .faq-toggle-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10737    transform: rotate(45deg);
10738  }
10739
10740  .faq-accordion-answer-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10741    max-height: 0;
10742    overflow: hidden;
10743    transition: max-height 0.3s ease;
10744  }
10745
10746  .faq-accordion-answer-content-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10747    font-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
10748    font-weight: 400;
10749    font-size: 15px;
10750    color: #000000;
10751    line-height: 1.6;
10752    padding-bottom: 20px;
10753  }
10754
10755  .faq-accordion-answer-content-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk p {
10756    margin: 0 0 10px 0;
10757  }
10758
10759  .faq-accordion-answer-content-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk p:last-child {
10760    margin-bottom: 0;
10761  }
10762
10763  @media screen and (max-width: 749px) {
10764    .faq-accordion-heading-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10765      font-size: 33.6px;
10766    }
10767
10768    .faq-accordion-subheading-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10769      font-size: 14.4px;
10770    }
10771
10772    .faq-accordion-question-text-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10773      font-size: 14.4px;
10774    }
10775
10776    .faq-accordion-answer-content-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk {
10777      font-size: 13.5px;
10778    }
10779  }
10780</style>
10781
10782<faq-accordion-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk class="faq-accordion-section-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk" >
10783  <div class="faq-accordion-container-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk">
10784    <div class="faq-accordion-header-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk">
10785      
10786      
10787    </div>
10788
10789    <ul class="faq-accordion-list-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk">
10790      
10791
10792      
10793
10794      
10795
10796      
10797
10798      
10799
10800      
10801
10802      
10803                  
10804    </ul>
10805  </div>
10806</faq-accordion-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk>
10807
10808<script>
10809  (function() {
10810    class FaqAccordionab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk extends HTMLElement {
10811      constructor() {
10812        super();
10813      }
10814
10815      connectedCallback() {
10816        this.items = this.querySelectorAll('[data-faq-item]');
10817        this.setupEventListeners();
10818      }
10819
10820      setupEventListeners() {
10821        this.items.forEach((item) => {
10822          const button = item.querySelector('.faq-accordion-question-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk');
10823          const answer = item.querySelector('.faq-accordion-answer-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk');
10824
10825          button.addEventListener('click', () => {
10826            const isActive = item.classList.contains('active');
10827
10828            if (isActive) {
10829              item.classList.remove('active');
10830              answer.style.maxHeight = null;
10831              button.setAttribute('aria-expanded', 'false');
10832            } else {
10833              item.classList.add('active');
10834              answer.style.maxHeight = answer.scrollHeight + 'px';
10835              button.setAttribute('aria-expanded', 'true');
10836            }
10837          });
10838        });
10839      }
10840    }
10841
10842    customElements.define('faq-accordion-ab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk', FaqAccordionab1dra3r1b1yvz05kyaigenblock3b862c8brfxrk);
10843  })();
10844</script>
10844
10845
10846
10847
10848</div><section id="shopify-section-template--26542858141996__17857395075d07db22" class="shopify-section section"><div class="page-width"><div id="shopify-block-AK1daVmwveld4UnFPQ__wisereviews_reviews_importer_product_reviews_znTn9J" class="shopify-block shopify-app-block">
10849
10850<wise-product-reviews data-product-id="9960000618796" data-default-type="product_reviews"></wise-product-reviews>
10851
10852</div>�</div>
10853
10854
10855</section><section id="shopify-section-template--26542858141996__recently_viewed_products_WcH46k" class="shopify-section section-wrapper"><link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/template-collection.css?v=175832775499124386161785495775" rel="stylesheet" type="text/css" media="all" />�<recently-viewed-products
10856  id="recently-viewed-template--26542858141996__recently_viewed_products_WcH46k"
10857  class="recently-viewed-products collection"
10858  data-url="/search?section_id=template--26542858141996__recently_viewed_products_WcH46k&type=product&q="
10859  data-limit="5"
10860  data-id="template--26542858141996__recently_viewed_products_WcH46k"
10861  
10862    data-product-id="9960000618796"
10863  
10864>
10865  <div class="section-background color-scheme-6"></div>
10866  <div
10867    class="
10868      section
10869      section--full-width
10870      color-scheme-6
10871      spacing-style
10872    "
10873    style="
10874    
10875      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
10876    "
10877  >
10878    <div class="section-global__header"><div id="shopify-block-AUnUyQnVudHpiVTRMe__section-header" class="shopify-block">�<div
10879  class="
10880    section-header--block
10881    group-block relative
10882    layout-panel-flex
10883    layout-panel-flex--row
10884    mobile-column
10885
10886    spacing-style
10887    
10888    
10889  "
10890  style="--padding-block-start: 0px;--padding-block-end: 16px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10891    �--flex-direction: row;
10892--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: 16px;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;--vertical-alignment: center;--vertical-alignment-mobile: center;"
10893  
10894>
10895  
10896  
10897
10898
10899
10900
10901
10902
10903
10904
10905
10906
10907
10908
10909
10910
10911
10912
10913
10914  
10915  
10916    <div 
10917  class="
10918    size-style spacing-style text-block max-w-full flex
10919    text-block--AUzkvb0FMNlF2ZEhYM__collection_title_gedQw3
10920    flex-column
10921    custom   text-block--full-width  text-block--align-left custom-typography  custom-font-size  custom-color 
10922    
10923    
10924    
10925    
10926    
10927    
10928  "
10929  style="
10930    --size-style-width: 100%;
10931    --padding-block-start: 0px; --padding-block-end:0px; 
10932--padding-inline-start:0px; --padding-inline-end:0px; 
10933
10934    --color: var(--color-foreground);--font-size: clamp(2.5rem, 4.0vw, 4.0rem);      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--heading-);        --letter-spacing: var(--letter-spacing--heading-normal);� --text-align: left;"
10935  
10936
10937  
10938>
10939
10940      <h2><h2>Recently viewed products</h2></h2>
10941
10942      �</div>
10943  
10944  
10945
10946
10947
10948
10949
10950
10951</div>
10952
10953
10954</div>
10955</div><div
10956        class="collection--grid-layout"
10957      >
10958        <ul
10959          class="grid grid-layout list-unstyled lg:grid-layout--5 md:grid-layout--3 grid--2-col-mobile"
10960          role="list"
10961          aria-label="Grid"
10962          style="--grid-desktop-horizontal-spacing: 12px; --grid-desktop-vertical-spacing: 24px;"
10963        >
10964          
10965            <li
10966              class="grid__item recently-viewed-products__skeleton-item"
10967              aria-label="Loading..."
10968            ></li>
10969          
10970            <li
10971              class="grid__item recently-viewed-products__skeleton-item"
10972              aria-label="Loading..."
10973            ></li>
10974          
10975            <li
10976              class="grid__item recently-viewed-products__skeleton-item"
10977              aria-label="Loading..."
10978            ></li>
10979          
10980            <li
10981              class="grid__item recently-viewed-products__skeleton-item"
10982              aria-label="Loading..."
10983            ></li>
10984          
10985            <li
10986              class="grid__item recently-viewed-products__skeleton-item"
10987              aria-label="Loading..."
10988            ></li>
10989          
10990        </ul>
10991      </div></div>
10992</recently-viewed-products>
10993
10994
10995</section><div id="shopify-section-template--26542858141996__product_recommendations_ecaxGU" class="shopify-section"><link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/template-collection.css?v=175832775499124386161785495775" rel="stylesheet" type="text/css" media="all" />
10996
10997
10998
10999<product-recommendations
11000  id="product-recommendations-template--26542858141996__product_recommendations_ecaxGU"
11001  class="product-recommendations"
11002  data-url="/recommendations/products?limit=5"
11003  data-section-id="template--26542858141996__product_recommendations_ecaxGU"
11004  data-product-id="9960000618796"
11005  data-intent="related"
11006  data-testid="product-recommendations-section"
11007  data-recommendations-performed="false"
11008  
11009>
11010  <div class="section-background color-scheme-6"></div>
11011  <div
11012    class="
11013      section
11014      section--full-width
11015      color-scheme-6
11016      spacing-style
11017    "
11018    style="
11019      
11020      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
11021    "
11022  >
11023    <div
11024      class="collection gap-style"
11025      id="collection-template--26542858141996__product_recommendations_ecaxGU"
11026      data-id="template--26542858141996__product_recommendations_ecaxGU"
11027      data-product-block
11028      style="
11029        �--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
11030      "
11031    >
11032      <div class="section-resource-list__content">
11033        
11034
11035
11036
11037
11038
11039
11040
11041
11042
11043
11044
11045  
11046  
11047    <div 
11048  class="
11049    size-style spacing-style text-block max-w-full flex
11050    text-block--ARDdpWTJmZFRFMXFOQ__text_ita9tU
11051    flex-column
11052    custom   custom-typography  custom-font-size  custom-color 
11053    
11054    
11055    
11056    
11057    
11058    
11059  "
11060  style="
11061    --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 
11062  --size-style-width-mobile-min: fit-content;
11063    --padding-block-start: 0px; --padding-block-end:0px; 
11064--padding-inline-start:0px; --padding-inline-end:0px; 
11065
11066    --color: var(--color-foreground);--font-size: clamp(2.5rem, 4.0vw, 4.0rem);      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--heading-normal);        --letter-spacing: var(--letter-spacing--heading-normal);�"
11067  
11068
11069  
11070>
11071
11072      <h2>Related products</h2>
11073
11074      �</div>
11075  
11076  
11077
11078
11079
11080
11081
11082      </div><div
11083          class="collection--grid-layout"
11084        >
11085          <ul
11086            class="grid grid-layout list-unstyled lg:grid-layout--5 md:grid-layout--3 grid--2-col-mobile"
11087            role="list"
11088            aria-label="Grid"
11089            style="--grid-desktop-horizontal-spacing: 12px; --grid-desktop-vertical-spacing: 24px;"
11090          >
11091            
11092              <li
11093                class="grid__item product-recommendations__skeleton-item"
11094                aria-label="Loading product recommendations"
11095              ></li>
11096            
11097              <li
11098                class="grid__item product-recommendations__skeleton-item"
11099                aria-label="Loading product recommendations"
11100              ></li>
11101            
11102              <li
11103                class="grid__item product-recommendations__skeleton-item"
11104                aria-label="Loading product recommendations"
11105              ></li>
11106            
11107              <li
11108                class="grid__item product-recommendations__skeleton-item"
11109                aria-label="Loading product recommendations"
11110              ></li>
11111            
11112              <li
11113                class="grid__item product-recommendations__skeleton-item"
11114                aria-label="Loading product recommendations"
11115              ></li>
11116            
11117          </ul>
11118        </div></div>
11119  </div>
11120</product-recommendations>
11121
11122
11123</div>
11124    </main>
11125
11126    <!-- BEGIN sections: footer-group -->
11127<footer id="shopify-section-sections--26542858502444__footer" class="shopify-section shopify-section-group-footer-group section-footer"><div>
11128  <div class="section-background color-scheme-2"></div>
11129  <div
11130    class="
11131      section section--page-width color-scheme-2
11132      
11133    "
11134    style="
11135      
11136    "
11137  >
11138    
11139
11140
11141    <div
11142      class="
11143        spacing-style
11144        layout-panel-flex
11145        layout-panel-flex--column
11146        section-content-wrapper
11147         mobile-column
11148      "
11149      style="
11150        --flex-direction: column;
11151--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: 12px;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
11151--vertical-alignment: center;--vertical-alignment-mobile: center;
11152        --padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));
11153      "
11154    >
11155      
11156
11157�<div
11158  class="group-block relative  group-block--height-fit  group-block--width-fill        spacing-style  size-style  shadow-style"
11159  style="
11160    
11161    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px;
11162    --size-style-width: 100%;--size-style-width-mobile: 100%; 
11163  --size-style-width-mobile-min: 5rem;
11164    --shadow-vertical-offset: 0px;
11165--shadow-horizontal-offset: 0px;
11166--shadow-blur: 0px;
11167--shadow-color: rgb(0 0 0 / 0.0);
11168--shadow-spread-radius: 0px;
11169
11170    
11171    
11172    
11173    
11174    
11175  "
11176  
11177  
11178  
11179
11180  data-testid="group-block"
11181  
11182><div class="group-block__media-wrapper media--empty none">
11183    
11184
11185  </div>
11186  
11187
11188  <div
11189    class="
11190      group-block-content relative
11191      layout-panel-flex
11192      layout-panel-flex--row
11193      
11194        tablet-layout-panel-flex--column
11195      
11196      mobile-column
11197      �"
11198    style="--flex-direction: row;
11199--flex-wrap: wrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 24px));--horizontal-alignment: space-between;--horizontal-alignment-tablet: flex-start;--horizontal-alignment-mobile: flex-start;
11199--vertical-alignment: flex-start;--vertical-alignment-tablet: center;--vertical-alignment-mobile: center;"
11200  >
11201  
11202
11203�<div
11204  class="group-block relative  group-block--height-fit  group-block--width-custom        spacing-style  size-style  shadow-style"
11205  style="
11206    
11207    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: max(20px, calc(var(--spacing-scale) * 30px));--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px;
11208    --size-style-width: 22%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 
11209  --size-style-width-mobile-min: 5rem;
11210    --shadow-vertical-offset: 0px;
11211--shadow-horizontal-offset: 0px;
11212--shadow-blur: 0px;
11213--shadow-color: rgb(0 0 0 / 0.0);
11214--shadow-spread-radius: 0px;
11215
11216    
11217    
11218    
11219    
11220    
11221  "
11222  
11223  
11224  
11225
11226  data-testid="group-block"
11227  
11228><div class="group-block__media-wrapper media--empty none">
11229    
11230
11231  </div>
11232  
11233
11234  <div
11235    class="
11236      group-block-content relative
11237      layout-panel-flex
11238      layout-panel-flex--column
11239      
11240      mobile-column
11241      �"
11242    style="--flex-direction: column;
11243--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 24px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
11243--vertical-alignment: flex-start;--vertical-alignment-mobile: center;"
11244  >
11245  
11246
11247
11248
11249
11250
11251
11252
11253
11254
11255
11256
11257  
11258  
11259    <div 
11260  class="
11261    size-style spacing-style text-block max-w-full flex
11262    text-block--AVnVHZ2VSZGdzYXhMa__text_xCYFNJ
11263    flex-column
11264    custom   custom-typography  custom-font-size  custom-color 
11265    
11266    
11267    
11268    
11269    
11270    
11271  "
11272  style="
11273    --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 
11274  --size-style-width-mobile-min: fit-content;
11275    --padding-block-start: 0px; --padding-block-end:0px; 
11276--padding-inline-start:0px; --padding-inline-end:0px; 
11277
11278    --color: var(--color-foreground);--font-size: clamp(1.3rem, 1.6vw, 1.6rem);      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);�"
11279  
11280
11281  
11282>
11283
11284      <p><strong>NEWSLETTER SIGN UP</strong></p>
11285
11286      �</div>
11287  
11288  
11289
11290
11291
11292
11293
11294
11295
11296
11297
11298
11299
11300
11301
11302
11303
11304
11305  
11306  
11307    <rte-formatter 
11308  class="
11309    size-style spacing-style text-block max-w-full flex
11310    text-block--ATml4QnlMUVc0ZHZ0O__text_DVPXXh
11311    flex-column
11312    rte   rte 
11313    
11314    
11315    
11316    
11317    
11318    
11319  "
11320  style="
11321    --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 
11322  --size-style-width-mobile-min: fit-content;
11323    --padding-block-start: 0px; --padding-block-end:0px; 
11324--padding-inline-start:0px; --padding-inline-end:0px; 
11325
11326    �"
11327  
11328
11329  
11330>
11331
11332      <p>Sign up for exclusive updates, new arrivals & insider only discounts</p>
11333
11334      �</rte-formatter>
11335  
11336  
11337
11338
11339
11340
11341
11342�
11343
11344�<email-signup
11345  class="email-signup-block size-style spacing-style"
11346  style="
11347    --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 
11348  --size-style-width-mobile-min: 5rem;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--gap: 0px;
11349    
11350    --input-height: 40px;
11351  "
11352  
11353>�<form method="post" action="/contact#EmailSignup-AZWFQZ1pFSGNralBwb__email_signup_nDhCiH" id="EmailSignup-AZWFQZ1pFSGNralBwb__email_signup_nDhCiH" accept-charset="UTF-8" class="email-signup__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
11354      <div
11355        class="
11356           email-signup__input-groups
11357          
11358          border-style
11359          spacing-style
11360        "
11361        style="
11362          
11363            --padding-block-start: 0px;
11364            --padding-block-end:0px;
11365            --padding-inline-start:0px;
11366            --padding-inline-end:0px;
11367          
11368          --input-border-width: 1px;
11369          --input-border-radius: 0px;
11370          
11371            --padding-vertical: 1.6rem;
11372            --padding-horizontal: 1.2rem;
11373          
11374          --border-width: 1px;
11375--border-style: solid;
11376--border-color: rgb(var(--color-border-rgb) / 1.0);
11377--border-radius: 0px;
11378
11379�--size-style-width: fit-content;"
11380      >
11381        <div class="email-signup__input-group" style="--focus-border-color: #000000;">
11382          <label
11383            for="EmailInput-AZWFQZ1pFSGNralBwb__email_signup_nDhCiH"
11384            class="visually-hidden"
11385          >
11386            Email Address
11387          </label>
11388          <input
11389            id="EmailInput-AZWFQZ1pFSGNralBwb__email_signup_nDhCiH"
11390            class="email-signup__input email-signup__input--all left paragraph has-focus-border input-effect-1"
11391            type="email"
11392            name="contact[email]"
11393            autocorrect="off"
11394            autocapitalize="off"
11395            autocomplete="email"
11396            placeholder="Email Address"
11397            required
11398            
11399          >
11400          
11401            <span class="focus-border">
11402              <i></i>
11403            </span>
11404          
11405        </div>
11406
11407        <button
11408          id="EmailSignup-submit-AZWFQZ1pFSGNralBwb__email_signup_nDhCiH"
11409          type="submit"
11410          class="size-style email-signup__button email-signup__button--integrated email-signup__button--icon email-signup__button--size-fit-content 
11411
11412  paragraph
11413
11414 bor-none  button-custom--AZWFQZ1pFSGNralBwb__email_signup_nDhCiH
11415  � submit-icon-size email-signup__button--size-fit-content 
11416
11417  paragraph
11418
11419 bor-none  button-custom--AZWFQZ1pFSGNralBwb__email_signup_nDhCiH
11420  �"
11421          
11422            aria-label="Subscribe"
11423          
11424          style="
11425            
11426              --icon-size-desktop: 35px;
11427              --icon-size-mobile: 35px;
11428            �--size-style-width: fit-content;
11429            
11430          "
11431        >
11432          �<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
11432ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
11433
11434        </button>
11435      </div>�
11436        ��</form>�</email-signup>
11437
11438
11439<div id="shopify-block-AZHdnUU4yVFQ0MkswM__social_icons_eUJT67" class="shopify-block"><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-list-social.css?v=112859801755161069901785495654" media="print" fetchpriority="low" onload="this.media='all'">
11440  <noscript><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-list-social.css?v=112859801755161069901785495654"></noscript>
11441  <div class="flex flex-wrap justify-center flex-column h-full spacing-style" style="--padding-block-start: 0px;--padding-block-end: 0px;">
11442    <ul
11443      class="list-unstyled list-social list-social--custom flex flex-wrap sm\:justify-center list-position-inherit"
11444      role="list"
11445      style="--gap-x: 15px;
11446  --gap-y: 15px;
11447  
11448    --social-item-size: 30px;
11449    --social-item-size-mobile: 30px;
11450    --social-item-color: #525252;
11451    --social-item-color-hover: #525252;
11452    --social-item-bg-color: rgba(0,0,0,0);
11453    --social-item-bg-color-hover: rgba(0,0,0,0);
11454    --social-item-border-color: rgba(0,0,0,0);
11455    --social-item-border-color-hover: rgba(0,0,0,0);
11456  �"
11457    ><li class="list-social__item social__item--effect  social__item--custom�">
11458          <a href="https://www.facebook.com/jblmalaysia" class="list-social__link�">
11459            <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
11460<svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
11461</span>
11462            <span class="visually-hidden">Facebook</span>
11463          </a>
11464        </li><li class="list-social__item social__item--effect  social__item--custom�">
11465          <a href="https://www.instagram.com/jbl_my/" class="list-social__link�">
11466            <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
11467<svg class="icon icon-instagram" viewBox="0 0 20 20">
11467<path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
11468</span>
11469            <span class="visually-hidden">Instagram</span>
11470          </a>
11471        </li><li class="list-social__item social__item--effect  social__item--custom�">
11472          <a href="https://www.tiktok.com/@jblmalaysia" class="list-social__link�">
11473            <span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
11474<svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
11475</span>
11476            <span class="visually-hidden">TikTok</span>
11477          </a>
11478        </li><li class="list-social__item social__item--effect  social__item--custom�">
11479          <a href="https://www.youtube.com/@jbl" class="list-social__link�">
11480            <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
11481<svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
11482</span>
11483            <span class="visually-hidden">YouTube</span>
11484          </a>
11485        </li></ul>
11486  </div>
11487</div>
11488
11489</div>
11490</div>
11491
11492
11493
11494
11495
11496�<div
11497  class="group-block relative  group-block--height-fit  group-block--width-custom        spacing-style  size-style  shadow-style"
11498  style="
11499    
11500    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px;
11501    --size-style-width: 56%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 
11502  --size-style-width-mobile-min: 5rem;
11503    --shadow-vertical-offset: 0px;
11504--shadow-horizontal-offset: 0px;
11505--shadow-blur: 0px;
11506--shadow-color: rgb(0 0 0 / 0.0);
11507--shadow-spread-radius: 0px;
11508
11509    
11510    
11511    
11512    
11513    
11514  "
11515  
11516  
11517  
11518
11519  data-testid="group-block"
11520  
11521><div class="group-block__media-wrapper media--empty none">
11522    
11523
11524  </div>
11525  
11526
11527  <div
11528    class="
11529      group-block-content relative
11530      layout-panel-flex
11531      layout-panel-flex--row
11532      
11533      mobile-column
11534      �"
11535    style="--flex-direction: row;
11536--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 24px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
11536--vertical-alignment: flex-start;--vertical-alignment-mobile: center;"
11537  >
11538  
11539
11540
11541  <accordion-custom
11542    class="
11543      menu-block
11544      menu
11545      size-style
11546       menu--accordion menu--caret
11547      
11548      
11549    "
11550    style="--size-style-width: 100%;--size-style-width-mobile: 100%; 
11551  --size-style-width-mobile-min: 5rem;"
11552    data-disable-on-desktop="true"
11553    open-by-default-on-desktop
11554    
11555  >
11556    <details
11557      class="
11558        menu__details
11559        spacing-style
11560        color-scheme-custom
11561        
11562      "
11563      data-testid="menu-details"
11564      style="
11565        --spacing--size: 7px;
11566        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-end: 10px;
11567        
11568          --color-background: rgb(0 0 0 / 1.0);--color-background-rgb: 0 0 0;--color-foreground: rgb(255 255 255 / 1.0);
11569--color-foreground-rgb: 255 255 255;--color-foreground-heading: rgb(255 255 255 / 1.0);
11570--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(255 255 255 / 1.0);
11571--color-primary-rgb: 255 255 255;--color-primary-hover: rgb(255 71 19 / 1.0);
11572--color-primary-hover-rgb: 255 71 19;--color-border: rgb(230 230 230 / 1.0);
11573--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1.0);
11574--color-shadow-rgb: 0 0 0;
11575        
11576
11577
11578        --color: ;--font-size: clamp(1.3rem, 1.6vw, 1.6rem);      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
11579      "
11580      
11581    >
11582      <summary class="menu__heading spacing-style " style="--padding-block-end: 10px;">
11583        <span class="menu__heading__default">SHOP</span>
11584        <span class="menu__heading__accordion">
11585          SHOP
11586
11587          <span class="menu__heading__toggle svg-wrapper icon-caret">
11588            �<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
11589
11590            
11591          </span>
11592        </span>
11593      </summary>
11594
11595      <div class="details-content">
11596        
11597          <ul
11598            class="
11599              list-unstyled
11600              direction--column
11601              mobile-column
11602            "
11603          >
11604            
11605              <li class="menu__item">
11606                <a href="/collections/portable-bluetooth-speakers"class="link link--hover-underline">
11607                  <span class="link__text " style="">Portable Speakers</span>
11608                </a>
11609              </li>
11610            
11611              <li class="menu__item">
11612                <a href="/collections/home-audio"class="link link--hover-underline">
11613                  <span class="link__text " style="">Home Audio</span>
11614                </a>
11615              </li>
11616            
11617              <li class="menu__item">
11618                <a href="/collections/headphones-earphones"class="link link--hover-underline">
11619                  <span class="link__text " style="">Headphones & Earbuds</span>
11620                </a>
11621              </li>
11622            
11623              <li class="menu__item">
11624                <a href="/collections/gaming"class="link link--hover-underline">
11625                  <span class="link__text " style="">Gaming</span>
11626                </a>
11627              </li>
11628            
11629              <li class="menu__item">
11630                <a href="/collections/accessories"class="link link--hover-underline">
11631                  <span class="link__text " style="">Accessories</span>
11632                </a>
11633              </li>
11634            
11635              <li class="menu__item">
11636                <a href="/collections/discount"class="link link--hover-underline">
11637                  <span class="link__text " style="">Sales</span>
11638                </a>
11639              </li>
11640            
11641              <li class="menu__item">
11642                <a href="/collections/for-him"class="link link--hover-underline">
11643                  <span class="link__text " style="">Gift Idea</span>
11644                </a>
11645              </li>
11646            
11647          </ul>
11648        
11649      </div>
11650    </details>
11651  </accordion-custom>
11652
11653
11654
11655
11656
11657
11658  <accordion-custom
11659    class="
11660      menu-block
11661      menu
11662      size-style
11663       menu--accordion menu--caret
11664      
11665      
11666    "
11667    style="--size-style-width: 100%;--size-style-width-mobile: 100%; 
11668  --size-style-width-mobile-min: 5rem;"
11669    data-disable-on-desktop="true"
11670    open-by-default-on-desktop
11671    
11672  >
11673    <details
11674      class="
11675        menu__details
11676        spacing-style
11677        color-scheme-custom
11678        
11679      "
11680      data-testid="menu-details"
11681      style="
11682        --spacing--size: 7px;
11683        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-end: 10px;
11684        
11685          --color-background: rgb(0 0 0 / 1.0);--color-background-rgb: 0 0 0;--color-foreground: rgb(255 255 255 / 1.0);
11686--color-foreground-rgb: 255 255 255;--color-foreground-heading: rgb(255 255 255 / 1.0);
11687--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(255 255 255 / 1.0);
11688--color-primary-rgb: 255 255 255;--color-primary-hover: rgb(255 71 19 / 1.0);
11689--color-primary-hover-rgb: 255 71 19;--color-border: rgb(230 230 230 / 1.0);
11690--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1.0);
11691--color-shadow-rgb: 0 0 0;
11692        
11693
11694
11695        --color: ;--font-size: clamp(1.3rem, 1.6vw, 1.6rem);      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
11696      "
11697      
11698    >
11699      <summary class="menu__heading spacing-style " style="--padding-block-end: 10px;">
11700        <span class="menu__heading__default">Support</span>
11701        <span class="menu__heading__accordion">
11702          Support
11703
11704          <span class="menu__heading__toggle svg-wrapper icon-caret">
11705            �<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
11706
11707            
11708          </span>
11709        </span>
11710      </summary>
11711
11712      <div class="details-content">
11713        
11714          <ul
11715            class="
11716              list-unstyled
11717              direction--column
11718              mobile-column
11719            "
11720          >
11721            
11722              <li class="menu__item">
11723                <a href="/pages/buy-authentic"class="link link--hover-underline">
11724                  <span class="link__text " style="">Buy Authentic</span>
11725                </a>
11726              </li>
11727            
11728              <li class="menu__item">
11729                <a href="/pages/authorised-dealers"class="link link--hover-underline">
11730                  <span class="link__text " style="">Authorised Dealers</span>
11731                </a>
11732              </li>
11733            
11734              <li class="menu__item">
11735                <a href="/policies/shipping-policy"class="link link--hover-underline">
11736                  <span class="link__text " style="">Shipping Information</span>
11737                </a>
11738              </li>
11739            
11740              <li class="menu__item">
11741                <a href="/pages/warranty-service"class="link link--hover-underline">
11742                  <span class="link__text " style="">Warranty & Service</span>
11743                </a>
11744              </li>
11745            
11746              <li class="menu__item">
11747                <a href="/policies/refund-policy"class="link link--hover-underline">
11748                  <span class="link__text " style="">Returns</span>
11749                </a>
11750              </li>
11751            
11752          </ul>
11753        
11754      </div>
11755    </details>
11756  </accordion-custom>
11757
11758
11759
11760
11761
11762
11763  <accordion-custom
11764    class="
11765      menu-block
11766      menu
11767      size-style
11768       menu--accordion menu--caret
11769      
11770      
11771    "
11772    style="--size-style-width: 100%;--size-style-width-mobile: 100%; 
11773  --size-style-width-mobile-min: 5rem;"
11774    data-disable-on-desktop="true"
11775    open-by-default-on-desktop
11776    
11777  >
11778    <details
11779      class="
11780        menu__details
11781        spacing-style
11782        color-scheme-custom
11783        
11784      "
11785      data-testid="menu-details"
11786      style="
11787        --spacing--size: 14px;
11788        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-end: 10px;
11789        
11790          --color-background: rgb(0 0 0 / 1.0);--color-background-rgb: 0 0 0;--color-foreground: rgb(255 255 255 / 1.0);
11791--color-foreground-rgb: 255 255 255;--color-foreground-heading: rgb(255 255 255 / 1.0);
11792--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(255 255 255 / 1.0);
11793--color-primary-rgb: 255 255 255;--color-primary-hover: rgb(255 71 19 / 1.0);
11794--color-primary-hover-rgb: 255 71 19;--color-border: rgb(230 230 230 / 1.0);
11795--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1.0);
11796--color-shadow-rgb: 0 0 0;
11797        
11798
11799
11800        --color: ;--font-size: clamp(1.3rem, 1.6vw, 1.6rem);      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
11801      "
11802      
11803    >
11804      <summary class="menu__heading spacing-style " style="--padding-block-end: 10px;">
11805        <span class="menu__heading__default">About Us</span>
11806        <span class="menu__heading__accordion">
11807          About Us
11808
11809          <span class="menu__heading__toggle svg-wrapper icon-caret">
11810            �<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
11811
11812            
11813          </span>
11814        </span>
11815      </summary>
11816
11817      <div class="details-content">
11818        
11819          <ul
11820            class="
11821              list-unstyled
11822              direction--column
11823              mobile-column
11824            "
11825          >
11826            
11827              <li class="menu__item">
11828                <a href="/pages/our-story"class="link link--hover-underline">
11829                  <span class="link__text " style="">About Us</span>
11830                </a>
11831              </li>
11832            
11833              <li class="menu__item">
11834                <a href="/policies/terms-of-service"class="link link--hover-underline">
11835                  <span class="link__text " style="">Terms of Service</span>
11836                </a>
11837              </li>
11838            
11839              <li class="menu__item">
11840                <a href="/pages/terms-of-use"class="link link--hover-underline">
11841                  <span class="link__text " style="">Terms of Use</span>
11842                </a>
11843              </li>
11844            
11845              <li class="menu__item">
11846                <a href="/policies/privacy-policy"class="link link--hover-underline">
11847                  <span class="link__text " style="">Privacy Policy</span>
11848                </a>
11849              </li>
11850            
11851              <li class="menu__item">
11852                <a href="/policies/refund-policy"class="link link--hover-underline">
11853                  <span class="link__text " style="">Refund policy</span>
11854                </a>
11855              </li>
11856            
11857          </ul>
11858        
11859      </div>
11860    </details>
11861  </accordion-custom>
11862
11863
11864
11865
11866
11867�<div
11868  class="group-block relative  group-block--height-fit  group-block--width-fill        spacing-style  size-style  shadow-style"
11869  style="
11870    
11871    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px;
11872    --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 
11873  --size-style-width-mobile-min: 5rem;
11874    --shadow-vertical-offset: 0px;
11875--shadow-horizontal-offset: 0px;
11876--shadow-blur: 0px;
11877--shadow-color: rgb(0 0 0 / 0.0);
11878--shadow-spread-radius: 0px;
11879
11880    
11881    
11882    
11883    
11884    
11885  "
11886  
11887  
11888  
11889
11890  data-testid="group-block"
11891  
11892><div class="group-block__media-wrapper media--empty none">
11893    
11894
11895  </div>
11896  
11897
11898  <div
11899    class="
11900      group-block-content relative
11901      layout-panel-flex
11902      layout-panel-flex--column
11903      
11904      mobile-column
11905      �"
11906    style="--flex-direction: column;
11907--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 24px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
11907--vertical-alignment: center;--vertical-alignment-mobile: center;"
11908  >
11909  
11910
11911
11912
11913
11914
11915
11916
11917
11918
11919
11920
11921  
11922  
11923    <div 
11924  class="
11925    size-style spacing-style text-block max-w-full flex
11926    text-block--ARXBNb1ozckw2MlF4b__text_EQtpkz
11927    flex-column
11928    h6   custom-color 
11929    
11930    
11931    
11932    
11933    
11934    
11935  "
11936  style="
11937    --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 
11938  --size-style-width-mobile-min: fit-content;
11939    --padding-block-start: 0px; --padding-block-end:0px; 
11940--padding-inline-start:0px; --padding-inline-end:0px; 
11941
11942    --color: var(--color-foreground);�"
11943  
11944
11945  
11946>
11947
11948      <p><strong>Sustainability</strong></p>
11949
11950      �</div>
11951  
11952  
11953
11954
11955
11956
11957
11958
11959�<div
11960  class="group-block relative  group-block--height-fit  group-block--width-fill        spacing-style  size-style  shadow-style"
11961  style="
11962    
11963    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px;
11964    --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 
11965  --size-style-width-mobile-min: 5rem;
11966    --shadow-vertical-offset: 0px;
11967--shadow-horizontal-offset: 0px;
11968--shadow-blur: 0px;
11969--shadow-color: rgb(0 0 0 / 0.0);
11970--shadow-spread-radius: 0px;
11971
11972    
11973    
11974    
11975    
11976    
11977  "
11978  
11979  
11980  
11981
11982  data-testid="group-block"
11983  
11984><div class="group-block__media-wrapper media--empty none">
11985    
11986
11987  </div>
11988  
11989
11990  <div
11991    class="
11992      group-block-content relative
11993      layout-panel-flex
11994      layout-panel-flex--column
11995      
11996      mobile-column
11997      �"
11998    style="--flex-direction: column;
11999--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 12px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
11999--vertical-alignment: center;--vertical-alignment-mobile: center;"
12000  >
12001  
12002
12003
12004
12005
12006
12007
12008
12009
12010
12011
12012
12013  
12014  
12015    <rte-formatter 
12016  class="
12017    size-style spacing-style text-block max-w-full flex
12018    text-block--AYzhETlNQUkt6NVRqN__text_yLGza6
12019    flex-column
12020    paragraph   custom-color  rte 
12021    
12022    
12023    
12024    
12025    
12026    
12027  "
12028  style="
12029    --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 
12030  --size-style-width-mobile-min: fit-content;
12031    --padding-block-start: 0px; --padding-block-end:0px; 
12032--padding-inline-start:0px; --padding-inline-end:0px; 
12033
12034    --color: var(--color-foreground);�"
12035  
12036
12037  
12038>
12039
12040      <p><a href="https://www.harman.com/sustainability" title="https://www.harman.com/sustainability">Follow Our Efforts</a></p>
12041
12042      �</rte-formatter>
12043  
12044  
12045
12046
12047
12048
12049
12050</div>
12051</div>
12052
12053
12054
12055
12056</div>
12057</div>
12058
12059
12060
12061
12062</div>
12063</div>
12064
12065
12066
12067
12068</div>
12069</div>
12070
12071
12072
12073
12074
12075
12076
12077
12078
12079
12080
12081
12082
12083
12084
12085  
12086  
12087    <rte-formatter 
12088  class="
12089    size-style spacing-style text-block max-w-full flex
12090    text-block--ANUhQTFNvRG8yOFBjL__text_bgjMXT
12091    flex-column
12092    rte   rte 
12093    
12094    
12095    
12096    
12097    
12098    
12099  "
12100  style="
12101    --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 
12102  --size-style-width-mobile-min: fit-content;
12103    --padding-block-start: 0px; --padding-block-end:0px; 
12104--padding-inline-start:0px; --padding-inline-end:0px; 
12105
12106    �"
12107  
12108
12109  
12110>
12111
12112      <p>© 2026 Global Best United (M) Sdn. Bhd.<br/>Wisma Global Best United, No.2 Jalan BP 4/2, Bandar Bukit, 47100 Puchong, Selangor, Malaysia</p><p>1383032-T | 202001026712</p>
12113
12114      �</rte-formatter>
12115  
12116  
12117
12118
12119
12120
12121
12122    </div>
12123  </div>
12124</div>
12125
12126</footer><div id="shopify-section-sections--26542858502444__footer_bottom" class="shopify-section shopify-section-group-footer-group">
12127<link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/section-footer.css?v=179390068550296657351785495766" rel="stylesheet" type="text/css" media="all" />
12128<link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-list-payment.css?v=50137142326171693671785495654" rel="stylesheet" type="text/css" media="all" />
12129
12130<div class="footer-bottom color-scheme-2 spacing separator-top"
12131  style="
12132    --p-spacing-t: 30px;
12133    --p-spacing-b: 36px;
12134  "
12135>
12136  <div class="page-width footer__content-bottom-wrapper flex justify-center w-full">
12137    <div class="footer__column footer__localization relative z-0"></div>
12138    <div class="footer__column footer__column--info"><div class="footer__payment">
12139          <span class="visually-hidden">Payment methods</span>
12140          <ul class="list list-payment" role="list"><li class="list-payment__item">
12141                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
1214116.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
12142
12143                </li><li class="list-payment__item">
12144                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
12145
12146                </li><li class="list-payment__item">
12147                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
12148
12149                </li><li class="list-payment__item">
12150                  <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="38" height="24" viewBox="0 0 38 24" xml:space="preserve" role="img" aria-labelledby="pi-fpx"><title id="pi-fpx">FPX</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#FFF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#242B57" d="M15.095 8.321h4.733v1.434H16.65v1.436h2.942v1.436H16.65v2.752h-1.555zm5.85 0h2.623c.363 0 .709.033 1.037.099.324.066.607.18.852.343.242.163.434.383.578.659.143.275.215.623.215 1.041 0 .413-.068.758-.201 1.039a1.695 1.695 0 0 1-.547.668 2.21 2.21 0 0 1-.83.352c-.316.07-.662.105-1.035.105h-1.133v2.752h-1.559V8.321zm1.559 2.989h1.033c.139 0 .275-.013.402-.04.131-.025.248-.072.35-.132a.728.728 0 0 0 .25-.261.83.83 0 0 0 .094-.415.692.692 0 0 0-.125-.432c-.08-.111-.188-.195-.316-.255s-.275-.098-.436-.114-.314-.024-.459-.024h-.793v1.673zm6.476.38l-2.334-3.369H28.6l1.50
121505 2.472 1.446-2.472h1.885l-2.282 3.339 2.551 3.719H31.75l-1.723-2.842-1.675 2.842h-1.844z"/><path fill="#0286C8" d="M8.285 14.053l-.984-1.332c-.149-.199-.399-.458-.399-.719 0-.266.25-.523.399-.723l.984-1.333a.784.784 0 0 1 .134-.146V8.265c0-1.232-.514-1.544-1.145-.689L5.15 10.448c-.312.428-.854.99-.854 1.554 0 .562.543 1.123.854 1.553l2.125 2.871c.63.855 1.145.543 1.145-.689v-1.535a.882.882 0 0 1-.135-.149"/><path fill="#242B57" d="M12.454 10.448l-2.122-2.874c-.629-.855-1.146-.542-1.146.69V9.8a.784.784 0 0 1 .135.146l.985 1.332c.147.201.399.459.399.725 0 .259-.252.521-.399.72l-.985 1.334a.715.715 0 0 1-.135.145v1.535c0 1.234.516 1.543 1.146.691l2.122-2.873c.316-.428.857-.99.857-1.553 0-.564-.541-1.127-.857-1.554"/></svg>
12151
12152                </li><li class="list-payment__item">
12153                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-touchngo"><title id="pi-touchngo">Touch n Go</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.3 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.3-3-3-3z" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#fff"/><defs><path id="pi-SVGID_1_" d="M10.4 3.4h17.2v17.2H10.4z"/></defs><clipPath id="pi-SVGID_2_"><use xlink:href="#pi-SVGID_1_" overflow="visible"/></clipPath><g clip-path="url(#pi-SVGID_2_)"><defs><path id="pi-SVGID_3_" d="M10.4 3.4h17.2v17.2H10.4z"/></defs><clipPath id="pi-SVGID_4_"><use xlink:href="#pi-SVGID_3_" overflow="visible"/></clipPath><path clip-path="url(#pi-SVGID_4_)" fill="#fff" d="M23.7 3.4h-9.4c-2.2 0-3.9 1.8-3.9 3.9v9.4c0 2.2 1.8 3.9 3.9 3.9h9.4c2.2 0 3.9-1.8 3.9-3.9V7.3c0-2.2-1.7-3.9-3.9-3.9"/><path d="M23.7 4.1h-9.4c-1.8 0-3.2 1.4-3.2 3.2v9.4c0 1.8 1.4 3.2 3.2 3.2h9.4c1.8 0 3.2-1.4 3.2-3.2V7.3c0-1.8-1.4-3.2-3.2-3.2" clip-path="url(#pi-SVGID_4_)" fill="#295daa"/><path clip-path="url(#pi-SVGID_4_)" fill="#fff" d="M17.4 10.6h-.8c-.2 0-.6.2-.6.4l.1-.4h-1l-.4 2.5h1l.3-1.6h1.1s-.1.8-.2 1.1c-.1.4.2.4.3.4h.5l.3-1.9c-.2-.2-.4-.5-.6-.5M14.2 10.6l-.2 1.1.8-1.1zM15.4 6.7h-3.3l-.2.8h1.2l-.5 2.7h1l.5-2.7h1.2z"/><path clip-path="url(#pi-SVGID_4_)" fill="#fff" d="M16.1 9.4l.1-.8h-.9l-.1.8h.9m-1.4.8c-.3 0-.5-.2-.4-.5l.3-1.5c0-.3.3-.5.6-.5h1.7c.3 0 .5.2.4.5L17 9.7c0 .3-.3.5-.6.5h-1.7zM21.3 9.4l.1-.8h1.3l.1-.8h-1.7c-.3 0-.5.2-.6.5l-.3 1.5c0 .3.1.5.4.5h1.6l.1-.8h-1zM19.3 9.4h-1.1l.3-1.7h-.9l-.3 2c0 .3.1.5.4.5h.9c.3 0 .5-.2.7-.4 0 0 .1.3.2.4.1.1.6 0 .6 0l.4-2.5h-.9l-.3 1.7zM25.6 7.7h-.8c-.2 0-.5.2-.6.4l.2-1.3h-.9l-.5 3.4h.9l.3-1.6h1s-.1.8-.2 1.1c-.1.4.2.4.3.4h.4l.3-1.9c.1-.3-.1-.5-.4-.5M22.3 13.9c-.4 0-.6-.3-.6-.7l.3-2c.1-.4.4-.7.8-.7H25c.4 0 .6.3.6.7l-.3 2c-.1.4-.4.7-.8.7h-2.2m2-.9l.3-1.5h-1.5l-.3 1.5h1.5zM20.3 13h-1.5l.3-1.5h2.4l.2-.9H19c-.4 0-.7.3-.8.7l-.3 2c-.1.4.2.7.6.7h2.1c.4 0 .7-.3.8-.7l.2-1.2h-1l-.3.9z"/><path clip-path="url(#pi-SVGID_4_)" fill="#fddb00" d="M18.2 15.1L17 17.7h-.8l-.1-1.6-.8 1.6h-.8l-.1-2.6h.5l.1 2.1 1-2.1h.6l.1 2.1 1-2.1zM20.6 17.7h-.5l.5-2.6h.6zM21.6 17.7H21l.5-2.6h.6zM25.4 17.7H25c-.2 0-.4 0-.4-.1-.1 0-.1-.1-.1-.2v-.2l.4-2.1h.6l-.1.6h.5l-.1.5h-.5l-.3.8v.1c0 .1 0 .1.1.1h.4l-.1.5z"/><path clip-path="url(#pi-SVGID_4_)" fill="#fddb00" d="M18.2 15.1L17 17.7h-.8l-.1-1.6-.8 1.6h-.8l-.1-2.6h.5l.1 2.1 1-2.1h.6l.1 2.1 1-2.1zM20.6 17.7h-.5l.5-2.6h.6zM21.6 17.7H21l.5-2.6h.6zM25.4 17.7H25c-.2 0-.4 0-.4-.1-.1 0-.1-.1-.1-.2v-.2l.4-2.1h.6l-.1.6h.5l-.1.5h-.5l-.3.8v.1c0 .1 0 .1.1.1h.4l-.1.5z"/><path clip-path="url(#pi-SVGID_4_)" fill="#fddb00" d="M18.2 15.1L17 17.7h-.8l-.1-1.6-.8 1.6h-.8l-.1-2.6h.5l.1 2.1 1-2.1h.6l.1 2.1 1-2.1zM20.6 17.7h-.5l.5-2.6h.6zM21.6 17.7H21l.5-2.6h.6zM25.4 17.7H25c-.2 0-.4 0-.4-.1-.1 0-.1-.1-.1-.2v-.2l.4-2.1h.6l-.1.6h.5l-.1.5h-.5l-.3.8v.1c0 .1 0 .1.1.1h.4l-.1.5zM14 15.8c-.1 0-.2-.1-.4-.1h-.8c-.2 0-.4 0-.5.1-.2.2-.3.3-.3.5l-.2.8V17.4s0 .1.1.1h1.9l.1-.5h-1.3l-.1-.1v-.1H14l.1-.7v-.2l-.1-.1m-.5.7h-1v-.1s0-.1.1-.1H13.3c.1 0 .2 0 .2.1v.1M20 15.9s-.1-.1 0 0c-.1-.1-.2-.1-.3-.1H18v.4h1.3s.1 0 .1.1v.1h-1.1c-.1 0-.2 0-.2.1-.1 0-.1.1-.1.2s-.1.2-.1.3v.5l.1.1h1.9l.3-1.4V16c-.2 0-.2 0-.2-.1m-1.6 1.3c-.1 0-.1 0-.1-.1V17l.1-.1h.8l-.1.3h-.7zM24.2 15.8c-.1 0-.2-.1-.4-.1H23c-.2 0-.4 0-.5.1-.1.1-.2.2-.2.4l-.3 1V17.5s0 .1.1.1H24l.1-.5h-1.3l-.1-.1v-.1h1.5l.1-.7V16c0-.1 0-.1-.1-.2m-.5.7h-1v-.1s0-.1.1-.1H23.5c.1 0 .2 0 .2.1v.1"/></g></svg>
12154
12155                </li><li class="list-payment__item">
12156                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-boost"><title id="pi-boost">Boost</title><g clip-path="url(#pi-boost-a)"><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#EE3124" d="M10.7 11.8c.528.108.907.374 1.125.801.144.279.17.534.179.611a.306.306 0 0 0 .003.024c0 .112-.006.181-.016.266-.182 1.34-1.435 1.377-1.574 1.377H7.915c-.496 0-.89-.134
12156-1.168-.4-.267-.278-.405-.672-.405-1.174V10.82c-.006-.053-.022-1.397 1.376-1.584.075-.01.133-.016.219-.016h.048c.005 0 .304.005.63.17.426.214.693.598.8 1.126l.01.085.005.043.006.059c.005.043.01.101.01.213v.854h.902c.08 0 .128.005.165.01l.059.006.043.004a.522.522 0 0 1 .085.012Z"/><path fill="#EE3124" fill-rule="evenodd" d="M5.51 7h7.04c.833 0 1.51.677 1.505 1.515v7.03c0 .833-.677 1.51-1.51 1.51H5.51c-.833 0-1.51-.677-1.51-1.51V8.51C4 7.677 4.677 7 5.51 7Zm5.59 8.866c.261-.07 1.152-.363 1.59-1.18.842-1.498.069-2.634.064-2.634-.785-1.307-2.065-1.345-2.252-1.34a2.68 2.68 0 0 0-1.328-2.245c-.016-.016-.496-.336-1.227-.336-.474 0-.95.133-1.413.395-.822.437-1.11 1.328-1.18 1.59a2.87 2.87 0 0 0-.074.543v2.955c0 .016 0 .23.048.427.032.144.054.219.112.368a2.7 2.7 0 0 0 .539.806l.043.043c.277.277.48.389.656.469.15.064.33.123.475.16.208.053.41.053.41.053h2.998c.25-.016.384-.032.539-.074Zm6.118.229c-.4 0-.762-.07-1.077-.213a2.496 2.496 0 0 1-.816-.571c-.224-.24-.4-.518-.523-.838a2.783 2.783 0 0 1-.181-1.003c0-.346.058-.682.18-1.002.124-.32.3-.603.529-.838a2.553 2.553 0 0 1 1.894-.784c.39 0 .752.075 1.072.213.32.139.597.336.821.571.23.24.406.518.528.838a2.787 2.787 0 0 1 0 2.005c-.122.32-.298.603-.528.838-.229.24-.506.432-.821.57a2.645 2.645 0 0 1-1.078.214Zm0-4.294c-.202 0-.39.043-.57.133a1.53 1.53 0 0 0-.47.357 1.775 1.775 0 0 0-.437 1.19c0 .24.037.464.112.662.075.202.181.378.31.522.133.15.287.267.469.347.176.085.373.128.581.128.208 0 .4-.043.581-.128a1.51 1.51 0 0 0 .47-.352c.133-.15.235-.33.31-.528.074-.203.111-.427.111-.662a1.88 1.88 0 0 0-.112-.656 1.751 1.751 0 0 0-.31-.533 1.378 1.378 0 0 0-.469-.352 1.32 1.32 0 0 0-.576-.128Zm4.673 4.081c.315.144.678.213 1.078.213a2.551 2.551 0 0 0 1.899-.784c.23-.235.405-.518.528-.838a2.788 2.788 0 0 0 0-2.005 2.482 2.482 0 0 0-.528-.838 2.52 2.52 0 0 0-.822-.57 2.69 2.69 0 0 0-1.072-.214 2.551 2.551 0 0 0-1.894.784 2.447 2.447 0 0 0-.528.838c-.122.32-.181.656-.181 1.002 0 .347.059.683.181 1.003a2.48 2.48 0 0 0 1.339 1.408Zm.507-3.948c.181-.09.368-.133.57-.133a1.394 1.394 0 0 1 1.047.48c.133.15.24.33.314.533.075.203.112.422.112.656 0 .235-.037.46-.112.662a1.693 1.693 0 0 1-.315.528 1.48 1.48 0 0 1-.47.352 1.342 1.342 0 0 1-.58.128 1.33 1.33 0 0 1-.582-.128 1.363 1.363 0 0 1-.47-.347 1.637 1.637 0 0 1-.309-.522 1.872 1.872 0 0 1-.112-.662 1.79 1.79 0 0 1 .438-1.19c.133-.149.288-.266.469-.357Z" clip-rule="evenodd"/><path fill="#EE3124" d="M28.271 16.095c-.203 0-.416-.016-.624-.048a4.927 4.927 0 0 1-.619-.139 3.65 3.65 0 0 1-.581-.224 2.913 2.913 0 0 1-.491-.293l-.016-.016.464-.747.021.016c.608.421 1.216.64 1.82.64.314 0 .565-.059.746-.176a.554.554 0 0 0 .267-.496c0-.203-.096-.347-.299-.443-.208-.096-.539-.202-.987-.31a7.798 7.798 0 0 1-.81-.234 2.295 2.295 0 0 1-.555-.272.92.92 0 0 1-.315-.363 1.2 1.2 0 0 1-.096-.501c0-.256.053-.49.155-.693a1.51 1.51 0 0 1 .421-.512c.176-.14.39-.246.63-.315.24-.07.5-.107.778-.107.363 0 .726.059 1.062.176.341.117.65.272.917.475l.022.016-.48.683-.022-.016c-.474-.352-.987-.534-1.52-.534-.261 0-.485.053-.667.166-.181.106-.267.277-.267.512 0 .096.016.181.054.245a.492.492 0 0 0 .176.17c.085.049.197.097.336.14.1.03.218.06.352.095l.165.043c.342.085.646.165.896.25.251.086.46.182.625.294.165.112.288.25.368.406.08.154.117.336.117.554a1.375 1.375 0 0 1-.56 1.147 2 2 0 0 1-.65.315c-.24.059-.524.096-.833.096Zm3.899-.085c.15.048.31.069.475.069.277 0 .533-.043.768-.117.235-.08.427-.155.566-.22l.021-.01-.245-.88-.027.01c-.059.033-.16.075-.293.123a1.222 1.222 0 0 1-.416.075.575.575 0 0 1-.358-.117c-.096-.075-.144-.198-.144-.368v-2.78h1.094v-.864h-1.094V9.283h-1.104v1.648h-.672v.865h.672v3.115c0 .208.032.39.096.533.064.144.16.267.272.358.112.096.245.165.39.208Z"/></g><defs><clipPath id="pi-boost-a"><path fill="#fff" d="M0 0h38v24H0z"/></clipPath></defs></svg>
12157
12158                </li><li class="list-payment__item">
12159                  <svg class="icon icon--full-color" width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-grabpay"><title id="pi-grabpay">GrabPay</title><rect x="1" y="1" width="36" height="22" rx="2" fill="#00B14F"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.112 12.85c0 2.061 1.456 3.517 3.422 3.517.438 0 .947-.13 1.267-.379v-.698
12159c-.213.178-.734.379-1.267.379-1.61 0-2.7-1.137-2.7-2.818 0-1.599 1.16-2.795 2.7-2.795 1.527 0 2.64 1.125 2.64 2.7v3.41h.71v-3.422c0-1.965-1.385-3.41-3.35-3.41-1.93 0-3.422 1.528-3.422 3.517zm4.689 1.41l-.012-.012c-.296.237-.782.379-1.243.379-.948 0-1.658-.71-1.658-1.764 0-1.007.699-1.776 1.634-1.776 1.006 0 1.622.734 1.622 1.716v3.363h.699v-3.398c0-1.373-.96-2.38-2.31-2.38-1.337 0-2.367 1.007-2.367 2.475 0 1.456 1.018 2.498 2.368 2.462.509-.011 1.03-.2 1.267-.367v-.698zm2.841-3.375c.213-.272.45-.568.699-.817V6.86h-.699v4.025zm1.042-4.025v2.948c.213-.166.45-.367.699-.462V6.86h-.699zm.699 5.73h-.024l-.544.746c.094.853.959 1.99 2.261 1.99 1.326 0 2.285-1.078 2.285-2.487s-.983-2.451-2.332-2.451c-1.315 0-2.072.96-2.605 1.67-.26.343-.71.9-1.208 1.598v1.137a28.013 28.013 0 011.551-2.049c.782-.935 1.255-1.646 2.25-1.646.97 0 1.634.746 1.634 1.741 0 1.03-.628 1.788-1.575 1.788-.995 0-1.693-.912-1.693-1.93v-.107zm-2.167-.52v1.03c.415-.557.77-1.043 1.101-1.445.84-1.03 1.575-1.598 2.712-1.598 1.539 0 2.664 1.16 2.664 2.794 0 1.598-1.101 2.818-2.617 2.818-1.231 0-2.297-.84-2.546-1.99l-.497.675c.39 1.125 1.54 2.013 3.031 2.013 1.918 0 3.327-1.539 3.327-3.516 0-2.001-1.42-3.505-3.362-3.505-2.013 0-2.937 1.504-3.813 2.723zm-10.952 4.096h.699v-3.659c0-1.444.97-2.427 2.38-2.427.473 0 .958.154 1.172.284.13-.154.272-.32.461-.473-.438-.308-1.03-.486-1.67-.486-1.858 0-3.042 1.255-3.042 3.114v3.647zm1.03-3.659v3.66h.699v-3.648c0-.817.532-1.397 1.326-1.397.236 0 .45.06.675.154.094-.225.189-.414.307-.592a1.832 1.832 0 00-.97-.272c-1.196 0-2.037.864-2.037 2.095zm-9.685-.603c0 2.557 1.894 4.463 4.44 4.463 2.32 0 3.741-1.456 3.741-3.812v-1.208h-3.658v.687h2.995v.64c0 1.846-1.148 2.995-3.078 2.995-2.12 0-3.694-1.622-3.694-3.765 0-2.084 1.657-3.73 3.8-3.73 1.019 0 1.942.249 2.64.734v-.699c-.674-.485-1.562-.734-2.64-.734-2.569 0-4.546 1.954-4.546 4.429zm1.1 0c0 1.93 1.457 3.41 3.34 3.41 1.811 0 2.723-1.173 2.723-2.463v-.462h-2.64v.71h1.918c.012.699-.628 1.516-2.001 1.516-1.516 0-2.57-1.125-2.57-2.711 0-1.528 1.137-2.676 2.7-2.676 1.018 0 1.823.248 2.57.77l.047-.036v-.663c-.557-.391-1.504-.77-2.64-.77-1.93 0-3.446 1.492-3.446 3.375z" fill="#fff"/></svg>
12160
12161                </li><li class="list-payment__item">
12162                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-atome"><title id="pi-atome">Atome</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#F0FF5F" d="M34.832 15.781h-5.34c-.797 0-1.441-.64-1.441-1.437V9.656a1.44 1.44 0 011.441-1.437h5.344c.793 0 1.441.64 1.441 1.437v4.688a1.445 1.445 0 01-1.445 1.437zm0 0"/><path d="M8.566 10.7h1.278l-.442.995h-.836v1.453c0 .372.153.543.477.543l.348.008v1h-.579c-1.015 0-1.449-.394-1.449-1.32v-1.684h-.57V10.7h.57v-.992h1.203zM6.07 13.827l.235.871H5.219l-.153-.558-.054.058a1.848 1.848 0 01-2.7.023c-.378-.386-.585-.929-.585-1.523 0-.594.207-1.136.582-1.527.359-.371.832-.578 1.34-.578.496 0 .96.195 1.304.539l.082.078v-.516H6.07zm-1.207-1.172c-.023-.55-.43-.953-.965-.953-.562 0-.968.418-.968.996 0 .574.406.992.968.992.536 0 .942-.398.965-.949zm9.473.043c0 .594-.23 1.137-.652 1.524a2.23 2.23 0 01-1.516.574 2.24 2.24 0 01-1.52-.574 2.053 2.053 0 01-.652-1.524c0-.594.234-1.136.652-1.523a2.224 2.224 0 011.52-.578c.574 0 1.11.203 1.516.578.421.386.652.93.652 1.523zm-1.203 0c0-.578-.406-.996-.965-.996-.563 0-.969.418-.969.996 0 .574.406.992.969.992.559 0 .965-.418.965-.992zm12.832-.558v1.007h-2.848l.02.059c.09.3.304.512.629.61.261.078.617.074.882-.008.243-.075.383-.153.383-.153l.63.711c-.4.27-.938.43-1.442.43-1.336 0-2.239-.84-2.239-2.098 0-1.222.856-2.101 2.032-2.101 1.011 0 1.726.562 1.953 1.543zm-1.043.144l-.012-.058c-.094-.45-.43-.723-.902-.723-.477 0-.813.27-.906.723l-.012.058zm-5.078-1.687c-.54 0-.969.207-1.242.601l-.036.055-.039-.055c-.265-.394-.675-.601-1.191-.601-.492 0-.89.191-1.16.55l-.031.047-.223-.496h-1.238l.332.75v3.254h1.203v-2.308c0-.5.258-.797.695-.797.43 0 .684.297.684.797v2.3
1216208H18.8v-2.308c0-.5.258-.797.691-.797.43 0 .688.297.688.797v2.308h1.203v-2.48c0-.989-.606-1.625-1.54-1.625zm14.578 2.23c.238-.27.465-.582.691-.945h-1.265c-.563.734-1.13 1.101-1.688 1.09-.324-.008-.637-.153-.922-.352l.922-1.547.195.32c.282.403.61.196.75.098.196-.133.356-.273.356-.273l-1.3-2.176-3.376 5.656h1.211l.703-1.18c.414.282.895.485 1.434.497h.058c.5 0 .98-.157 1.442-.477l.691 1.16h1.211zm0 0"/></svg>
12163                </li></ul>
12164        </div></div>
12165  </div></div>
12166
12167
12168</div>
12169<!-- END sections: footer-group -->
12170
12171    <ul hidden>
12172      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
12173      <li id="a11y-new-window-message">Opens in a new window.</li>
12174    </ul>
12174<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/predictive-search.js?v=26422326154105282171785495753" defer="defer"></script>
12174<template id="HaloQuickAddTemplate"><quick-add-modal
12175  class="quick-add-modal modal--popup fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden"
12176  element-s-popup
12177  id="QuickAddStandard"
12178>
12179  <div id="Modal-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
12180  <div
12181    class="popup__inner quick-add-modal__content w-auto h-full absolute-c-c flex flex-column global-settings-popup"
12182    role="dialog"
12183    aria-modal="true"
12184    aria-label="Choose options for JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker"
12185    tabindex="-1"
12186    style="--modal-max-height: 85dvh;"
12187  >
12188    <button
12189      class="quick-add-modal__toggle drawer__close block t-button bor-none rounded-full cursor-pointer"
12190      type="button"
12191      onclick="this.closest('quick-add-modal').hide()"
12192      aria-label="Close dialog"
12193      style="--top: 0.3rem; --right: 0.3rem;"
12194    ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
12195</button>
12196    <div id="QuickStandardModal" class="quick-add-modal__content-info cus-scrollbar"></div>
12197  </div>
12198</quick-add-modal>
12199
12200<bulk-modal
12201  class="quick-add-modal quick-add-modal--bulk modal--popup fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden"
12202  element-s-popup
12203  id="QuickAddBulk"
12204>
12205  <div id="Modal-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
12206  <div
12207    class="popup__inner quick-add-modal__content quick-add-modal__content--bulk w-auto h-full md:h-auto absolute-c-c flex flex-column global-settings-popup"
12208    role="dialog"
12209    aria-modal="true"
12210    aria-label="Choose options for JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker"
12211    tabindex="-1"
12212    style="--modal-max-height: 85dvh;--popup-max-width: var(--normal-page-width);"
12213  >
12214    <button
12215      class="quick-add-modal__toggle drawer__close block t-button bor-none rounded-full cursor-pointer"
12216      type="button"
12217      onclick="this.closest('bulk-modal').hide()"
12218      aria-label="Close dialog"
12219      style="--top: 0.3rem; --right: 0.3rem;"
12220    ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
12221</button>
12222    <div
12223      id="QuickBulkModal"
12224      class="quick-add-modal__content-info quick-add-modal__content-info--bulk cus-scrollbar"
12225    ></div>
12226  </div>
12227</bulk-modal></template><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/quick-view.css?v=110737919340097067791785495763" media="print" fetchpriority="low" onload="this.media='all'">
12228    <noscript><link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/quick-view.css?v=110737919340097067791785495763"></noscript><quick-view-modal class="quick-view-modal modal--popup fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden" id="QuickViewStandard">
12229  <div id="Modal-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
12230  <div class="popup__inner quick-view-modal__content w-auto h-full absolute-c-c flex flex-column global-settings-popup" role="dialog" aria-modal="true" aria-label="Choose options for JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker" tabindex="-1" style="--modal-max-height: 85dvh;">
12231    <button 
12232      class="quick-view-modal__toggle drawer__close block t-button bor-none rounded-full cursor-pointer" 
12233      type="button" 
12234      onclick="this.closest('quick-view-modal').hide()" 
12235      aria-label="Close dialog"
12236      style="--top: 0.3rem; --right: 0.3rem;"
12237    ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18">
12237<path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
12238</button>
12239    <div id="QuickViewModal" class="quick-view-modal__content-info cus-scrollbar"></div>
12240  </div>
12241</quick-view-modal>
12242<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/quick-view.js?v=135664582089239870951785495763" defer="defer"></script>
12242<link rel="stylesheet" href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-compare-product.css?v=41433290919025103791785495647" media="print" onload="this.media='all'">
12243<noscript><link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/component-compare-product.css?v=41433290919025103791785495647" rel="stylesheet" type="text/css" media="all" /></noscript>
12244
12245<compare-product-popup class="halo-compareProduct z-2 transform-y-50 pointer-events-none">
12246  <button type="button" class="button button--primary" data-compare-link>
12247
12248<div class="loading__spinner hidden">
12249  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
12250
12251</div>
12252<span class="text">Compare</span> <span class="countPill" data-compare-count></span>
12253	</button>
12254</compare-product-popup>
12255
12256<side-drawer
12257	class="halo-popup halo-compare-product-popup modal--popup drawer fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden"
12258	element-s-popup
12259	data-compare-product-popup
12260	id="halo-compare-product-popup"
12261	data-drawer-direction="center"
12262>
12263	<div id="Drawer-Overlay-Compare" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
12264	<div
12265		class="popup__inner compare-modal__content w-full h-full absolute-c-c flex flex-column global-settings-popup"
12266		role="dialog"
12267		aria-modal="true"
12268		aria-label="Choose options for JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker"
12269		tabindex="-1"
12270		style="--modal-max-width: 95%; --modal-max-height: 90dvh;"
12271		data-drawer-content
12272	>
12273		<div class="halo-popup-wrapper">
12274			<div class="halo-popup-header">
12275				<button
12276					onclick="this.closest('side-drawer').close()"
12277					type="button"
12278					class="drawer__close block t-button bor-none rounded-full cursor-pointer"
12279					data-close-compare-product-popup
12280					aria-label="Close dialog"
12281				><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
12282</button>
12283				<h4 class="halo-popup-title center">Compare</h4>
12284			</div>
12285			<div class="halo-popup-content"><div class="halo-compare-product-content">
12286	<div class="relative max-w-full max-h-full overflow-x-a">
12287		<table class="compareTable relative">
12288			<thead>
12289				<tr class="compare-table-row"><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Product</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">SKU</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Description</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Collection</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Availability</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Product type</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Other details</span></th></tr>
12290			</thead>
12291			<tbody></tbody>
12292		</table>
12293	</div>
12294</div></div>
12295		</div>
12296	</div>
12297</side-drawer>
12298    
12298<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/product-compare.js?v=120606182715615974771785495754" defer="defer"></script>
12298<side-drawer
12299  class="edit-cart-popup customPopup-large modal--popup drawer fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden"
12300  element-s-popup
12301  data-edit-cart-popup
12302  id="halo-edit-cart-popup"
12303  data-drawer-direction="center"
12304>
12305  <div id="Drawer-Overlay-EditCart" class="drawer__overlay fixed inset-0 cursor-pointer"></div>
12306  <edit-cart-modal
12307    class="popup__inner w-auto h-full absolute-c-c flex flex-column global-settings-popup"
12308    role="dialog"
12309    aria-modal="true"
12310    aria-label="Choose options for JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker"
12311    tabindex="-1"
12312    style="--modal-max-height: 85dvh;"
12313    data-drawer-content
12314  >
12315    <button
12316      class="drawer__close block t-button bor-none rounded-full cursor-pointer"
12317      type="button"
12318      onclick="this.closest('side-drawer').close()"
12319      aria-label="Close dialog"
12320      style="--top: 0.3rem; --right: 0.3rem;"
12321    ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
12322</button>
12323    <div class="popup-wrapper">
12324      <div class="popup-edit-header">
12325        <h5 class="popup-title">Edit option</h5>
12326      </div>
12327      <div class="halo-popup-content halo-popup-scroll custom-scrollbar"></div>
12328    </div>
12329  </edit-cart-modal>
12330</side-drawer>
12331�
12331<script>
12332  (function () {
12333    const urls = {
12334      quickAddModalCss: "//jblonlinestore.com.my/cdn/shop/t/41/assets/quick-add-modal.css?v=71700143276421036101785495760",
12335      quantityPopoverCss: "//jblonlinestore.com.my/cdn/shop/t/41/assets/quantity-popover.css?v=48766266399209775371785495759",
12336      quickOrderListCss: "//jblonlinestore.com.my/cdn/shop/t/41/assets/quick-order-list.css?v=32809900141987957721785495762",
12337      productForm: "//jblonlinestore.com.my/cdn/shop/t/41/assets/product-form.js?v=74614673155323331141785495755",
12338      quickAdd: "//jblonlinestore.com.my/cdn/shop/t/41/assets/quick-add.js?v=106608175925175842081785495761",
12339      quickAddBulk: "//jblonlinestore.com.my/cdn/shop/t/41/assets/quick-add-bulk.js?v=82046169787023305291785495760",
12340      quantityPopover: "//jblonlinestore.com.my/cdn/shop/t/41/assets/quantity-popover.js?v=101229765086813771121785495759",
12341      pricePerItem: "//jblonlinestore.com.my/cdn/shop/t/41/assets/price-per-item.js?v=159867965971088391261785495754",
12342      quickOrderList: "//jblonlinestore.com.my/cdn/shop/t/41/assets/quick-order-list.js?v=56221419341783868991785495762",
12343      editCartPopup: "//jblonlinestore.com.my/cdn/shop/t/41/assets/edit-cart.js?v=8446202445903740301785495679",
12344    };
12345
12346    window.__haloLoadedScripts = window.__haloLoadedScripts || {};
12347    window.__haloLoadedStyles = window.__haloLoadedStyles || {};
12348
12349    const hasQuickOrderListSection = Boolean(
12350      document.querySelector('quick-order-list')
12351    );
12352    const hasEditCartPopup = Boolean(
12353      document.querySelector('[data-edit-cart-popup]')
12354    );
12355
12356    if (hasEditCartPopup) {
12357      if (!isDefined('edit-cart-popup')) loadScriptOnce(urls.editCartPopup);
12358    }
12359
12360    if (hasQuickOrderListSection) {
12361      if (!isDefined('quick-order-list')) loadScriptOnce(urls.quickOrderList);
12362    }
12363
12364    function isDefined(name) {
12365      return typeof customElements !== 'undefined' && customElements.get(name);
12366    }
12367
12368    function loadScriptOnce(src) {
12369      if (!src || window.__haloLoadedScripts[src]) return Promise.resolve();
12370      window.__haloLoadedScripts[src] = true;
12371
12372      return new Promise((resolve, reject) => {
12373        const s = document.createElement('script');
12374        s.src = src;
12375        s.defer = true;
12376        s.onload = resolve;
12377        s.onerror = reject;
12378        document.head.appendChild(s);
12379      });
12380    }
12381
12382    function loadStyleOnce(href) {
12383      if (!href || window.__haloLoadedStyles[href]) return;
12384      window.__haloLoadedStyles[href] = true;
12385      const l = document.createElement('link');
12386      l.rel = 'stylesheet';
12387      l.href = href;
12388      document.head.appendChild(l);
12389    }
12390
12391    function ensureQuickAddMarkup() {
12392      if (document.getElementById('QuickAddStandard') || document.getElementById('QuickAddBulk')) return;
12393      const tpl = document.getElementById('HaloQuickAddTemplate');
12394      if (!tpl || !('content' in tpl)) return;
12395      document.body.appendChild(tpl.content.cloneNode(true));
12396    }
12397
12398    function buildQueueForQuickAdd(type) {
12399      // Modal base class is defined by details-disclosure.js (already included in theme.liquid with defer)
12400      const queue = [];
12401
12402      // Shared styles used inside quick add / bulk quick order list
12403      loadStyleOnce(urls.quickAddModalCss);
12404      loadStyleOnce(urls.quantityPopoverCss);
12405      if (type === 'bulk') loadStyleOnce(urls.quickOrderListCss);
12406
12407      if (!isDefined('product-form-component')) queue.push(urls.productForm);
12408      if (!isDefined('quantity-popover')) queue.push(urls.quantityPopover);
12409      if (!isDefined('price-per-item')) queue.push(urls.pricePerItem);
12410
12411      if (type === 'standard' && !isDefined('quick-add-modal')) queue.push(urls.quickAdd);
12412
12413      // Bulk modal element is defined in quick-order-list.js
12414      if (type === 'bulk') {
12415        if (!isDefined('quick-add-bulk')) queue.push(urls.quickAddBulk);
12416        if (!isDefined('quick-order-list')) queue.push(urls.quickOrderList);
12417      }
12418
12419      return queue;
12420    }
12421
12422    async function ensureQuickAddReady(type) {
12423      try {
12424        if (typeof customElements !== 'undefined' && customElements.whenDefined) {
12425          // Ensure ModalDialog is available before loading quick add elements
12426          await customElements.whenDefined('modal-dialog');
12427        }
12428      } catch (e) {}
12429
12430      const queue = buildQueueForQuickAdd(type);
12431      if (queue.length) {
12432        await queue.reduce((p, src) => p.then(() => loadScriptOnce(src)), Promise.resolve());
12433      }
12434      ensureQuickAddMarkup();
12435    }
12436
12437    function prefetchQuickAddAssets(type) {
12438      const queue = buildQueueForQuickAdd(type);
12439      if (!queue.length) return;
12440      queue.reduce((p, src) => p.then(() => loadScriptOnce(src)), Promise.resolve()).catch(() => {});
12441    }
12442
12443    const hasQuickAddStandardOpener = Boolean(
12444      document.querySelector('modal-opener[data-modal="#QuickAddStandard"]')
12445    );
12446    const hasQuickAddBulkOpener = Boolean(
12447      document.querySelector('modal-opener[data-modal="#QuickAddBulk"]')
12448    );
12449
12450    if (hasQuickAddStandardOpener || hasQuickAddBulkOpener) {
12451      const runIdle = (cb) => {
12452        if ('requestIdleCallback' in window) return requestIdleCallback(cb, { timeout: 2000 });
12453        return setTimeout(cb, 250);
12454      };
12455
12456      if (hasQuickAddStandardOpener) runIdle(() => prefetchQuickAddAssets('standard'));
12457      if (hasQuickAddBulkOpener) runIdle(() => prefetchQuickAddAssets('bulk'));
12458    }
12459
12460    document.addEventListener(
12461      'click',
12462      (event) => {
12463        const btn = event.target.closest(
12464          'modal-opener[data-modal="#QuickAddStandard"] button, modal-opener[data-modal="#QuickAddBulk"] button'
12465        );
12466        if (!btn) return;
12467
12468        const openerEl = btn.closest('modal-opener');
12469        const modalSelector = openerEl?.getAttribute('data-modal');
12470        const type = modalSelector === '#QuickAddBulk' ? 'bulk' : 'standard';
12471
12472        // If the modal is already in the DOM, let the normal handler run.
12473        if (modalSelector && document.querySelector(modalSelector)) return;
12474
12475        // Intercept click, lazy-mount + lazy-load assets, then open.
12476        event.preventDefault();
12477        event.stopImmediatePropagation();
12478
12479        ensureQuickAddReady(type)
12480          .then(() => {
12481            const modal = modalSelector ? document.querySelector(modalSelector) : null;
12482            if (modal && typeof modal.show === 'function') modal.show(btn);
12483          })
12484          .catch(() => {});
12485      },
12486      true
12487    );
12488  })();
12489</script>
12489
12490
12491    
12492    
12493
12494<script type="text/javascript">
12495  window._mfq = window._mfq || [];
12496  (function() {
12497    var mf = document.createElement("script");
12498    mf.type = "text/javascript"; mf.defer = true;
12499    mf.src = "//cdn.mouseflow.com/projects/59130ea7-7ea5-41a0-98be-0c6f4fac212e.js";
12500    document.getElementsByTagName("head")[0].appendChild(mf);
12501  })();
12502</script>
12502
12503
12504<script>
12505  /* Accordion [6.x SELECTORS] */
12506  var acc = document.querySelectorAll(".accordion");
12507  for(let i of acc){
12508      i.addEventListener('click', function() {
12509          let accordionArrow = document.querySelector('#accordion-arrow');
12510          if (accordionArrow) { accordionArrow.innerHTML == "\u25BC" ? accordionArrow.innerHTML = "\u25B2" : accordionArrow.innerHTML = "\u25BC"; }
12511          this.classList.toggle("accordion--active");
12512          let panel = this.nextElementSibling;
12513          if (panel) { panel.style.display == "block" ? panel.style.display = "none" : panel.style.display = "block"; }
12514      });
12515  };
12516
12517  /* Read more [6.x SELECTORS] */
12518  const readMore = document.querySelectorAll('.readMoreBtn');
12519  for(let i of readMore){
12520      i.addEventListener('click', function() {
12521          let content = i.parentElement;
12522          content.querySelector(".more").classList.toggle("hide");
12523          i.textContent == "Read More" ? i.textContent = "Read Less" : i.textContent = "Read More";
12524      });
12525  };
12526
12527  /* Push collection description to bottom [6.x SELECTORS] */
12528  const bottomDescriptionContainer = document.querySelector('.collection-hero__description');
12529  const bottomDescriptionContent = document.querySelector('.content-block');
12530  if (bottomDescriptionContainer && bottomDescriptionContent) {
12531    bottomDescriptionContainer.append(bottomDescriptionContent);
12532  }
12533</script>
vendor: 1 bytes, line 12533
12533
12534<script type="text/javascript">
12535window.dataLayer = window.dataLayer || [];
12536const cta_elements_fpd = {
12537  'siteurl': 'https://jblonlinestore.com.my',
12538  'logo': '.header__heading-logo',
12539  'top_menu_navigation': '.header__menu-item',
12540  'search': '.search__input, .search__button',
12541  'cart': '.header__icon--cart',
12542  'my_wish_list': '.header__icon--wishlist',
12543  'login': '.customer_login_link',
12544  'search_term': '#Search-In-Modal',
12545  'chat_icon': '.chat-toggle',
12546  'sign_in_success': '.auth-form-2',
12547  'forgot_password_click': '.forgot-password',
12548  'sign_up_link': '.customer_register_link, .button-register',
12549  'login_error': '#customer_login .alertBox .alertBox-message',
12550  'cancel_recover': 'form[action="/account/recover"]',
12551  'success_recover': 'form[action="/account/recover"]',
12552  'create_account': '#create_customer',
12553  'create_account_error': '#create_customer .alertBox .alertBox-message',
12554  'banner_clicks': '.slideshow',
12555  'social_clicks': '.list-social__link',
12556  'social_share_sticky': '.recently-viewed-share .list-social__link',
12557  'footer_links': '.footer-block__list .link',
12558  'write_review': '.spr-summary-actions-newreview',
12559  'newsletter_form': '#ContactFooter',
12560  'newsletter_form_error': '#ContactFooter',
12561  'add_to_cart': '#product-add-to-cart',
12562  'add_to_wishlist': '.productView-wishlist a, a[data-wishlist-handle]',
12563  'sticky_cart': 'cart-sidebar-show',
12564  'sticky_cart_close': 'cart-sidebar-show',
12565  'sticky_view_cart': 'a.button-view-cart',
12566  'sticky_checkout_cart': 'button.button-checkout',
12567  'shopping_checkout': '.template-cart .button-checkout',
12568  'shopping_continue_shopping': '.template-cart .button-continue',
12569  'sortby': '.filter-sortby',
12570  'filter_availability': 'input[name="filter.v.availability"]',
12571  'filter_reset': '.facets__reset',
12572  'related_products': '.card-product .card-media .card-link',
12573  'logout_link': '#customer_logout_link',
12574  'view_addresses': 'a[href="/account/addresses"]',
12575  'edit_address_button': '.edit-address-button',
12576  'delete_address_button': '.delete-address-button',
12577  'add_address_button': '.add-address-button',
12578  'update_address_button': '.update-address-button',
12579  'cancel_address_button': '.cancel-address-button',
12580  'back_account': '.back-account',
12581  'product_review_form': '.new-review-form',
12582  'contact_us_form': '.contact-form',
12583  'recently_viewed_popup': '.recently-viewed-icon',
12584  'product_info_share': '.share-button__button',
12585  'product_tabs': '.tab-title',
12586  'show_more': 'button[sectionid="template--18351751430444__16328142266b504c78"]',
12587  'buy_now_button': 'button[data-testid="Checkout-button"]',
12588  'filter_apply':  '#filter__price--apply',
12589  'clear_apply_all': '.facets__clear-all',
12590  'banner_item': '.banner-item a'
12591};
12592const cta_params_fpd = {
12593  'logo': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'top navigation', link_section: 'header', link_text: 'logo' },
12594  'top_menu_navigation': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'top navigation', link_section: 'header' },
12595  'search': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'top navigation', link_section: 'header', link_text: 'search'  },
12596  'cart': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'top navigation', link_section: 'header', link_text: 'shopping cart'  },
12597  'my_wish_list': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'top navigation', link_section: 'header', link_text: 'my wish list'  },
12598  'login': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'top navigation', link_section: 'header', link_text: 'login'  },
12599  'search_term': { event: 'ga4_search_interaction', event_name: 'search_interaction', link_name: 'search', link_section: 'header' },
12600  'chat_icon': { event: 'ga4_sticky_links', event_name: 'sticky_links', link_name: 'side_links', link_section: 'chat icon', link_text: 'chat logo' },
12601  'sign_in_success': { event: 'ga4_registration_interaction', event_name: 'registration_interaction', link_name: 'account', link_section: 'login', link_text: 'login complete'},
12602  'forgot_password_click': { event: 'ga4_registration_interaction', event_name: 'registration_interaction', link_name: 'account', link_section: 'login', link_text: 'forgot password'},
12603  'sign_up_link': { event: 'ga4_registration_interaction', event_name: 'registration_interaction', link_name: 'account', link_section: 'login', link_text: 'create account'},
12604  'login_error': { event: 'ga4_registration_interaction', event_name: 'registration_interaction', link_name: 'account', link_section: 'login' },
12605  'cancel_recover': { event: 'ga4_registration_interaction', event_name: 'registration_interaction', link_name: 'account', link_section: 'forgot password', link_text: 'reset password cancel' },
12606  'success_recover': { event: 'ga4_registration_interaction', event_name: 'registration_interaction', link_name: 'account', link_section: 'forgot password', link_text: 'reset password succesful'},
12607  'create_account':  { event: 'ga4_registration_interaction', event_name: 'registration_interaction', link_name: 'account', link_section: 'registration', link_text: 'sign up complete'},
12608  'create_account_error': { event: 'ga4_registration_interaction', event_name: 'registration_interaction', link_name: 'account', link_section: 'registration' },
12609  'banner_clicks': { event: 'ga4_banner_interaction', event_name: 'banner_interaction', link_name: 'banner' },
12610  'social_clicks': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'footer navigation', link_section: 'social' },
12611  'social_share_sticky': { event: 'ga4_sticky_links', event_name: 'sticky_links', link_name: 'side_links', link_section: 'social' },
12612  'footer_links': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'footer navigation', link_section: 'footer' },
12613  'newsletter_form': { event: 'ga4_newsletter_subscription', event_name: 'newsletter_subscription', link_name: 'footer', link_section: 'newsletter', link_text: 'successful signup' },
12614  'newsletter_form_error': { event: 'ga4_newsletter_subscription', event_name: 'newsletter_subscription', link_name: 'footer', link_section: 'newsletter', link_text: 'not successful signup' },
12615  'write_review': { event: 'ga4_product_interaction', event_name: 'product_interaction', link_name: 'product details', link_section: 'product', link_text: 'write review' },
12616  'add_to_cart': { event: 'ga4_product_interaction', event_name: 'product_interaction', link_name: 'product details', link_section: 'product', link_text: 'add to cart' },
12617  'add_to_wishlist': { event: 'ga4_product_interaction', event_name: 'product_interaction', link_name: 'product details', link_section: 'product', link_text: 'add to wishlist' },
12618  'sticky_cart': { event: 'ga4_modal_interaction', event_name: 'modal_interaction', link_name: 'sticky cart', link_section: 'cart modal', link_text: 'cart detail' },
12619  'sticky_cart_close': { event: 'ga4_modal_interaction', event_name: 'modal_interaction', link_name: 'sticky cart', link_section: 'cart modal', link_text: 'modal close' },
12620  'sticky_view_cart': { event: 'ga4_modal_interaction', event_name: 'modal_interaction', link_name: 'sticky cart', link_section: 'cart modal', link_text: 'view cart' },
12621  'sticky_checkout_cart': { event: 'ga4_modal_interaction', event_name: 'modal_interaction', link_name: 'sticky cart', link_section: 'cart modal', link_text: 'checkout' },
12622  'shopping_checkout': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'cart', link_section: 'shopping cart', link_text: 'checkout' },
12623  'shopping_continue_shopping': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'cart', link_section: 'shopping cart', link_text: 'continue shopping' },
12624  'sortby': { event: 'ga4_filter_interaction', event_name: 'filter_interaction', link_name: 'collection', link_section: 'short by' },
12625  'filter_availability': { event: 'ga4_filter_interaction', event_name: 'filter_interaction', link_name: 'collection', link_section: 'filter by' },
12626  'filter_reset': { event: 'ga4_filter_interaction', event_name: 'filter_interaction', link_name: 'collection', link_section: 'filter by' },
12627  'related_products': { event: 'ga4_product_interaction', event_name: 'product_interaction', link_name: 'recommendation', link_section: 'related items', link_text:'product click' },
12628  'logout_link': { event: 'ga4_myaccount_interaction', event_name: 'myaccount_interaction', link_name: 'my account', link_section: 'account details', link_text:'sign out' },
12629  'view_addresses': { event: 'ga4_myaccount_interaction', event_name: 'myaccount_interaction', link_name: 'my account', link_section: 'addresses', link_text:'view addresses' },
12630  'edit_address_button':  { event: 'ga4_myaccount_interaction', event_name: 'myaccount_interaction', link_name: 'my account', link_section: 'addresses', link_text:'edit address' },
12631  'delete_address_button':  { event: 'ga4_myaccount_interaction', event_name: 'myaccount_interaction', link_name: 'my account', link_section: 'addresses', link_text:'delete address' },
12632  'add_address_button': { event: 'ga4_myaccount_interaction', event_name: 'myaccount_interaction', link_name: 'my account', link_section: 'addresses', link_text:'add address' },
12633  'update_address_button': { event: 'ga4_myaccount_interaction', event_name: 'myaccount_interaction', link_name: 'my account', link_section: 'addresses', link_text:'update address' },
12634  'cancel_address_button': { event: 'ga4_myaccount_interaction', event_name: 'myaccount_interaction', link_name: 'my account', link_section: 'addresses', link_text:'cancel address' },
12635  'back_account': { event: 'ga4_myaccount_interaction', event_name: 'myaccount_interaction', link_name: 'my account', link_section: 'addresses', link_text:'show more' },
12636  'product_review_form': { event: 'ga4_form_interaction', event_name: 'form_interaction', link_name: 'form_start', link_section: 'review'},
12637  'contact_us_form': { event: 'ga4_form_interaction', event_name: 'form_interaction', link_name: 'form_start', link_section: 'contact us'},
12638  'recently_viewed_popup': { event: 'ga4_sticky_links', event_name: 'sticky_links', link_name: 'side_links', link_section: 'side sticky' },
12639  'product_info_share': { event: 'ga4_product_interaction', event_name: 'product_interaction', link_name: 'product details', link_section: 'share' },
12640  'product_tabs': { event: 'ga4_product_interaction', event_name: 'product_interaction', link_name: 'product details', link_section: 'product related info' },
12641  'show_more': { event: 'ga4_click_interaction', event_name: 'click_interaction', link_name: 'home', link_text: 'best seller', link_text: 'show more' },
12642  'buy_now_button': { event: 'ga4_product_interaction', event_name: 'product_interaction', link_name: 'product details', link_section: 'buy it now', link_text: 'buy with shop pay' },
12643  'filter_apply':  { event: 'ga4_filter_interaction', event_name: 'filter_interaction', link_name: 'collection', link_section: 'filter by', link_text: 'apply filter' },
12644  'clear_apply_all': { event: 'ga4_filter_interaction', event_name: 'filter_interaction', link_name: 'collection', link_section: 'filter by', link_text: 'clear all' },
12645  'banner_item':  { event: 'ga4_banner_interaction', event_name: 'banner_interaction', link_name: 'banner' },
12646  
12647};
12648
12649// logo click
12650fpdTrackSelectorHead(cta_elements_fpd.logo, cta_params_fpd.logo);
12651// navigation menu click
12652fpdTrackSelectorHeadMenu(cta_elements_fpd.top_menu_navigation, cta_params_fpd.top_menu_navigation);
12653// search click
12654fpdTrackSelectorHead(cta_elements_fpd.search, cta_params_fpd.search);
12655// cart click
12656fpdTrackSelectorHead(cta_elements_fpd.cart, cta_params_fpd.cart);
12657// my wish list top
12658fpdTrackSelectorHead(cta_elements_fpd.my_wish_list, cta_params_fpd.my_wish_list);
12659// login click
12660fpdTrackSelectorHead(cta_elements_fpd.login, cta_params_fpd.login);
12661// search terms
12662fpdTrackOnSearch(cta_elements_fpd.search_term, cta_params_fpd.search_term);
12663// sign in success
12664fpdTrackAcctFormSubmit(cta_elements_fpd.sign_in_success, '/account/login',cta_params_fpd.sign_in_success);
12665// recover password
12666fpdTrackAcctFormSubmit(cta_elements_fpd.success_recover, '/account/recover',cta_params_fpd.success_recover);
12667// create account
12668fpdTrackAcctFormSubmit(cta_elements_fpd.create_account, '/account',cta_params_fpd.create_account);
12669// forgot password click link 
12670fpdTrackSelectorBody(cta_elements_fpd.forgot_password_click, cta_params_fpd.forgot_password_click);
12671// sign up click link 
12672fpdTrackSelectorBody(cta_elements_fpd.sign_up_link, cta_params_fpd.sign_up_link);
12673// login error message
12674fpdloginError(cta_elements_fpd.login_error, cta_params_fpd.login_error);
12675// create account error
12676fpdcreateAccountError(cta_elements_fpd.create_account_error, cta_params_fpd.create_account_error);
12677// cancel recover password
12678fpdRecoverCancel(cta_elements_fpd.cancel_recover, cta_params_fpd.cancel_recover);
12679// banner clicks
12680fpdBannerClicks(cta_elements_fpd.banner_clicks, '.slide-image', cta_params_fpd.banner_clicks);
12681// social clicks
12682fpdTrackSelectorBody(cta_elements_fpd.social_clicks, cta_params_fpd.social_clicks);
12683// social clicks sticky
12684fpdTrackSelectorBody(cta_elements_fpd.social_share_sticky, cta_params_fpd.social_share_sticky);  
12685//product_info_share
12686fpdTrackSelectorBody(cta_elements_fpd.product_info_share, cta_params_fpd.product_info_share);
12687//tab-title
12688fpdTrackSelectorBody(cta_elements_fpd.product_tabs, cta_params_fpd.product_tabs);  
12689// footer links
12690fpdTrackSelectorBody(cta_elements_fpd.footer_links, cta_params_fpd.footer_links);
12691// newsletter submitted
12692fpdNewsLetterSubmitted(cta_elements_fpd.newsletter_form, cta_params_fpd.newsletter_form, 'ContactFooter-success');
12693// newsletter error
12694fpdNewsLetterSubmitted(cta_elements_fpd.newsletter_form_error, cta_params_fpd.newsletter_form_error, 'ContactFooter-error');
12695// product details add to cart
12696fpdTrackSelectorBody(cta_elements_fpd.add_to_cart, cta_params_fpd.add_to_cart);
12697// sticky cart
12698fpdIfModalVisible(cta_elements_fpd.sticky_cart);
12699fpdTrackSelectorDynamic(cta_elements_fpd.sticky_view_cart, cta_params_fpd.sticky_view_cart);
12700fpdTrackSelectorDynamic(cta_elements_fpd.sticky_checkout_cart, cta_params_fpd.sticky_checkout_cart);
12701// shopping cart page
12702fpdTrackSelectorBody(cta_elements_fpd.shopping_checkout, cta_params_fpd.shopping_checkout);
12703fpdTrackSelectorBody(cta_elements_fpd.shopping_continue_shopping, cta_params_fpd.shopping_continue_shopping);
12704// sort filter by
12705fpdTrackSortBy(cta_elements_fpd.sortby, cta_params_fpd.sortby);
12706// filter availability
12707fpdTrackSelectorBodyFilterAvailability(cta_elements_fpd.filter_availability, cta_params_fpd.filter_availability);
12708// filter reset
12709fpdTrackSelectorBody(cta_elements_fpd.filter_reset, cta_params_fpd.filter_reset);
12710// related products
12711fpdTrackRelatedProducts(cta_elements_fpd.related_products, cta_params_fpd.related_products);
12712// sign out
12713fpdTrackSelectorBody(cta_elements_fpd.logout_link, cta_params_fpd.logout_link);
12714// view addresses
12715fpdTrackSelectorBody(cta_elements_fpd.view_addresses, cta_params_fpd.view_addresses);
12716// edit address
12717fpdTrackSelectorBody(cta_elements_fpd.edit_address_button, cta_params_fpd.edit_address_button);
12718// delte address
12719fpdTrackSelectorBody(cta_elements_fpd.delete_address_button, cta_params_fpd.delete_address_button);
12720// add address
12721fpdTrackSelectorBody(cta_elements_fpd.add_address_button, cta_params_fpd.add_address_button);
12722// cancel address
12723fpdTrackSelectorBody(cta_elements_fpd.cancel_address_button, cta_params_fpd.cancel_address_button);
12724// update address
12725fpdTrackSelectorBody(cta_elements_fpd.update_address_button, cta_params_fpd.update_address_button);
12726// back_account
12727fpdTrackSelectorBody(cta_elements_fpd.back_account, cta_params_fpd.back_account);
12728//filter_apply
12729fpdTrackSelectorBody(cta_elements_fpd.filter_apply, cta_params_fpd.filter_apply);
12730//clear_apply_all
12731fpdTrackClearAllApply(cta_elements_fpd.clear_apply_all, cta_params_fpd.clear_apply_all);
12732// review form
12733fpdTrackReviewForm(cta_elements_fpd.product_review_form, cta_params_fpd.product_review_form);
12734// contact form
12735fpdTrackContactForm(cta_elements_fpd.contact_us_form, cta_params_fpd.contact_us_form);
12736// write review 
12737fpdTrackSelectorDynamic(cta_elements_fpd.write_review, cta_params_fpd.write_review);
12738// product details add to cart
12739fpdTrackSelectorSideSticky(cta_elements_fpd.recently_viewed_popup, cta_params_fpd.recently_viewed_popup);
12740// show more
12741fpdTrackSelectorBody(cta_elements_fpd.show_more, cta_params_fpd.show_more);
12742// product details buy now button
12743fpdbuyNowButon(cta_elements_fpd.buy_now_button, cta_params_fpd.buy_now_button);
12744// banner item
12745fpdBannerItemClick(cta_elements_fpd.banner_item, cta_params_fpd.banner_item);
12746  
12747function addEventFormatFpd (get_params_on_clicked) {
12748  get_params_on_clicked.local_site = 'MY';
12749  get_params_on_clicked.local_currency = 'MYR';
12750  get_params_on_clicked.user_id ='';get_params_on_clicked.login_status ='guest';dataLayer.push(get_params_on_clicked);
12751  console.log(get_params_on_clicked,' get_params_on_clicked');
12752}
12753function fpdBannerItemClick(class_name, obj) {
12754
12755  var banner_items = document.querySelectorAll(class_name);
12756  banner_items.forEach( (e, index) => {
12757       e.addEventListener('click', (d) => {
12758          obj.link_section = e.getAttribute('title');
12759          obj.link_text = 'no cta - full image only';
12760          addEventFormatFpd(obj);
12761       });
12762  });
12763}
12764
12765function fpdTrackSelectorHead(class_name, obj) {
12766  var header_element = document.querySelector('header');
12767  const fpd_item_click = header_element.querySelectorAll(class_name);
12768  if(fpd_item_click) {
12769    fpd_item_click.forEach(el => { el.addEventListener('click', () => {
12770        if (!obj.hasOwnProperty('link_text')) {
12771          obj.link_text = fpdtrimSpaceLeftRight(el.textContent);
12772          obj.link_url = cta_elements_fpd.siteurl + el.getAttribute('href');
12773        }
12774        addEventFormatFpd(obj);
12775      });
12776    });
12777  }
12778}
12779function fpdTrackSelectorHeadMenu(class_name, obj) {
12780  var header_element = document.querySelector('header');
12781  const fpd_item_click = header_element.querySelectorAll(class_name);
12782  if(fpd_item_click) {
12783    fpd_item_click.forEach(el => { 
12784      el.addEventListener('click', () => {
12785        if (!obj.hasOwnProperty('link_text')) {
12786         if (el.classList.contains('menu-lv-2__action')) {
12787            const parent_menu = el.closest('.menu-lv-1').querySelector('.menu-lv-1__action .text').textContent.trim();
12788            const pn = parent_menu ? parent_menu + " | " : "";
12789            console.log(el.querySelector('.text'), 'el.querySelector text');
12790            obj.link_text = pn + el.querySelector('.text').textContent.trim();
12791          } else {
12792            obj.link_text = el.querySelector('.text').textContent.trim();
12793          }
12794          obj.link_url = cta_elements_fpd.siteurl + el.getAttribute('href');
12795        }
12796        addEventFormatFpd(obj);
12797      });
12798    });
12799  }
12800}
12801function fpdTrackClearAllApply(class_name, obj) {
12802  waitForElmFpd(class_name).then((e) => {
12803   
12804    var clrall = document.querySelectorAll(class_name);
12805    console.log(clrall, 'clrall');
12806    clrall.forEach((ee) => {
12807      ee.addEventListener('click', (ed) => {
12808         console.log(ed, 'eeeee');
12809         addEventFormatFpd(obj);
12810      });
12811    });
12812  });
12813}
12814function fpdTrackSelectorBody(class_name, obj) {
12815  const fpd_item_click = document.querySelectorAll(class_name);
12816  if(fpd_item_click) {
12817    var newojb, link_text, link_url, linkss;
12818    fpd_item_click.forEach((el, index) => { 
12819        el.addEventListener('click', (mm) => {
12820          if (!obj.hasOwnProperty('link_text')) {
12821            link_text = fpdtrimSpaceLeftRight(el.textContent);
12822            link_url = cta_elements_fpd.siteurl + el.getAttribute('href');
12823          } else {
12824            link_text = obj.link_text;
12825          }
12826          if (!obj.hasOwnProperty('link_section')) {
12827            linkss = fpdtrimSpaceLeftRight(el.textContent);
12828          } else {
12829            linkss = obj.link_section;
12830          }
12831          newojb = { 
12832                           event: obj.event, 
12833                           event_name: obj.event_name, 
12834                           link_name: obj.link_name, 
12835                           link_section: linkss, 
12836                           link_text: link_text };
12837          console.log(newojb);
12838          addEventFormatFpd(newojb);
12839          
12840        });
12841    });
12842  }
12843}
12844
12845function fpdTrackSelectorBodyFilterAvailability(class_name, obj) {
12846  const fpd_item_click = document.querySelectorAll(class_name);
12847  if(fpd_item_click) {
12848    var newojb, link_text, link_url, linkss;
12849    fpd_item_click.forEach((el, index) => { 
12850        el.addEventListener('click', (mm) => {
12851          var label = el.getAttribute('id');
12852          if (!obj.hasOwnProperty('link_text')) {
12853            link_text = label == 'Filter-Availability-1' ? 'instock' : 'out of stock';
12854            link_url = cta_elements_fpd.siteurl + el.getAttribute('href');
12855          } else {
12856            link_text = obj.link_text;
12857          }
12858          if (!obj.hasOwnProperty('link_section')) {
12859            linkss = fpdtrimSpaceLeftRight(label);
12860          } else {
12861            linkss = obj.link_section;
12862          }
12863          newojb = { 
12864                           event: obj.event, 
12865                           event_name: obj.event_name, 
12866                           link_name: obj.link_name, 
12867                           link_section: linkss, 
12868                           link_text: link_text };
12869          addEventFormatFpd(newojb);
12870        });
12871    });
12872  }
12873}
12874
12875fpdTrackRecentViewSlick('.halo-recently-viewed-popup .product-info', cta_params_fpd.recently_viewed_popup);
12876  
12877function fpdTrackRecentViewSlick(class_name, obj) {
12878  waitForElmFpd('.halo-recently-viewed-popup .slick-list').then((ex) => {
12879
12880        console.log(document.querySelectorAll('.icon-external-link'), 'icon-external-link');
12881         document.querySelectorAll('.icon-external-link').forEach(eicon => {
12882             eicon.closest('a').addEventListener('click', (mkk) => {
12883                   console.log(eicon.closest('a').closest('.slick-slide').querySelector('.product-title .text').textContent, 'mkk');
12884                    obj.link_name = 'side_links';
12885                    obj.link_section = 'recently view';
12886                    obj.link_text = 'product click';
12887                    obj.product_name = eicon.closest('a').closest('.slick-slide').querySelector('.product-title .text').textContent;
12888                    obj.link_url = 'https://jblonlinestore.com.my/' + eicon.closest('a').closest('.slick-slide').querySelector('.product-title').getAttribute('href');
12889                    addEventFormatFpd(obj);
12890              }, { once: true });
12891         });
12892         e.addEventListener('mouseover', function(k) {
12893            waitForElmFpd('.halo-recently-viewed-popup .product-info .first .product-title').then((t) => {
12894              const tt = document.querySelectorAll('.halo-recently-viewed-popup .product-info .first .product-title');
12895               tt.forEach(te => {
12896                te.addEventListener('click', (m) => {
12897                    obj.link_name = 'side_links';
12898                    obj.link_section = 'recently view';
12899                    obj.link_text = 'product click';
12900                    obj.product_name = fpdtrimSpaceLeftRight(te.querySelector('.text').textContent);
12901                    obj.link_url =  'https://jblonlinestore.com.my/' + m.target.parentNode.getAttribute('href');
12902                    addEventFormatFpd(obj);
12903                 }, { once: true });
12904              });
12905            });
12906         });
12907
12908  });
12909}
12910function fpdTrackSelectorSideSticky(class_name, obj) {
12911  const fpd_item_click = document.querySelectorAll(class_name);
12912  if(fpd_item_click) {
12913    fpd_item_click.forEach(el => { el.addEventListener('click', (e) => {
12914          if (el.getAttribute('data-target') === 'halo-recently-viewed-list') {
12915            var link_text = 'recent viewed';
12916          } else if (el.getAttribute('data-target') === 'halo-recently-viewed-share') {
12917            var link_text = 'social share';
12918          } else {
12919            var link_text = 'up arrow icon';
12920          }
12921          console.log(link_text, 'link text');
12922          obj.link_text = link_text;
12923          obj.link_url = cta_elements_fpd.siteurl + e.target.getAttribute('href');
12924   
12925        addEventFormatFpd(obj);
12926        obj.link_text = null;
12927      });
12928    });
12929  }
12930}
12931
12932function fpdbuyNowButon(class_name, obj) {
12933   document.addEventListener('DOMContentLoaded', () => {
12934    document.body.addEventListener('click', (event) => {
12935        if (event.target.matches(class_name)) {
12936           console.log('event', event, event.target.matches(class_name));
12937          obj.link_text = 'buy it now';
12938          obj.product_name = document.querySelector('h1.productView-title span').textContent.trim();
12939          obj.product_url = cta_elements_fpd.siteurl + window.location.pathname;
12940          obj.link_url = cta_elements_fpd.siteurl + window.location.pathname;
12941          addEventFormatFpd(obj);
12942        }
12943    });
12944  });
12945}
12946  
12947function fpdTrackRelatedProducts(class_name, obj) {
12948  const fpd_item_click = document.querySelectorAll(class_name);
12949  waitForElmFpd('.slick-slider').then(() => {
12950    var slider = document.querySelector('.slick-slider');
12951    slider.addEventListener('click', function (event) {
12952      var clickedSlide = event.target.closest('.slick-slide');
12953      if (clickedSlide) {
12954        var cl = clickedSlide.querySelector('.card-title').getAttribute("data-product-title");
12955        var href =   cta_elements_fpd.siteurl + clickedSlide.querySelector('.card-title').getAttribute("data-product-url");
12956        obj.product_name = cl;
12957        obj.link_url = href;
12958        addEventFormatFpd(obj);
12959      }
12960    });
12961  });
12962}
12963function fpdTrackSelectorDynamic(class_name, obj) {
12964  document.addEventListener('DOMContentLoaded', () => {
12965    document.body.addEventListener('click', (event) => {
12966        // Check if the event target has a specific class or tag name (
12966adjust as needed)
12967        if (event.target.matches(class_name)) {
12968            obj.link_text = fpdtrimSpaceLeftRight(event.target.textContent);
12969            obj.link_url = cta_elements_fpd.siteurl + event.target.getAttribute('href');
12970            addEventFormatFpd(obj);
12971        }
12972    });
12973  });
12974}
12975function fpdTrackOnSearch(qname, obj) {
12976  var typingTimer;
12977  var doneTypingInterval = 500;
12978  var searchInput = document.querySelector(qname);
12979  searchInput.addEventListener('input', function(e) {
12980    clearTimeout(typingTimer);
12981    typingTimer = setTimeout(function() {
12982        var searchValue = e.target.value;
12983        obj.link_text = searchValue;
12984        addEventFormatFpd(obj);
12985      }, doneTypingInterval);
12986  });
12987}
12988function fpdloginError(lfm='#customer_login .alerBox .alertBox-message', obj) {
12989  const message_container = document.querySelector(lfm);
12990  // Check if the innerHTML of the error message is not empty
12991  if (message_container !== null && message_container.innerHTML.trim() !== '') {
12992      obj.link_text = fpdtrimSpaceLeftRight(message_container.textContent);
12993      addEventFormatFpd(obj);
12994  }
12995}
12996function fpdcreateAccountError(lfm='#create_customer .alerBox .alertBox-message', obj) {
12997  const message_container = document.querySelector(lfm);
12998  // Check if the innerHTML of the error message is not empty
12999  if (message_container !== null && message_container.innerHTML.trim() !== '') {
13000      obj.link_text = 'error | '+ fpdtrimSpaceLeftRight(message_container.textContent);
13001      addEventFormatFpd(obj);
13002  }
13003}  
13004function fpdRecoverCancel(lfm='form[action="/account/recover"]', obj) {
13005  // Get the form and anchor element using class names
13006  const form = document.querySelector(lfm);
13007  if (form){
13008    const anchor = form.querySelector('a.cancel');
13009    // Add a click event listener to the anchor element
13010    anchor.addEventListener('click', function(event) {
13011      // Check if the form action contains the URL '/account/recover'
13012      if (form.action.includes('/account/recover')) {
13013         addEventFormatFpd(obj);
13014      }
13015    });
13016  }
13017}
13018function fpdBannerClicks(banner_container, link_class, obj) {
13019  const eb = document.querySelector(banner_container);
13020  if(eb){
13021    const fpd_item_click = eb.querySelectorAll(link_class);
13022    var c = 0, cat;
13023    var post = 1;
13024    fpd_item_click.forEach(el => { el.addEventListener('click', () => {
13025        c = c++;
13026        if (!obj.hasOwnProperty('link_text')) {
13027          obj.link_section = el.getAttribute('title');
13028          console.log(el.closest('.slick-slide'), 'el.closest');
13029
13030          if (el.closest('.slick-slide').getAttribute('data-index')) {
13031             pos = el.closest('.slick-slide').getAttribute('data-index');
13032          } else {
13033             pos = 1;
13034          }
13035          if ( window.location.pathname === '/') {
13036            cat = 'Home';
13037          } else {
13038            cat = window.location.pathname;
13039          }
13040          obj.link_text = pos + " | " + cat;
13041          obj.link_url = cta_elements_fpd.siteurl + el.getAttribute('href');
13042        }
13043        addEventFormatFpd(obj);
13044      });
13045    });
13046  }
13047}
13048// Click event handler
13049function handleClick(event) {
13050  console.log('Clicked inside the iframe!', event.target);
13051}
13052function waitForElmFpd(selector) {
13053    return new Promise(resolve => {
13054        if (document.querySelector(selector)) {
13055            return resolve(document.querySelector(selector));
13056        }
13057        const observer = new MutationObserver(mutations => {
13058            if (document.querySelector(selector)) {
13059                resolve(document.querySelector(selector));
13060                observer.disconnect();
13061            }
13062        });
13063        observer.observe(document.body, {
13064            childList: true,
13065            subtree: true
13066        });
13067    });
13068}
13069
13070let timeoutid_fpd;
13071function logTimeoutFpd() {
13072  console.log("Timeout completed after 3 seconds!");
13073}
13074timeoutid_fpd = setTimeout(logTimeoutFpd, 3000);
13075waitForElmFpd('#shopify-chat').then(() => {
13076   const iframe = document.getElementById('ShopifyChat');
13077   setTimeout(() => {
13078      clearTimeout(timeoutid_fpd);
13079       if (iframe) {
13080        const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
13081        if(iframeDocument.getElementsByClassName('chat-app')[0]) {
13082          iframeDocument.getElementsByClassName('chat-app')[0].addEventListener('click', function() {
13083            addEventFormatFpd(cta_params_fpd.chat_icon);
13084          });
13085        }     
13086      }
13087  }, 3000);
13088});
13089
13090function fpdTrackAcctFormSubmit(sf, f_action='/account/login', obj) {
13091  // Get the login form element
13092  var check_form = document.querySelector(sf);
13093  if(check_form) {
13094    //Attach an event listener to the form submission
13095    check_form.addEventListener('submit', function(event) {
13096    event.preventDefault(); // Prevent the form from submitting
13097    // Perform an AJAX request to the login endpoint
13098    var xhr = new XMLHttpRequest();
13099    xhr.open('POST', f_action, true);
13100    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
13101    xhr.addEventListener('load', function() {
13102      if (xhr.status === 200) {
13103        addEventFormatFpd(obj);
13104        console.log(obj, sf);
13105      }
13106    });
13107    var formData = new FormData(check_form);
13108    var serializedData = [];
13109    for (var pair of formData.entries()) {
13110      serializedData.push(encodeURIComponent(pair[0]) + '=' + encodeURIComponent(pair[1]));
13111    }
13112    var postData = serializedData.join('&');
13113    xhr.send(postData);
13114  });
13115  }
13116}
13117function fpdtrimSpaceLeftRight(text) {
13118  text = text.replace(/^\s+|\s+$/g, '');
13119  return text;
13120}
13121// newsletter submitted
13122function fpdNewsLetterSubmitted(frm, obj, msg='ContactFooter-error') {
13123  // Get the form element
13124    waitForElmFpd(frm).then(() => {
13125        const myForm = document.querySelector(frm);
13126        // Get the input element inside the form
13127        console.log(myForm, 'myForm');
13128        if (myForm) {
13129          const inputElement = myForm.querySelector('input[type="email"]');
13130          // Check if the input element has the specified attribute
13131          console.log(inputElement, 'inputElement');
13132          const hasAttribute = inputElement.getAttribute('aria-describedby') === msg;
13133          // Return the result (true or false) based on the presence of the attribute
13134          console.log(hasAttribute);
13135          if (hasAttribute) {
13136             addEventFormatFpd(obj);
13137          }
13138        }
13139    });
13140}
13141function fpdIfModalVisible(class_name) {
13142  const cbody = document.querySelector('body');
13143  // Check the visibility property
13144  if(cbody) {
13145      //document.querySelector('.header__icon--cart, .halo-sidebar-close').addEventListener('click', () => {
13146      document.querySelector('.header__icon--cart, .halo-sidebar-close').addEventListener('click', (e) => {
13147        const observer = new MutationObserver((mutationsList, observer) => {
13148          mutationsList.forEach((mutation) => {
13149            if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
13150               const hasCartViewClass = cbody.classList.contains('cart-sidebar-sh
13150ow');
13151               if (hasCartViewClass) {
13152                  //addEventFormatFpd(cta_params_fpd.sticky_cart);
13153                } else {
13154                  addEventFormatFpd(cta_params_fpd.sticky_cart_close);
13155               }
13156            }
13157          });
13158        });
13159        const config = { attributes: true, attributeFilter: ['class'] };
13160        observer.observe(cbody, config);
13161    });
13162  }
13163  if (document.querySelector('#product-add-to-cart')) {
13164    document.querySelector('#product-add-to-cart').addEventListener('click', function(){
13165      addEventFormatFpd(cta_params_fpd.sticky_cart);
13166    });
13167  }
13168}
13169function fpdTrackSortBy(class_name='body', obj) {
13170  const fpd_item_click = document.querySelector(class_name);
13171  if(fpd_item_click) {
13172    waitForElmFpd('li[data-sort-by-item]').then((e) => {
13173      document.querySelectorAll('li[data-sort-by-item] span').forEach(el => { 
13174          el.addEventListener('click', (srt) => {
13175             obj.link_text =fpdtrimSpaceLeftRight(srt.target.innerHTML);
13176             addEventFormatFpd(obj);
13177          });
13178      });
13179    });
13180  }
13181}
13182function fpdTrackContactForm(rf, obj) {
13183  waitForElmFpd(rf).then((e) => {
13184     obj.link_text = 'contact us';
13185     obj.link_url = window.location.href;
13186     obj.product_name = fpdtrimSpaceLeftRight(document.querySelector('h1').textContent);
13187     addEventFormatFpd(obj);
13188  });
13189  waitForElmFpd(rf).then((e) => {
13190    setTimeout(function() {
13191       waitForElmFpd('.alertBox--success').then((e) => {
13192           obj.link_name = 'foMYR';
13193           obj.link_section = 'contact us';
13194           obj.link_text = 'succesful submit';
13195           obj.link_url = window.location.href;
13196           addEventFormatFpd(obj);
13197       });
13198    }, 200);
13199  });
13200  waitForElmFpd(rf).then((e) => {
13201    setTimeout(function() {
13202       waitForElmFpd('.alertBox--error').then((e) => {
13203          obj.link_name = 'foMYR';
13204           obj.link_section = 'contact us';
13205           obj.link_text = 'foMYR error';
13206           obj.link_url = window.location.href;
13207           addEventFormatFpd(obj);
13208       });
13209    }, 200);
13210  });
13211}
13212function fpdTrackReviewForm(rf, obj) {
13213  waitForElmFpd(rf).then((e) => {
13214    const form = document.querySelector(rf);
13215    let isAnyFieldInputted = false;
13216    const handleInput = () => {
13217      // Remove the input event listener once any field is inputted
13218      if (form) {
13219        form.removeEventListener('input', handleInput);
13220        isAnyFieldInputted = true;
13221        console.log('At least one field has been inputted.');
13222        obj.link_text = 'product review';
13223        obj.link_url = window.location.href;
13224        obj.product_name = fpdtrimSpaceLeftRight(document.querySelector('h1').textContent);
13225        addEventFormatFpd(obj);
13226      }
13227      // Do any additional processing or form submission here.
13228    };
13229    if (form) {
13230      form.addEventListener('input', handleInput);
13231      // You can also check for any pre-filled fields when the form loads
13232      for (let i = 0; i < form.elements.length; i++) {
13233        const element = form.elements[i];
13234        if (element.tagName === 'INPUT' && element.type !== 'hidden' && element.type !== 'submit' && element.value.trim() !== '') {
13235          handleInput();
13236          break;
13237        }
13238      }
13239    }
13240  });
13241  waitForElmFpd('.spr-form-message-success').then((e) => {
13242      obj.link_text = 'successful submit';
13243      obj.link_name = 'form_success';
13244      obj.link_url = window.location.href;
13245      obj.product_name = fpdtrimSpaceLeftRight(document.querySelector('h1').textContent);
13246      addEventFormatFpd(obj);
13247  });
13248  waitForElmFpd('.spr-form-message-error').then((e) => {
13249      obj.link_text = 'form error';
13250      obj.link_name = 'form_error';
13251      obj.link_url = window.location.href;
13252      obj.product_name = fpdtrimSpaceLeftRight(document.querySelector('h1').textContent);
13253      addEventFormatFpd(obj);
13254  });
13255}
13256
13257Shopify.onCartUpdate = function(cart) {
13258  console.log(cart, 'cart');
13259}
13260document.addEventListener('cart:update', function(event) {
13261  var discountCode = event.detail.discount_code;
13262  console.log(event, 'event');
13263});
13264</script>
13264<style>
13265  .shopify-section p a{
13266    text-decoration: underline;
13267  }
13268</style>
13269
13270<script src="//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23" type="text/javascript"></script>
13270
13271
13272
13273
13274
13275
13276
13277
13278
13279<!-- Button Hierarchy: Buy it now first, Add to compare as text link [6.x SELECTORS] -->
13280<script>
13281(function() {
13282  function applyButtonHierarchy() {
13283    if (!document.querySelector('.productView-group')) return;
13284    var compareBtn = document.querySelector('.sp-button-compare');
13285    if (compareBtn && !compareBtn.dataset.cleaned) {
13286      compareBtn.textContent = 'Add to compare';
13287      compareBtn.dataset.cleaned = '1';
13288    }
13289    var cartBtn = document.querySelector('#product-add-to-cart');
13290    if (cartBtn && !cartBtn.dataset.cleaned) {
13291      cartBtn.textContent = 'Add to cart';
13292      cartBtn.dataset.cleaned = '1';
13293    }
13294    var buyBtn = document.querySelector('.shopify-payment-button__button--unbranded');
13295    if (buyBtn && !buyBtn.dataset.cleaned) {
13296      buyBtn.textContent = 'Buy it now';
13297      buyBtn.dataset.cleaned = '1';
13298    }
13299  }
13300  if (document.readyState === 'loading') {
13301    document.addEventListener('DOMContentLoaded', applyButtonHierarchy);
13302  } else {
13303    applyButtonHierarchy();
13304  }
13305  document.addEventListener('shopify:section:load', applyButtonHierarchy);
13306  window.addEventListener('variant:change', applyButtonHierarchy);
13307})();
13308</script>
13308
13309
13310<script src="//r3.dotdigital-pages.com/resources/sharing/popoverv3.js?sharing=lp-popover&domain=r3.dotdigital-pages.com&id=7R10-2NZ%2Fsubscribetoournewsletter&mobile=true&keydismiss=true&screenreader=true&width=600&description=Newsletter%20signup%20form&hide-after-submission=true&delay=1"></script>
13310
13311
13312<script src="//jblonlinestore.com.my/cdn/shop/t/41/assets/custom.js?v=92559389272426826911785495675" type="text/javascript"></script>
13312
13313
13314
13315
13316
13317<script>
13318(function() {
13319  /* Wi BOGO+ free-gift widget relocation
13320     The app injects .wgift_thumbnail_wrapper into .add-to-cart-button-inner,
13321     so the "Free gift" thumbnail shares the row with the ADD TO CART button
13322     and the wishlist / share icons. For each widget, move it to just after
13323     that form's Buy It Now block (.accelerated-checkout-block) so the free
13324     gift sits on its own full-width row beneath BUY IT NOW. Scoped per form
13325     so a sticky/secondary buy box is handled independently. */
13326  function relocateFreeGiftWidget() {
13327    document.querySelectorAll('.wgift_thumbnail_wrapper').forEach(function(w) {
13328      var formButtons = w.closest('.product-form__buttons');
13329      var buyNow = formButtons && formButtons.querySelector('.accelerated-checkout-block');
13330      if (!buyNow) return;
13331      // Skip only if already in the correct position (right after buy-now)
13332      if (buyNow.nextElementSibling === w) return;
13333      buyNow.insertAdjacentElement('afterend', w);
13334    });
13335  }
13336
13337  var attempts = 0;
13338  function tryRelocate() {
13339    relocateFreeGiftWidget();
13340    if (++attempts < 8) setTimeout(tryRelocate, 400);
13341  }
13342
13343  if (document.readyState === 'loading') {
13344    document.addEventListener('DOMContentLoaded', tryRelocate);
13345  } else {
13346    tryRelocate();
13347  }
13348
13349  var obs = new MutationObserver(relocateFreeGiftWidget);
13350  obs.observe(document.body, { childList: true, subtree: true });
13351})();
13352</script>
13352<script>
13353window.__JBL_GIFT_OFFERS = [{
13354      "offerId": "jbl-quantum-950-wireless-multiplatform-gaming-headset-with-adaptive-noise-cancelling__jbl-quantum-stream-talk-usb-condenser-microphone-for-streaming-recording-and-gaming",
13355      "triggerHandle": "jbl-quantum-950-wireless-multiplatform-gaming-headset-with-adaptive-noise-cancelling",
13356      "triggerProductId": 10211507470636,
13357      "giftHandle": "jbl-quantum-stream-talk-usb-condenser-microphone-for-streaming-recording-and-gaming",
13358      "giftProductId": 9089966801196,
13359      "giftTitle": "JBL Quantum Stream Talk USB Condenser Microphone",
13360      "limit": 1,
13361      "giftVariants": [{
13362          "id": 48174100971820,
13363          "title": "Default Title",
13364          "available": true,
13365          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/QuantumStreamTalk_83818f0d-83b8-4895-a218-5e6e055cad5d.png?v=1756188687\u0026width=120"
13366        }]
13367    },{
13368      "offerId": "jbl-live-beam-4-true-wireless-noise-cancelling-earbuds__jbl-go-4-ultra-portable-bluetooth-speaker",
13369      "triggerHandle": "jbl-live-beam-4-true-wireless-noise-cancelling-earbuds",
13370      "triggerProductId": 10361963020588,
13371      "giftHandle": "jbl-go-4-ultra-portable-bluetooth-speaker",
13372      "giftProductId": 9305830687020,
13373      "giftTitle": "JBL Go 4 Ultra-Portable Bluetooth Speaker",
13374      "limit": 1,
13375      "giftVariants": [{
13376          "id": 48756093419820,
13377          "title": "Black",
13378          "available": true,
13379          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Black_GO_4.png?v=1724314668\u0026width=120"
13380        },{
13381          "id": 48756093452588,
13382          "title": "Red",
13383          "available": true,
13384          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/GO_4_Red.png?v=1724314670\u0026width=120"
13385        },{
13386          "id": 48756093485356,
13387          "title": "Black Orange",
13388          "available": true,
13389          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Black_Orange_GO_4.png?v=1724314677\u0026width=120"
13390        },{
13391          "id": 48756093518124,
13392          "title": "Blue",
13393          "available": true,
13394          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/BlueGO_4_8e599a36-97ce-4ed8-bd5e-250bb12e6863.png?v=1724314696\u0026width=120"
13395        },{
13396          "id": 48756093550892,
13397          "title": "Squad",
13398          "available": true,
13399          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Squad_GO_4.png?v=1724314682\u0026width=120"
13400        },{
13401          "id": 48756093583660,
13402          "title": "Pink",
13403          "available": false,
13404          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Pink_GO_4.png?v=1724314685\u0026width=120"
13405        },{
13406          "id": 48756093616428,
13407          "title": "Purple",
13408          "available": true,
13409          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Purple_GO_4.png?v=1724314687\u0026width=120"
13410        },{
13411          "id": 48756093649196,
13412          "title": "Sand",
13413          "available": true,
13414          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/GO_4_Sand.png?v=1724314691\u0026width=120"
13415        },{
13416          "id": 48756093681964,
13417          "title": "White",
13418          "available": false,
13419          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/White_GO_4.png?v=1724314694\u0026width=120"
13420        }]
13421    },{
13422      "offerId": "jbl-charge-5-portable-bluetooth-speaker__jbl-go-3-portable-waterproof-speaker",
13423      "triggerHandle": "jbl-charge-5-portable-bluetooth-speaker",
13424      "triggerProductId": 7131251179718,
13425      "giftHandle": "jbl-go-3-portable-waterproof-speaker",
13426      "giftProductId": 6668980715718,
13427      "giftTitle": "JBL Go 3 Portable Waterproof Bluetooth Speaker",
13428      "limit": 1,
13429      "giftVariants": [{
13430          "id": 39781578211526,
13431          "title": "Red",
13432          "available": false,
13433          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/jbl-go-3-portable-waterproof-speaker-red-bluetooth-785-_24.jpg?v=1696931343\u0026width=120"
13434        },{
13435          "id": 39781578244294,
13436          "title": "White",
13437          "available": false,
13438          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/products\/jbl-go-3-portable-waterproof-speaker-white-bluetooth-233.jpg?v=1644386924\u0026width=120"
13439        },{
13440          "id": 39781578277062,
13441          "title": "Yellow",
13442          "available": false,
13443          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/jbl-go-3-portable-waterproof-speaker-yellow-bluetooth-810-_15.jpg?v=1696931326\u0026width=120"
13444        },{
13445          "id": 39781578309830,
13446          "title": "Grey",
13447          "available": false,
13448          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/products\/jbl-go-3-portable-waterproof-speaker-grey-bluetooth-959.jpg?v=1644386894\u0026width=120"
13449        },{
13450          "id": 39781578342598,
13451          "title": "Orange",
13452          "available": false,
13453          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/jbl-go-3-portable-waterproof-speaker-orange-bluetooth-451-_17.jpg?v=1696931329\u0026width=120"
13454        },{
13455          "id": 39781578375366,
13456          "title": "Pink",
13457          "available": false,
13458          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/products\/jbl-go-3-portable-waterproof-speaker-pink-bluetooth-496.jpg?v=1644386928\u0026width=120"
13459        },{
13460          "id": 39781578408134,
13461          "title": "Teal",
13462          "available": false,
13463          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/jbl-go-3-portable-waterproof-speaker-teal-bluetooth-419-_23.jpg?v=1696931340\u0026width=120"
13464        },{
13465          "id": 39781578440902,
13466          "title": "Black",
13467          "available": false,
13468          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/products\/jbl-go-3-portable-waterproof-speaker-black-bluetooth-803.jpg?v=1644386848\u0026width=120"
13469        },{
13470          "id": 39781578473670,
13471          "title": "Blue",
13472          "available": false,
13473          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/jbl-go-3-portable-waterproof-speaker-blue-bluetooth-975-_20.jpg?v=1696931334\u0026width=120"
13474        },{
13475          "id": 39781578506438,
13476          "title": "Green",
13477          "available": false,
13478          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/jbl-go-3-portable-waterproof-speaker-green-bluetooth-171-_21.jpg?v=1696931337\u0026width=120"
13479        },{
13480          "id": 41562739081414,
13481          "title": "Blue and Pink",
13482          "available": false,
13483          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/jbl-go-3-portable-waterproof-speaker-blue-and-pink-bluetooth-356-_27.jpg?v=1696931345\u0026width=120"
13484        },{
13485          "id": 41562739671238,
13486          "title": "Black and Orange",
13487          "available": false,
13488          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/products\/jbl-go-3-portable-waterproof-speaker-black-and-orange-bluetooth-496.jpg?v=1644386935\u0026width=120"
13489        },{
13490          "id": 41562740064454,
13491          "title": "Squad",
13492          "available": true,
13493          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/products\/jbl-go-3-portable-waterproof-speaker-squad-bluetooth-854.jpg?v=1644386939\u0026width=120"
13494        }]
13495    },{
13496      "offerId": "jbl-bar-1000-7-1-4-channel-soundbar-with-detachable-surround-speakers-dolby-atmos-and-dts-x__jbl-go-4-ultra-portable-bluetooth-speaker",
13497      "triggerHandle": "jbl-bar-1000-7-1-4-channel-soundbar-with-detachable-surround-speakers-dolby-atmos-and-dts-x",
13498      "triggerProductId": 8292236165420,
13499      "giftHandle": "jbl-go-4-ultra-portable-bluetooth-speaker",
13500      "giftProductId": 9305830687020,
13501      "giftTitle": "JBL Go 4 Ultra-Portable Bluetooth Speaker",
13502      "limit": 1,
13503      "giftVariants": [{
13504          "id": 48756093419820,
13505          "title": "Black",
13506          "available": true,
13507          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Black_GO_4.png?v=1724314668\u0026width=120"
13508        },{
13509          "id": 48756093452588,
13510          "title": "Red",
13511          "available": true,
13512          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/GO_4_Red.png?v=1724314670\u0026width=120"
13513        },{
13514          "id": 48756093485356,
13515          "title": "Black Orange",
13516          "available": true,
13517          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Black_Orange_GO_4.png?v=1724314677\u0026width=120"
13518        },{
13519          "id": 48756093518124,
13520          "title": "Blue",
13521          "available": true,
13522          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/BlueGO_4_8e599a36-97ce-4ed8-bd5e-250bb12e6863.png?v=1724314696\u0026width=120"
13523        },{
13524          "id": 48756093550892,
13525          "title": "Squad",
13526          "available": true,
13527          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Squad_GO_4.png?v=1724314682\u0026width=120"
13528        },{
13529          "id": 48756093583660,
13530          "title": "Pink",
13531          "available": false,
13532          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Pink_GO_4.png?v=1724314685\u0026width=120"
13533        },{
13534          "id": 48756093616428,
13535          "title": "Purple",
13536          "available": true,
13537          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Purple_GO_4.png?v=1724314687\u0026width=120"
13538        },{
13539          "id": 48756093649196,
13540          "title": "Sand",
13541          "available": true,
13542          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/GO_4_Sand.png?v=1724314691\u0026width=120"
13543        },{
13544          "id": 48756093681964,
13545          "title": "White",
13546          "available": false,
13547          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/White_GO_4.png?v=1724314694\u0026width=120"
13548        }]
13549    },{
13550      "offerId": "jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker__jbl-wave-beam-2-true-wireless-noise-cancelling-earbuds",
13551      "triggerHandle": "jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker",
13552      "triggerProductId": 9960000618796,
13553      "giftHandle": "jbl-wave-beam-2-true-wireless-noise-cancelling-earbuds",
13554      "giftProductId": 10068123713836,
13555      "giftTitle": "JBL Wave Beam 2 True Wireless Noise Cancelling Earbuds",
13556      "limit": 1,
13557      "giftVariants": [{
13558          "id": 51813132009772,
13559          "title": "Black",
13560          "available": true,
13561          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2.jpg?v=1756188630\u0026width=120"
13562        },{
13563          "id": 51813132042540,
13564          "title": "Blue",
13565          "available": true,
13566          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2_2.jpg?v=1756188631\u0026width=120"
13567        },{
13568          "id": 51813132075308,
13569          "title": "Pink",
13570          "available": false,
13571          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2_3.jpg?v=1756188631\u0026width=120"
13572        },{
13573          "id": 51813132108076,
13574          "title": "White",
13575          "available": true,
13576          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2_4.jpg?v=1756188631\u0026width=120"
13577        }]
13578    },{
13579      "offerId": "jbl-flip-7-portable-waterproof-and-drop-proof-speaker-with-bold-jbl-pro-sound__jbl-wave-beam-2-true-wireless-noise-cancelling-earbuds",
13580      "triggerHandle": "jbl-flip-7-portable-waterproof-and-drop-proof-speaker-with-bold-jbl-pro-sound",
13581      "triggerProductId": 9965499220268,
13582      "giftHandle": "jbl-wave-beam-2-true-wireless-noise-cancelling-earbuds",
13583      "giftProductId": 10068123713836,
13584      "giftTitle": "JBL Wave Beam 2 True Wireless Noise Cancelling Earbuds",
13585      "limit": 1,
13586      "giftVariants": [{
13587          "id": 51813132009772,
13588          "title": "Black",
13589          "available": true,
13590          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2.jpg?v=1756188630\u0026width=120"
13591        },{
13592          "id": 51813132042540,
13593          "title": "Blue",
13594          "available": true,
13595          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2_2.jpg?v=1756188631\u0026width=120"
13596        },{
13597          "id": 51813132075308,
13598          "title": "Pink",
13599          "available": false,
13600          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2_3.jpg?v=1756188631\u0026width=120"
13601        },{
13602          "id": 51813132108076,
13603          "title": "White",
13604          "available": true,
13605          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Wave_Beam_2_4.jpg?v=1756188631\u0026width=120"
13606        }]
13607    },];
13608window.__JBL_GIFT_PAGE_HANDLE = "jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker";
13609</script>
13609
13610
13611<style>
13612  /* Always light — the storefront is always light regardless of OS theme.
13613     Explicit colours (no prefers-color-scheme) so it never renders dark. */
13614  .jbl-gift {
13615    display: flex; align-items: center; gap: 12px;
13616    margin: 12px 0; padding: 12px 14px;
13617    border: 1.5px solid #e0501e;
13618    border-radius: 10px; background: #fff8f4; color: #111;
13619  }
13620  .jbl-gift__img {
13621    width: 64px; height: 64px; object-fit: contain; flex: 0 0 64px;
13622    background: #fff; border-radius: 8px;
13623  }
13624  .jbl-gift__body { flex: 1 1 auto; min-width: 0; }
13625  .jbl-gift__imglink { flex: 0 0 64px; display: block; }
13626  .jbl-gift__link { color: inherit; text-decoration: none; }
13627  .jbl-gift__name .jbl-gift__link:hover, .jbl-gift__name .jbl-gift__link:focus-visible { text-decoration: underline; }
13628  .jbl-gift__label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #e0501e; }
13629  .jbl-gift__name { font-size: 14px; font-weight: 600; margin: 2px 0 8px; color: #111; }
13630  .jbl-gift__free { color: #1a8a4c; font-weight: 700; }
13631  .jbl-gift__swatches { display: flex; flex-wrap: wrap; gap: 6px; }
13632  .jbl-gift__swatch {
13633    font-size: 11px; padding: 4px 9px; border-radius: 999px; cursor: pointer;
13634    border: 1px solid #cfcfcf; background: #fff; color: #111; line-height: 1.4;
13635  }
13636  .jbl-gift__swatch[aria-pressed="true"] { border-color: #111; background: #111; color: #fff; }
13637  .jbl-gift__swatch[disabled] { opacity: .4; cursor: not-allowed; text-decoration: line-through; }
13638  /* On a free-gift (trigger) product, hide the dynamic "Buy it now" button:
13639     it skips the cart, so the gift can't be auto-added. Customers use Add to
13640     Cart instead, which guarantees the gift. Only affects trigger products. */
13641  body.jbl-gift-trigger .accelerated-checkout-block { display: none !important; }
13642  /* Cart/drawer gift line: tag it and lock its quantity/remove controls */
13643  .jbl-gift-line .cart-item__quantity,
13644  .jbl-gift-line .cart-item__remove { visibility: hidden !important; }
13645  .jbl-gift-line .cart-item__name::after {
13646    content: " · FREE GIFT";
13647    color: #1a8a4c; font-weight: 700; font-size: 11px; letter-spacing: .03em;
13648  }
13649</style>
13650
13651<script>
13652(function () {
13653  var OFFERS = window.__JBL_GIFT_OFFERS || [];
13654  if (!OFFERS.length) return;
13655
13656  var PROP = '_jbl_free_gift';          // line-item property marking our gift lines (value = offerId)
13657  var LS = 'jblgift_';                  // localStorage key prefix for chosen variant
13658  var reconciling = false;
13659  var giftVariantIds = [];              // variant ids of current gift lines (to tag/lock cart rows)
13660
13661  function chosenVariant(offer) {
13662    var stored;
13663    try { stored = parseInt(localStorage.getItem(LS + offer.offerId), 10); } catch (e) {}
13664    if (stored && offer.giftVariants.some(function (v) { return v.id === stored && v.available; })) return stored;
13665    var firstAvail = offer.giftVariants.filter(function (v) { return v.available; })[0] || offer.giftVariants[0];
13666    return firstAvail ? firstAvail.id : null;
13667  }
13668  function setChosen(offer, id) { try { localStorage.setItem(LS + offer.offerId, String(id)); } catch (e) {} }
13669
13670  function isTriggered(cart, offer) {
13671    return cart.items.some(function (i) {
13672      return i.product_id === offer.triggerProductId && !(i.properties && i.properties[PROP]);
13673    });
13674  }
13675  function giftLines(cart, offer) {
13676    return cart.items.filter(function (i) { return i.properties && i.properties[PROP] === offer.offerId; });
13677  }
13678
13679  function getCart() { return fetch('/cart.js', { headers: { 'Accept': 'application/json' } }).then(function (r) { return r.json(); }); }
13680  function addGift(id, qty, offerId) {
13681    var props = {}; props[PROP] = offerId;
13682    return fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' },
13683      body: JSON.stringify({ items: [{ id: id, quantity: qty, properties: props }] }) });
13684  }
13685  function changeLine(key, qty) {
13686    return fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json' },
13687      body: JSON.stringify({ id: key, quantity: qty }) });
13688  }
13689
13690  async function reconcile() {
13691    if (reconciling) return;
13692    reconciling = true;
13693    var changed = false;
13694    try {
13695      var cart = await getCart();
13696      for (var k = 0; k < OFFERS.length; k++) {
13697        var offer = OFFERS[k];
13698        var lines = giftLines(cart, offer);
13699        if (isTriggered(cart, offer)) {
13700          var want = chosenVariant(offer);
13701          if (!want) continue;
13702          var good = lines.length === 1 && lines[0].variant_id === want && lines[0].quantity === offer.limit;
13703          if (!good) {
13704            for (var j = 0; j < lines.length; j++) { await changeLine(lines[j].key, 0); }
13705            await addGift(want, offer.limit, offer.offerId);
13706            changed = true;
13707            cart = await getCart();
13708          }
13709        } else if (lines.length) {
13710          for (var j2 = 0; j2 < lines.length; j2++) { await changeLine(lines[j2].key, 0); }
13711          changed = true;
13712          cart = await getCart();
13713        }
13714      }
13715      giftVariantIds = cart.items
13716        .filter(function (i) { return i.properties && i.properties[PROP]; })
13717        .map(function (i) { return i.variant_id; });
13718    } catch (e) { /* fail silent — discount still guards pricing */ }
13719    reconciling = false;
13720    if (changed) refreshUI(); else decorateSoon();
13721  }
13722
13723  // Tag gift rows in the cart/drawer and lock their qty/remove controls.
13724  function decorateGiftLines() {
13725    document.querySelectorAll('.jbl-gift-line').forEach(function (r) {
13726      var link = r.querySelector('a[href*="variant="]');
13727      var vid = link ? parseInt((link.href.match(/variant=(\d+)/) || [])[1], 10) : null;
13728      if (!vid || giftVariantIds.indexOf(vid) === -1) r.classList.remove('jbl-gift-line');
13729    });
13730    if (!giftVariantIds.length) return;
13731    document.querySelectorAll('.cart-item, [id^="CartItem"], [id^="CartDrawer-Item"]').forEach(function (row) {
13732      var link = row.querySelector('a[href*="variant="]');
13733      var vid = link ? parseInt((link.href.match(/variant=(\d+)/) || [])[1], 10) : null;
13734      if (vid && giftVariantIds.indexOf(vid) > -1) row.classList.add('jbl-gift-line');
13735    });
13736  }
13737  var _dt; function decorateSoon() { clearTimeout(_dt); _dt = setTimeout(decorateGiftLines, 120); }
13738
13739  async function refreshUI() {
13740    try {
13741      var cd = document.querySelector('cart-drawer');
13742      var sid = cd && cd.dataset ? cd.dataset.sectionId : null;
13743      if (!sid) return;
13744      var res = await fetch('/?sections=' + encodeURIComponent(sid + ',cart-icon-bubble'))
13745        .then(function (r) { return r.json(); });
13746      // Re-render the cart drawer contents
13747      if (res[sid]) {
13748        var doc = new DOMParser().parseFromString(res[sid], 'text/html');
13749        var fresh = doc.querySelector('#CartDrawer');
13750        var cur = document.querySelector('#CartDrawer');
13751        if (fresh && cur) cur.innerHTML = fresh.innerHTML;
13752      }
13753      // Re-render the header cart-count bubble
13754      var bubble = document.getElementById('cart-icon-bubble');
13755      if (bubble && res['cart-icon-bubble']) {
13756        var bd = new DOMParser().parseFromString(res['cart-icon-bubble'], 'text/html');
13757        var fb = bd.getElementById('cart-icon-bubble') || bd.body.firstElementChild;
13758        if (fb) bubble.innerHTML = fb.innerHTML;
13759      }
13760    } catch (e) {}
13761    decorateSoon();
13762  }
13763
13764  /* ---- Product-page widget with colour picker ---- */
13765  function currentOffer() {
13766    return OFFERS.filter(function (o) { return o.triggerHandle === window.__JBL_GIFT_PAGE_HANDLE; })[0];
13767  }
13768  function buildWidget() {
13769    var offer = currentOffer();
13770    if (!offer) return;
13771    var host = document.querySelector('.product-form__buttons');
13772    if (!host || document.querySelector('.jbl-gift[data-offer="' + offer.offerId + '"]')) return;
13773
13774    var chosen = chosenVariant(offer);
13775    var chosenV = offer.giftVariants.filter(function (v) { return v.id === chosen; })[0] || offer.giftVariants[0];
13776
13777    var wrap = document.createElement('div');
13778    wrap.className = 'jbl-gift';
13779    wrap.setAttribute('data-offer', offer.offerId);
13780    var giftUrl = function (id) { return '/products/' + offer.giftHandle + (id ? '?variant=' + id : ''); };
13781    wrap.innerHTML =
13782      '<a class="jbl-gift__link jbl-gift__imglink" href="' + giftUrl(chosenV && chosenV.id) + '" target="_blank" rel="noopener" aria-label="View ' + offer.giftTitle + '">' +
13783        '<img class="jbl-gift__img" src="' + (chosenV ? chosenV.image : '') + '" alt="">' +
13784      '</a>' +
13785      '<div class="jbl-gift__body">' +
13786        '<div class="jbl-gift__label">Free gift</div>' +
13787        '<div class="jbl-gift__name"><a class="jbl-gift__link" href="' + giftUrl(chosenV && chosenV.id) + '" target="_blank" rel="noopener">' + offer.giftTitle + '</a> — <span class="jbl-gift__free">FREE</span></div>' +
13788        '<div class="jbl-gift__swatches"></div>' +
13789      '</div>';
13790    var sw = wrap.querySelector('.jbl-gift__swatches');
13791    offer.giftVariants.forEach(function (v) {
13792      var b = document.createElement('button');
13793      b.type = 'button';
13794      b.className = 'jbl-gift__swatch';
13795      b.textContent = v.title;
13796      b.setAttribute('aria-pressed', v.id === chosen ? 'true' : 'false');
13797      if (!v.available) b.disabled = true;
13798      b.addEventListener('click', function () {
13799        setChosen(offer, v.id);
13800        sw.querySelectorAll('.jbl-gift__swatch').forEach(function (x) { x.setAttribute('aria-pressed', 'false'); });
13801        b.setAttribute('aria-pressed', 'true');
13802        var img = wrap.querySelector('.jbl-gift__img'); if (img) img.src = v.image;
13803        wrap.querySelectorAll('.jbl-gift__link').forEach(function (a) { a.href = giftUrl(v.id); });
13804        reconcile(); // update the cart if the trigger is already in it
13805      });
13806      sw.appendChild(b);
13807    });
13808    host.insertAdjacentElement('afterend', wrap);
13809  }
13810
13811  /* ---- Hook cart mutations (add/change/update/clear) ---- */
13812  var _fetch = window.fetch;
13813  window.fetch = function () {
13814    var url = (arguments[0] && arguments[0].url) ? arguments[0].url : arguments[0];
13815    var p = _fetch.apply(this, arguments);
13816    try {
13817      if (typeof url === 'string' && /\/cart\/(add|change|update|clear)/.test(url) && !reconciling) {
13818        p.then(function () { schedule(); }).catch(function () {});
13819      }
13820    } catch (e) {}
13821    return p;
13822  };
13823  var _t; function schedule() { clearTimeout(_t); _t = setTimeout(reconcile, 400); }
13824
13825  // Insert the widget once the product form has hydrated; retry a few times.
13826  var wtries = 0;
13827  function tryWidget() {
13828    if (currentOffer() && document.querySelector('.product-form__buttons')) buildWidget();
13829    if (!document.querySelector('.jbl-gift[data-offer]') && ++wtries < 15) setTimeout(tryWidget, 400);
13830  }
13831  // Re-insert if Ella re-renders the product form (e.g. on variant change) and drops it.
13832  var wobs = new MutationObserver(function () {
13833    if (currentOffer() && document.querySelector('.product-form__buttons') &&
13834        !document.querySelector('.jbl-gift[data-offer]')) buildWidget();
13835    decorateSoon(); // keep gift rows tagged/locked when the theme re-renders the cart
13836  });
13837
13838  function init() {
13839    // On a trigger product page, hide "Buy it now" (it bypasses the cart/gift).
13840    if (currentOffer()) document.body.classList.add('jbl-gift-trigger');
13841    tryWidget();
13842    reconcile();
13843    wobs.observe(document.body, { childList: true, subtree: true });
13844  }
13845  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
13846  else init();
13847})();
13848</script>
13848<script>
13849window.__JBL_ADDON_OFFERS = [{
13850      "offerId": "jbl-boombox-4-most-powerful-jbl-portable-waterproof-speaker-with-massive-jbl-pro-sound__addon__jbl-easysing-mic-mini",
13851      "triggerHandle": "jbl-boombox-4-most-powerful-jbl-portable-waterproof-speaker-with-massive-jbl-pro-sound",
13852      "triggerProductId": 10107147157804,
13853      "addonHandle": "jbl-easysing-mic-mini",
13854      "addonTitle": "JBL EasySing Mic Mini Portable AI-powered Microphone with Real-time Vocal Removal",
13855      "discountPercent": 5,
13856      "variants": [{
13857          "id": 53344223822124,
13858          "title": "1 Mic",
13859          "available": true,
13860          "price": 79900,
13861          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_4.jpg?v=1781769442\u0026width=160"
13862        },{
13863          "id": 53344223854892,
13864          "title": "2 Mic",
13865          "available": true,
13866          "price": 99900,
13867          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_2.jpg?v=1781769440\u0026width=160"
13868        }]
13869    },{
13870      "offerId": "jbl-go-5-a-compact-waterproof-and-drop-proof-speaker__addon__jbl-easysing-mic-mini",
13871      "triggerHandle": "jbl-go-5-a-compact-waterproof-and-drop-proof-speaker",
13872      "triggerProductId": 10272368230700,
13873      "addonHandle": "jbl-easysing-mic-mini",
13874      "addonTitle": "JBL EasySing Mic Mini Portable AI-powered Microphone with Real-time Vocal Removal",
13875      "discountPercent": 5,
13876      "variants": [{
13877          "id": 53344223822124,
13878          "title": "1 Mic",
13879          "available": true,
13880          "price": 79900,
13881          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_4.jpg?v=1781769442\u0026width=160"
13882        },{
13883          "id": 53344223854892,
13884          "title": "2 Mic",
13885          "available": true,
13886          "price": 99900,
13887          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_2.jpg?v=1781769440\u0026width=160"
13888        }]
13889    },{
13890      "offerId": "jbl-grip-compact-bluetooth-speaker-with-bold-jbl-pro-sound-and-ambient-light__addon__jbl-easysing-mic-mini",
13891      "triggerHandle": "jbl-grip-compact-bluetooth-speaker-with-bold-jbl-pro-sound-and-ambient-light",
13892      "triggerProductId": 10107937587500,
13893      "addonHandle": "jbl-easysing-mic-mini",
13894      "addonTitle": "JBL EasySing Mic Mini Portable AI-powered Microphone with Real-time Vocal Removal",
13895      "discountPercent": 5,
13896      "variants": [{
13897          "id": 53344223822124,
13898          "title": "1 Mic",
13899          "available": true,
13900          "price": 79900,
13901          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_4.jpg?v=1781769442\u0026width=160"
13902        },{
13903          "id": 53344223854892,
13904          "title": "2 Mic",
13905          "available": true,
13906          "price": 99900,
13907          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_2.jpg?v=1781769440\u0026width=160"
13908        }]
13909    },{
13910      "offerId": "jbl-partybox-club-120-portable-party-speaker__addon__jbl-partybox-digital-wireless-microphones",
13911      "triggerHandle": "jbl-partybox-club-120-portable-party-speaker",
13912      "triggerProductId": 9374812864812,
13913      "addonHandle": "jbl-partybox-digital-wireless-microphones",
13914      "addonTitle": "JBL Partybox Digital Wireless Microphones",
13915      "discountPercent": 10,
13916      "variants": [{
13917          "id": 52551235273004,
13918          "title": "Default Title",
13919          "available": true,
13920          "price": 66900,
13921          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/PartyboxWirelessMicrophone_b810dbff-487f-4e68-8983-3b4f7ac517ee.jpg?v=1768552296\u0026width=160"
13922        }]
13923    },{
13924      "offerId": "jbl-partybox-club-120-portable-party-speaker__addon__jbl-easysing-mic-mini",
13925      "triggerHandle": "jbl-partybox-club-120-portable-party-speaker",
13926      "triggerProductId": 9374812864812,
13927      "addonHandle": "jbl-easysing-mic-mini",
13928      "addonTitle": "JBL EasySing Mic Mini Portable AI-powered Microphone with Real-time Vocal Removal",
13929      "discountPercent": 5,
13930      "variants": [{
13931          "id": 53344223822124,
13932          "title": "1 Mic",
13933          "available": true,
13934          "price": 79900,
13935          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_4.jpg?v=1781769442\u0026width=160"
13936        },{
13937          "id": 53344223854892,
13938          "title": "2 Mic",
13939          "available": true,
13940          "price": 99900,
13941          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_2.jpg?v=1781769440\u0026width=160"
13942        }]
13943    },{
13944      "offerId": "jbl-partybox-club-120-portable-party-speaker__addon__jbl-easy-sing-mics-two-wireless-ai-powered-microphones-with-real-time-vocal-removal",
13945      "triggerHandle": "jbl-partybox-club-120-portable-party-speaker",
13946      "triggerProductId": 9374812864812,
13947      "addonHandle": "jbl-easy-sing-mics-two-wireless-ai-powered-microphones-with-real-time-vocal-removal",
13948      "addonTitle": "JBL EasySing Mics Two Wireless AI-Powered Microphones with Real-Time Vocal Removal",
13949      "discountPercent": 5,
13950      "variants": [{
13951          "id": 52872519123244,
13952          "title": "Default Title",
13953          "available": true,
13954          "price": 89900,
13955          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySingMics.jpg?v=1776410208\u0026width=160"
13956        }]
13957    },{
13958      "offerId": "jbl-partybox-club-120-portable-party-speaker__addon__jbl-partycover-club-120-dust-and-scratch-proof-protective-cover-for-jbl-partybox-club-120-speakers",
13959      "triggerHandle": "jbl-partybox-club-120-portable-party-speaker",
13960      "triggerProductId": 9374812864812,
13961      "addonHandle": "jbl-partycover-club-120-dust-and-scratch-proof-protective-cover-for-jbl-partybox-club-120-speakers",
13962      "addonTitle": "JBL PartyCover Club 120 Dust- and Scratch-Proof Protective Cover for JBL PartyBox Club 120 speakers",
13963      "discountPercent": 10,
13964      "variants": [{
13965          "id": 52867708584236,
13966          "title": "Default Title",
13967          "available": true,
13968          "price": 29900,
13969          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/Partycover120_5.jpg?v=1776321171\u0026width=160"
13970        }]
13971    },{
13972      "offerId": "jbl-xtreme-5-portable-waterproof-speaker__addon__jbl-easysing-mic-mini",
13973      "triggerHandle": "jbl-xtreme-5-portable-waterproof-speaker",
13974      "triggerProductId": 10273573536044,
13975      "addonHandle": "jbl-easysing-mic-mini",
13976      "addonTitle": "JBL EasySing Mic Mini Portable AI-powered Microphone with Real-time Vocal Removal",
13977      "discountPercent": 5,
13978      "variants": [{
13979          "id": 53344223822124,
13980          "title": "1 Mic",
13981          "available": true,
13982          "price": 79900,
13983          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_4.jpg?v=1781769442\u0026width=160"
13984        },{
13985          "id": 53344223854892,
13986          "title": "2 Mic",
13987          "available": true,
13988          "price": 99900,
13989          "image": "https:\/\/jblonlinestore.com.my\/cdn\/shop\/files\/EasySing_Mic_Mini_2.jpg?v=1781769440\u0026width=160"
13990        }]
13991    },];
13992</script>
13992
13993
13994<style>
13995  /* Collapsible container: a header you tap to expand the add-on cards. */
13996  .jbl-addons { margin: 14px 0; border: 1.5px solid #e0501e; border-radius: 10px; background: #fff8f4; overflow: hidden; }
13997  .jbl-addons__toggle {
13998    width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px;
13999    padding: 12px 14px; background: #fff8f4; border: 0; cursor: pointer;
14000    font-size: 13px; font-weight: 700; color: #e0501e; text-align: left;
14001  }
14002  .jbl-addons__count { color: #a83c14; font-weight: 600; }
14003  .jbl-addons__chevron { transition: transform .2s ease; font-size: 11px; flex: 0 0 auto; }
14004  .jbl-addons--open .jbl-addons__chevron { transform: rotate(180deg); }
14005  .jbl-addons__panel { display: none; flex-direction: column; gap: 10px; padding: 0 12px 12px; }
14006  .jbl-addons--open .jbl-addons__panel { display: flex; }
14007  .jbl-addon {
14008    display: flex; align-items: center; gap: 12px;
14009    padding: 10px 12px; border: 1px solid #f0d6c8;
14010    border-radius: 10px; background: #fff; color: #111;
14011  }
14012  .jbl-addon__img { width: 64px; height: 64px; object-fit: contain; flex: 0 0 64px; background: #fff; border-radius: 8px; }
14013  .jbl-addon__body { flex: 1 1 auto; min-width: 0; }
14014  .jbl-addon__imglink { flex: 0 0 64px; display: block; }
14015  .jbl-addon__link { color: inherit; text-decoration: none; }
14016  .jbl-addon__name .jbl-addon__link:hover, .jbl-addon__name .jbl-addon__link:focus-visible { text-decoration: underline; }
14017  .jbl-addon__name { font-size: 14px; font-weight: 600; margin: 0 0 2px; color: #111; }
14018  .jbl-addon__save { font-size: 12px; font-weight: 700; color: #1a8a4c; }
14019  .jbl-addon__price { font-size: 14px; font-weight: 700; color: #111; margin-top: 2px; }
14020  .jbl-addon__was { color: #888; font-weight: 400; text-decoration: line-through; margin-left: 6px; font-size: 12px; }
14021  .jbl-addon__variants { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
14022  .jbl-addon__variant {
14023    font-size: 11px; padding: 4px 9px; border-radius: 999px; cursor: pointer;
14024    border: 1px solid #cfcfcf; background: #fff; color: #111; line-height: 1.4;
14025  }
14026  .jbl-addon__variant[aria-pressed="true"] { border-color: #111; background: #111; color: #fff; }
14027  .jbl-addon__variant[disabled] { opacity: .4; cursor: not-allowed; text-decoration: line-through; }
14028  .jbl-addon__add {
14029    flex: 0 0 auto; align-self: center; font-size: 13px; font-weight: 700;
14030    padding: 9px 16px; border-radius: 8px; border: 0; cursor: pointer;
14031    background: #e0501e; color: #fff; white-space: nowrap;
14032  }
14033  .jbl-addon__add[disabled] { background: #bbb; cursor: not-allowed; }
14034</style>
14035
14036<script>
14037(function () {
14038  var ADDONS = window.__JBL_ADDON_OFFERS || [];
14039  if (!ADDONS.length) return;
14040  var PAGE = window.__JBL_GIFT_PAGE_HANDLE;   // handle of the current product (set by the gift block)
14041  var LS = 'jbladdon_';
14042
14043  function money(cents) {
14044    return 'RM' + (cents / 100).toLocaleString('en-MY', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
14045  }
14046  // A paid add-on discount can't stack with a free gift on the same product: both are
14047  // "Buy X → get Y" and one unit of X powers only one of them (Shopify allocates it to the
14048  // gift). So never show an add-on card on a product that already has a free-gift offer.
14049  function pageAddons() {
14050    var giftHandles = (window.__JBL_GIFT_OFFERS || []).map(function (g) { return g.triggerHandle; });
14051    return ADDONS.filter(function (o) { return o.triggerHandle === PAGE && giftHandles.indexOf(o.triggerHandle) === -1; });
14052  }
14053  function chosen(o) {
14054    var stored; try { stored = parseInt(localStorage.getItem(LS + o.offerId), 10); } catch (e) {}
14055    if (stored && o.variants.some(function (v) { return v.id === stored && v.available; })) return stored;
14056    var fa = o.variants.filter(function (v) { return v.available; })[0] || o.variants[0];
14057    return fa ? fa.id : null;
14058  }
14059  function setChosen(o, id) { try { localStorage.setItem(LS + o.offerId, String(id)); } catch (e) {} }
14060  function variantById(o, id) { return o.variants.filter(function (v) { return v.id === id; })[0] || o.variants[0]; }
14061
14062  function openDrawer() {
14063    var cd = document.querySelector('cart-drawer'); if (!cd) return;
14064    if (typeof cd.open === 'function') { try { cd.open(); return; } catch (e) {} }
14065    cd.classList.remove('is-empty'); cd.classList.add('active', 'animate');
14066    document.body.classList.add('overflow-hidden');
14067  }
14068  async function refreshDrawer() {
14069    try {
14070      var cd = document.querySelector('cart-drawer');
14071      var sid = cd && cd.dataset ? cd.dataset.sectionId : null; if (!sid) return;
14072      var res = await fetch('/?sections=' + encodeURIComponent(sid + ',cart-icon-bubble')).then(function (r) { return r.json(); });
14073      if (res[sid]) {
14074        var d = new DOMParser().parseFromString(res[sid], 'text/html');
14075        var fresh = d.querySelector('#CartDrawer'), cur = document.querySelector('#CartDrawer');
14076        if (fresh && cur) cur.innerHTML = fresh.innerHTML;
14077      }
14078      var bubble = document.getElementById('cart-icon-bubble');
14079      if (bubble && res['cart-icon-bubble']) {
14080        var bd = new DOMParser().parseFromString(res['cart-icon-bubble'], 'text/html');
14081        var fb = bd.getElementById('cart-icon-bubble') || bd.body.firstElementChild;
14082        if (fb) bubble.innerHTML = fb.innerHTML;
14083      }
14084    } catch (e) {}
14085  }
14086  function getCart() { return fetch('/cart.js', { headers: { 'Accept': 'application/json' } }).then(function (r) { return r.json(); }); }
14087  // The selected variant of THIS page's main product (updates as the shopper picks a colour).
14088  function selectedMainVariant() {
14089    var host = document.querySelector('.product-form__buttons');
14090    var form = host ? host.closest('form[action*="/cart/add"]') : null;
14091    if (!form) form = document.querySelector('form[action*="/cart/add"]');
14092    var input = form ? form.querySelector('[name="id"]') : null;
14093    var v = input ? parseInt(input.value, 10) : NaN;
14094    return v || null;
14095  }
14096  async function addToCart(o, btn) {
14097    var addonId = chosen(o); if (!addonId) return;
14098    btn.disabled = true; var orig = btn.textContent; btn.textContent = 'Adding…';
14099    try {
14100      // The add-on's discount only applies alongside the trigger, so make sure the
14101      // main product is in the cart first — add the shopper's selected variant if not.
14102      var cart = await getCart();
14103      var hasTrigger = cart.items.some(function (i) { return i.product_id === o.triggerProductId; });
14104      var items = [];
14105      if (!hasTrigger) {
14106        var mv = selectedMainVariant();
14107        if (mv) items.push({ id: mv, quantity: 1 });
14108      }
14109      items.push({ id: addonId, quantity: 1 });
14110      var r = await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' },
14111        body: JSON.stringify({ items: items }) });
14112      if (!r.ok) throw 0;
14113      await refreshDrawer();
14114      openDrawer();
14115      btn.textContent = 'Added ✓';
14116      setTimeout(function () { btn.textContent = orig; btn.disabled = false; }, 1800);
14117    } catch (e) { btn.textContent = orig; btn.disabled = false; }
14118  }
14119
14120  function renderCard(o) {
14121    var pct = parseInt(o.discountPercent, 10) || 0;
14122    var id = chosen(o), v = variantById(o, id);
14123    var anyAvail = o.variants.some(function (x) { return x.available; });
14124    function priceHtml(vv) {
14125      if (!vv) return '';
14126      var disc = Math.round(vv.price * (100 - pct)) / 100; // cents
14127      return '<span>' + money(disc) + '</span><span class="jbl-addon__was">' + money(vv.price) + '</span>';
14128    }
14129    var card = document.createElement('div');
14130    card.className = 'jbl-addon';
14131    card.setAttribute('data-addon', o.offerId);
14132    var addonUrl = function (vid) { return '/products/' + o.addonHandle + (vid ? '?variant=' + vid : ''); };
14133    card.innerHTML =
14134      '<a class="jbl-addon__link jbl-addon__imglink" href="' + addonUrl(v && v.id) + '" target="_blank" rel="noopener">' +
14135        '<img class="jbl-addon__img" src="' + (v ? v.image : '') + '" alt="">' +
14136      '</a>' +
14137      '<div class="jbl-addon__body">' +
14138        '<div class="jbl-addon__name"><a class="jbl-addon__link" href="' + addonUrl(v && v.id) + '" target="_blank" rel="noopener"></a></div>' +
14139        '<div class="jbl-addon__save">Add &amp; save ' + pct + '%</div>' +
14140        '<div class="jbl-addon__price">' + priceHtml(v) + '</div>' +
14141        '<div class="jbl-addon__variants"></div>' +
14142      '</div>' +
14143      '<button type="button" class="jbl-addon__add">' + (anyAvail ? 'Add' : 'Sold out') + '</button>';
14144    card.querySelector('.jbl-addon__name a').textContent = o.addonTitle;
14145    card.querySelector('.jbl-addon__imglink').setAttribute('aria-label', 'View ' + o.addonTitle);
14146    var addBtn = card.querySelector('.jbl-addon__add');
14147    if (!anyAvail) addBtn.disabled = true;
14148    addBtn.addEventListener('click', function () { addToCart(o, addBtn); });
14149
14150    var vwrap = card.querySelector('.jbl-addon__variants');
14151    if (o.variants.length > 1) {
14152      o.variants.forEach(function (vv) {
14153        var b = document.createElement('button');
14154        b.type = 'button'; b.className = 'jbl-addon__variant'; b.textContent = vv.title;
14155        b.setAttribute('aria-pressed', vv.id === id ? 'true' : 'false');
14156        if (!vv.available) b.disabled = true;
14157        b.addEventListener('click', function () {
14158          setChosen(o, vv.id);
14159          vwrap.querySelectorAll('.jbl-addon__variant').forEach(function (x) { x.setAttribute('aria-pressed', 'false'); });
14160          b.setAttribute('aria-pressed', 'true');
14161          var img = card.querySelector('.jbl-addon__img'); if (img) img.src = vv.image;
14162          card.querySelectorAll('.jbl-addon__link').forEach(function (a) { a.href = addonUrl(vv.id); });
14163          card.querySelector('.jbl-addon__price').innerHTML = priceHtml(vv);
14164        });
14165        vwrap.appendChild(b);
14166      });
14167    } else { vwrap.remove(); }
14168    return card;
14169  }
14170
14171  function build() {
14172    var list = pageAddons(); if (!list.length) return;
14173    if (document.querySelector('.jbl-addons')) return;
14174    var host = document.querySelector('.product-form__buttons'); if (!host) return;
14175    var container = document.createElement('div');
14176    container.className = 'jbl-addons';
14177    container.innerHTML =
14178      '<button type="button" class="jbl-addons__toggle" aria-expanded="false">' +
14179        '<span>Complete Your Set-up <span class="jbl-addons__count">(' + list.length + ')</span></span>' +
14180        '<span class="jbl-addons__chevron" aria-hidden="true">▾</span>' +
14181      '</button>' +
14182      '<div class="jbl-addons__panel"></div>';
14183    var panel = container.querySelector('.jbl-addons__panel');
14184    list.forEach(function (o) { panel.appendChild(renderCard(o)); });
14185
14186    // Collapsed by default; remember the viewer's choice for this session.
14187    var toggle = container.querySelector('.jbl-addons__toggle');
14188    var open = false; try { open = localStorage.getItem('jbladdon_open') === '1'; } catch (e) {}
14189    function setOpen(v) {
14190      container.classList.toggle('jbl-addons--open', v);
14191      toggle.setAttribute('aria-expanded', String(v));
14192      try { localStorage.setItem('jbladdon_open', v ? '1' : '0'); } catch (e) {}
14193    }
14194    setOpen(open);
14195    toggle.addEventListener('click', function () { setOpen(!container.classList.contains('jbl-addons--open')); });
14196
14197    // Place after the free-gift widget if one exists on this page, else after the buttons.
14198    var gift = document.querySelector('.jbl-gift[data-offer]');
14199    (gift || host).insertAdjacentElement('afterend', container);
14200  }
14201
14202  var tries = 0;
14203  function tryBuild() {
14204    if (pageAddons().length && document.querySelector('.product-form__buttons')) build();
14205    if (!document.querySelector('.jbl-addons') && ++tries < 15) setTimeout(tryBuild, 400);
14206  }
14207  var obs = new MutationObserver(function () {
14208    if (pageAddons().length && document.querySelector('.product-form__buttons') &&
14209        !document.querySelector('.jbl-addons')) build();
14210  });
14211  function init() { tryBuild(); obs.observe(document.body, { childList: true, subtree: true }); }
14212  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
14213  else init();
14214})();
14215</script>
14215
14216
14217
14218  <div id="shopify-block-AUW5qUWc5eEVxQWVtc__3318355620493698349" class="shopify-block shopify-app-block"><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a1010e-c33a-7ad3-8390-4d806bc8ccd3/discos-smart-bogo-cart-upsell-1522/assets/wbogo2.min.css" media="all">
14219<script defer src="https://cdn.shopify.com/extensions/01a1010e-c33a-7ad3-8390-4d806bc8ccd3/discos-smart-bogo-cart-upsell-1522/assets/wbogo2.min.js"></script>
14219
14220
14221
14222
14223
14224
14225
14226
14227
14228
14229
14230
14231
14232
14233
14234
14235
14236
14237<script
14238  type="text/javascript"
14239>
14240  window._wizz= {
14241      shop_id: "56609898694",
14242      stfr_id: 'f8a313f42e12ee46f4f6bcdc19f59b7f',
14243      campaigns: [] || [],
14244      widget_settings: {"trademark":"© WizzCommerce","hasTrademark":true,"popup":{"headerBgColor":"#111213","headerTxtColor":"#FFFFFF","checkoutBtn":{"status":true,"text":"Check out","bgColor":"#202223","txtColor":"#FFFFFF"},"gotocartBtn":{"status":true,"text":"Go to cart","bgColor":"#FFFFFF","txtColor":"#202223"},"nothanksBtn":{"status":true,"text":"No, thanks!","txtColor":"#6D7175"},"addtocartBtn":{"text":"Add to cart","bgColor":"#008060","txtColor":"#FFFFFF","added":"Added"}},"volume":{"hdTitleColor":"#121212","hdFontSize":"16","bdThemeColor":"#008060","bdCardTxtColor":"#000000","bdBtnTxtColor":"#FFFFFF","bdFontSize":"16","hlText":"Most popular","htFontSize":"12","htBgColor":"#202223","htTxtColor":"#FFFFFF","txtBeforeQtty":"Buy","txtAfterQtty":"save","sbmBtnTxt":"Grab deal now"},"table":{"title":"Available Offers","titleColor":"#FFFFFF","titleBgColor":"#008060","buyHeaderTxt":"Buy minimum qty","getHeaderTxt":"Get","prefixBuyTxt":"Buy","suffixBuyTxt":"item(s)","prefixGetTxt":"Get","midGetTxt":"item(s)","suffixGetTxt":"off!"},"timer":{"heading":{"text":"🔥 Hurry up! Sale ends in","txtSize":"30"},"timeLabels":{"days":"days","hours":"hrs","minutes":"mins","seconds":"secs"},"timeNumber":{"txtColor":"#FF5A00","timeSize":"40"},"txtColor":"#FFD222","bgColor":"#0C2D2D","borderRadius":"8"},"promoBanner":{"status":false,"text":"GET EXTRA REBATE UP TO RM180! (UPON CHECKOUT)","bnFontSize":"16","bnFontColor":"#FFFFFF","bnHeight":"45","bnBgColor":"#FE4D1E","closable":true,"clickable":false,"url":"","hasSchedule":false,"hasTimer":false,"startTime":"","endTime":"","timerData":{"days":"Days","hours":"Hrs","minutes":"Mins","seconds":"Secs","tmFontSize":"14","tmBgColor":"#F81C3C","tmTxtColor":"#FFFFFF"}},"progressBanner":{"status":false,"campaign_id":null,"promo_fmsg":"Purchase","promo_amsg":"to get a Free Gift!","progress_fmsg":"Buy","progress_amsg":"more to get your Free Gift","congrats_msg":"Congratulation! You reached a Free Gift.","css":{"font_size":"16","font_color":"#FFFFFF","height":"52","banner_color":"#6200EE"}},"snackbar":{"text":"🎁 You have unlocked a gift!","status":true,"sb_bg_color":"#FFFFFF","sb_highlight_color_1":"#29845A","sb_highlight_color_2":"#FFC453"},"cartDrawerGift":{"giftPopupEnabled":true,"stackTitle":"Available offers","stackTitleColor":"#303030","headerBgColor":"#FFFFFF","headerTextColor":"#1A1A1A","cardBgColor":"#F7F7F7","cardTextColor":"#1A1A1A","offerTitleColor":"#1A1A1A","offerMessageColor":"#616161","buttonLabel":"Select","buttonBgColor":"#1A1A1A","buttonTextColor":"#FFFFFF"},"widget":{"widgetTextAtc":"Grab Deal Now","widgetTextTotal":"Total","widgetHeaderColor":"#000000","widgetDescColor":"#8A8A8A","widgetTotalColor":"#000000","widgetBgColor":"#FFFFFF","widgetTextBagdeBgColor":"#007457","widgetTextBadgeColor":"#FFFFFF","widgetAtcBgColor":"#1A1A1A","widgetAtcColor":"#FFFFFF","widgetKeepVisible":false},"hasTranslate":false,"translate":{},"hasPopupTimer":true,"popupTimer":{"label":"Offer ends in","daysLabel":"DAYS","hoursLabel":"HRS","minsLabel":"MINS","secsLabel":"SECS"},"reward":{"showMinCart":true,"msgTxtFontSize":"16","msgTxtColor":"#303030","rewardBarFontSize":"16","rewardBarBgColor":"#EFEFEF","rewardBarFgColor1":"#C3F1DC","rewardBarFgColor2":"#29845A","rewardBarIconColor":"#29845A","rewardBarTemplateChoice":"template_1"}},
14245      promotion_widget: null,
14246      promotion_section: null,
14247      build_a_box_page: null,
14248      collections_has_badge: [] || [],
14249      page: 'product',
14250      customer: null,
14251      cart: null,
14252      localization: {
14253          marketId: 623116486,
14254          country: "MY"
14255      },
14256      money_format: "RM{{amount}}",
14257      shop_locale: 'en',
14258      routes_root: '/',
14259      collection: null,
14260      product: null,
14261      target_col_has_badge: null,
14262      cart_type: "drawer",
14263      app_embed_ver1: "false",
14264      app_embed_ver2: "true",
14265      plan_type: "freeV3",
14266      flags: {}
14267  }
14268
14269  
14270
14271  
14272
14273  
14274      
14275          window._wizz.product = {"id":9960000618796,"title":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker","handle":"jbl-charge-6-portable-waterproof-and-drop-proof-bluetooth-speaker","description":"\u003ch3\u003e\u003cstrong\u003eCharge up your adventures\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eThe JBL Charge 6 is back and better than ever, redefining your music and outdoor listening experience. This audio beast delivers incredibly powerful, immersive sound thanks to redesigned hardware and JBL AI Sound Boost.\u003c\/p\u003e\n\u003cp\u003eIt's incredibly tough, waterproof, dustproof, and drop-proof, ready for any adventure. Plus, this new portable Bluetooth speaker features a built-in power bank and offers up to 28 hours of playtime, ensuring your music and devices stay charged for endless fun.\u003c\/p\u003e","published_at":"2025-05-02T17:40:35+08:00","created_at":"2025-04-28T16:08:00+08:00","vendor":"JBL Online Store MY","type":"Bluetooth Speaker","tags":["\"Waterproof Speaker","Bluetooth Speaker","Speaker"],"price":89900,"price_min":89900,"price_max":89900,"available":true,"price_varies":false,"compare_at_price":99900,"compare_at_price_min":99900,"compare_at_price_max":99900,"compare_at_price_varies":false,"variants":[{"id":51012562747692,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"JBLCHARGE6BLK","requires_shipping":true,"taxable":false,"featured_image":{"id":50081815626028,"product_id":9960000618796,"position":10,"created_at":"2025-04-28T16:13:04+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263","variant_ids":[51012562747692]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Black","public_title":"Black","options":["Black"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407533","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483533091116,"position":10,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562780460,"title":"Funky Black","option1":"Funky Black","option2":null,"option3":null,"sku":"JBLCHARGE6BLKO","requires_shipping":true,"taxable":false,"featured_image":{"id":50081821327660,"product_id":9960000618796,"position":11,"created_at":"2025-04-28T16:13:57+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263","variant_ids":[51012562780460]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Funky Black","public_title":"Funky Black","options":["Funky Black"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407618","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483536695596,"position":11,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
14275,{"id":51012562813228,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"JBLCHARGE6BLU","requires_shipping":true,"taxable":false,"featured_image":{"id":50081826079020,"product_id":9960000618796,"position":12,"created_at":"2025-04-28T16:14:22+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263","variant_ids":[51012562813228]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Blue","public_title":"Blue","options":["Blue"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407557","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483539579180,"position":12,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562845996,"title":"Pink","option1":"Pink","option2":null,"option3":null,"sku":"JBLCHARGE6PINK","requires_shipping":true,"taxable":false,"featured_image":{"id":50081828405548,"product_id":9960000618796,"position":13,"created_at":"2025-04-28T16:14:39+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263","variant_ids":[51012562845996]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Pink","public_title":"Pink","options":["Pink"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407601","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483541381420,"position":13,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562878764,"title":"Purple","option1":"Purple","option2":null,"option3":null,"sku":"JBLCHARGE6PUR","requires_shipping":true,"taxable":false,"featured_image":{"id":50081830535468,"product_id":9960000618796,"position":14,"created_at":"2025-04-28T16:14:52+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263","variant_ids":[51012562878764]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Purple","public_title":"Purple","options":["Purple"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407571","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483542298924,"position":14,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562911532,"title":"Red","option1":"Red","option2":null,"option3":null,"sku":"JBLCHARGE6RED","requires_shipping":true,"taxable":false,"featured_image":{"id":50081832436012,"product_id":9960000618796,"position":15,"created_at":"2025-04-28T16:15:04+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263","variant_ids":[51012562911532]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Red","public_title":"Red","options":["Red"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407540","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483543445804,"position":15,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562944300,"title":"Sand","option1":"Sand","option2":null,"option3":null,"sku":"JBLCHARGE6SAND","requires_shipping":true,"taxable":false,"featured_image":{"id":50081834664236,"product_id":9960000618796,"position":16,"created_at":"2025-04-28T16:15:17+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263","variant_ids":[51012562944300]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Sand","public_title":"Sand","options":["Sand"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407595","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483544625452,"position":16,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012562977068,"title":"Squad","option1":"Squad","option2":null,"option3":null,"sku":"JBLCHARGE6SQUAD","requires_shipping":true,"taxable":false,"featured_image":{"id":50081839120684,"product_id":9960000618796,"position":17,"created_at":"2025-04-28T16:15:38+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263","variant_ids":[51012562977068]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Squad","public_title":"Squad","options":["Squad"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407588","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483547312428,"position":17,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":51012563009836,"title":"White","option1":"White","option2":null,"option3":null,"sku":"JBLCHARGE6WHT","requires_shipping":true,"taxable":false,"featured_image":{"id":50081847083308,"product_id":9960000618796,"position":18,"created_at":"2025-04-28T16:15:56+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263","variant_ids":[51012563009836]},"available":false,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - White","public_title":"White","options":["White"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407564","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483551605036,"position":18,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.png?v=1745827809","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/4.
14275jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/9.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263","\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263"],"featured_image":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.png?v=1745827809","options":["Colour"],"media":[{"alt":"JBL Charge 6 Portable speaker ","id":41483521851692,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.png?v=1745827809"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.png?v=1745827809","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483559534892,"position":2,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/4.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/4.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483559469356,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483559731500,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483559797036,"position":5,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483559829804,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/9.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/9.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483559633196,"position":7,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483559764268,"position":8,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483559436588,"position":9,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483533091116,"position":10,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483536695596,"position":11,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483539579180,"position":12,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/15.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483541381420,"position":13,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/14.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483542298924,"position":14,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/13.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483543445804,"position":15,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/12.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483544625452,"position":16,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483547312428,"position":17,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/17.jpg?v=1745828263","width":1600},{"alt":"JBL Charge 6 Portable speaker ","id":41483551605036,"position":18,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/10.jpg?v=1745828263","width":1600},{"alt":null,"id":44330472440108,"position":19,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/preview_images\/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470"},"aspect_ratio":1.77,"external_id":"cvURnKwSfs8","host":"youtube","media_type":"external_video"}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003ch3\u003e\u003cstrong\u003eCharge up your adventures\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eThe JBL Charge 6 is back and better than ever, redefining your music and outdoor listening experience. This audio beast delivers incredibly powerful, immersive sound thanks to redesigned hardware and JBL AI Sound Boost.\u003c\/p\u003e\n\u003cp\u003eIt's incredibly tough, waterproof, dustproof, and drop-proof, ready for any adventure. Plus, this new portable Bluetooth speaker features a built-in power bank and offers up to 28 hours of playtime, ensuring your music and devices stay charged for endless fun.\u003c\/p\u003e"};
14276
14277          window._wizz.product_in_collections = {}
14278          window._wizz.product_in_collections["9960000618796"] = []
14279          
14280              window._wizz.product_in_collections["9960000618796"].push(451590979884)
14281          
14282              window._wizz.product_in_collections["9960000618796"].push(272522379462)
14283          
14284              window._wizz.product_in_collections["9960000618796"].push(501264318764)
14285          
14286              window._wizz.product_in_collections["9960000618796"].push(494442742060)
14287          
14288              window._wizz.product_in_collections["9960000618796"].push(485553766700)
14289          
14290              window._wizz.product_in_collections["9960000618796"].push(283136065734)
14291          
14292              window._wizz.product_in_collections["9960000618796"].push(282381418694)
14293          
14294              window._wizz.product_in_collections["9960000618796"].push(492971983148)
14295          
14296              window._wizz.product_in_collections["9960000618796"].push(282446430406)
14297          
14298              window._wizz.product_in_collections["9960000618796"].push(436630192428)
14299          
14300              window._wizz.product_in_collections["9960000618796"].push(450096955692)
14301          
14302              window._wizz.product_in_collections["9960000618796"].push(267380129990)
14303          
14304          window._wizz.first_variant = {"id":51012562747692,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"JBLCHARGE6BLK","requires_shipping":true,"taxable":false,"featured_image":{"id":50081815626028,"product_id":9960000618796,"position":10,"created_at":"2025-04-28T16:13:04+08:00","updated_at":"2025-04-28T16:17:43+08:00","alt":"JBL Charge 6 Portable speaker ","width":1600,"height":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263","variant_ids":[51012562747692]},"available":true,"name":"JBL Charge 6 Portable Waterproof and Drop-Proof Bluetooth speaker - Black","public_title":"Black","options":["Black"],"price":89900,"weight":1370,"compare_at_price":99900,"inventory_management":"shopify","barcode":"050036407533","featured_media":{"alt":"JBL Charge 6 Portable speaker ","id":41483533091116,"position":10,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/jblonlinestore.com.my\/cdn\/shop\/files\/16.jpg?v=1745828263"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}};
14305      
14306  
14307
14308  
14309
14310  
14311      window._wizz.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"MYR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
14312  
14313
14314
14315  
14316</script>
14316
14317
14318<script>
14319  (function () {
14320    function getSelectedVariantId() {
14321      var queryVariant = new URLSearchParams(window.location.search).get("variant");
14322      var firstVariant = window._wizz && window._wizz.first_variant && window._wizz.first_variant.id;
14323      return queryVariant || (firstVariant ? String(firstVariant) : null);
14324    }
14325
14326    function campaignTargetsCurrentProduct(campaign, product, selectedVariantId) {
14327      if (!campaign || !campaign.has_badge || !product) return false;
14328
14329      if (campaign.trigger_type === "products") {
14330        return (campaign.trigger_products || []).some(function (triggerProduct) {
14331          return (
14332            String(triggerProduct.id) === String(product.id) &&
14333            (triggerProduct.variants || []).some(function (variant) {
14334              return String(variant.id) === String(selectedVariantId);
14335            })
14336          );
14337        });
14338      }
14339
14340      if (campaign.trigger_type === "collections") {
14341        var productCollections =
14342          window._wizz &&
14343          window._wizz.product_in_collections &&
14344          window._wizz.product_in_collections[String(product.id)];
14345
14346        return (
14347          Array.isArray(productCollections) &&
14348          (campaign.trigger_collections || []).some(function (collection) {
14349            return productCollections.includes(Number(collection.id));
14350          })
14351        );
14352      }
14353
14354      return false;
14355    }
14356
14357    function removeStaleProductBadge() {
14358      var wizz = window._wizz;
14359      if (!wizz || wizz.page !== "product" || !wizz.product) return;
14360
14361      var selectedVariantId = getSelectedVariantId();
14362      if (!selectedVariantId) return;
14363
14364      var hasEligibleBadge = (wizz.campaigns || []).some(function (campaign) {
14365        return campaignTargetsCurrentProduct(campaign, wizz.product, selectedVariantId);
14366      });
14367
14368      if (hasEligibleBadge) return;
14369
14370      try {
14371        var cachedBadges = JSON.parse(sessionStorage.getItem("wBadgeData") || "{}");
14372        if (cachedBadges[wizz.product.handle]) {
14373          delete cachedBadges[wizz.product.handle];
14374          sessionStorage.setItem("wBadgeData", JSON.stringify(cachedBadges));
14375        }
14376      } catch (error) {
14377        console.warn("[BOGO+] Failed to clear stale badge cache", error);
14378      }
14379
14380      document.querySelectorAll(".wbadge, .wizz_badge_img--svg").forEach(function (badge) {
14381        badge.remove();
14382      });
14383    }
14384
14385    ["wizz_replaceState", "wizz_pushState", "popstate"].forEach(function (eventName) {
14386      window.addEventListener(eventName, function () {
14387        window.setTimeout(removeStaleProductBadge, 50);
14388        window.setTimeout(removeStaleProductBadge, 300);
14389      });
14390    });
14391
14392    document.addEventListener("change", function (event) {
14393      if (event.target && event.target.closest && event.target.closest('form[action*="/cart/add"]')) {
14394        window.setTimeout(removeStaleProductBadge, 150);
14395      }
14396    });
14397
14398    window.addEventListener("load", function () {
14399      window.setTimeout(removeStaleProductBadge, 300);
14400    });
14401  })();
14402</script>
14402
14403
14404
14405</div>
14405<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
14405
14406<shopify-store store-domain="https://jblonlinestore.com.my" country="MY" language="en"></shopify-store>
14407<shopify-chat></shopify-chat>
14408</body>
14409</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.