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 – 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&v=1762161365" alt="Image" loading="eager" class="header-logo__image" srcset="//jblonlinestore.com.my/cdn/shop/files/JBL_Logo.webp?height=238&v=1762161365 1x, //jblonlinestore.com.my/cdn/shop/files/JBL_Logo.webp?height=476&v=1762161365 2x, //jblonlinestore.com.my/cdn/shop/files/JBL_Logo.webp?height=714&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 & 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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&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&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&width=3840" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&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&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/4.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/3_5182cab3-cfe6-4cb8-bd0c-dc35163856bc.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/6_f5228c83-0876-4d7f-b074-2e58e8bdc160.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/8_0087ee07-3361-47fc-a2da-8e024c5a52e0.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/9.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/5_6d6c07ce-a8ec-4047-8482-73d25cb2f1ea.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/7_e4e28cde-83d9-4f8f-bbbe-53a9f6e88c29.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/2_644f7cfa-7877-4e8e-9f52-0d2b0d14a981.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/1_cbde820d-9099-4494-9b28-4e2c517bd4d8.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/15.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/14.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/13.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/12.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/11_f850fc6c-9f68-4710-9206-8eeef7ce2352.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/17.jpg?v=1745828263&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&width=600" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=140 140w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=280 280w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&width=420 420w, //jblonlinestore.com.my/cdn/shop/files/10.jpg?v=1745828263&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&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&width=240 240w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&width=352 352w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&width=832 832w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&width=1200 1200w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&width=1600 1600w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&width=1920 1920w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&width=2560 2560w, //jblonlinestore.com.my/cdn/shop/files/preview_images/hqdefault_90fe3e2a-32e9-426d-a426-dd89fba775d8.jpg?v=1785308470&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&controls=1&enablejsapi=0&loop=1&modestbranding=1&mute=1&origin=https%3A%2F%2Fjblonlinestore.com.my&playlist=cvURnKwSfs8&playsinline=1&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&controls=1&enablejsapi=0&loop=1&modestbranding=1&mute=1&origin=https%3A%2F%2Fjblonlinestore.com.my&playlist=cvURnKwSfs8&playsinline=1&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 </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 </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&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&media=http://jblonlinestore.com.my/cdn/shop/files/16.png?v=1745827809&width=1024&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&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 /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="{"supports_subs":true,"supports_def_opts":true,"name":"buy_it_now","wallet_params":{}}" access-token="87dc3d9b041e93de4e60d85de118c83c" buyer-country="MY" buyer-locale="en" buyer-currency="MYR" variant-params="[{"id":51012562747692,"requiresShipping":true},{"id":51012562780460,"requiresShipping":true},{"id":51012562813228,"requiresShipping":true},{"id":51012562845996,"requiresShipping":true},{"id":51012562878764,"requiresShipping":true},{"id":51012562911532,"requiresShipping":true},{"id":51012562944300,"requiresShipping":true},{"id":51012562977068,"requiresShipping":true},{"id":51012563009836,"requiresShipping":true}]" shop-id="56609898694" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton"> </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'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"> per </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&width=64" alt="JBL Charge 6 Portable speaker " srcset="//jblonlinestore.com.my/cdn/shop/files/16.jpg?v=1745828263&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 </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 </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 & 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 & 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 & 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.