{"id":118865,"date":"2026-06-10T15:55:36","date_gmt":"2026-06-10T08:55:36","guid":{"rendered":"https:\/\/jblstore.co.id\/?page_id=118865"},"modified":"2026-06-10T15:56:38","modified_gmt":"2026-06-10T08:56:38","slug":"quantum-gaming-headsets","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/","title":{"rendered":"Quantum Gaming Headsets"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"118865\" class=\"elementor elementor-118865\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3bbe96c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3bbe96c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42daf32\" data-id=\"42daf32\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2949694 elementor-widget elementor-widget-shortcode\" data-id=\"2949694\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <style>\n        @media (max-width: 767px) {\n            .is-desktop {\n                display: none !important;\n            }\n        }\n\n        @media (min-width: 768px) {\n            .is-mobile {\n                display: none !important;\n            }\n        }\n\n        .cta:not(:disabled),\n        .cta:not(.active) {\n            transition: all .2s ease-in;\n        }\n\n        .cta:not(:disabled):focus,\n        .cta:not(.active):focus,\n        .cta:not(:disabled):hover,\n        .cta:not(.active):hover {\n            outline: none;\n            opacity: 0.8;\n        }\n\n        #title {\n            display: none;\n        }\n\n        .quantum-gaming-engine {\n            max-width: var(--sizing-max-page);\n            margin-inline: auto;\n            position: relative;\n            overflow: hidden;\n\n            #hero {\n                position: relative;\n\n                .inside {\n                    position: relative;\n\n                    .img-wrapper {\n                        width: 100%;\n\n                        img {\n                            width: 100%;\n                            height: auto;\n                            display: block;\n                        }\n                    }\n\n                    .content-wrapper {\n                        position: absolute;\n                        top: 60%;\n                        left: 50%;\n                        display: flex;\n                        flex-direction: column;\n                        gap: 12px;\n                        padding: 0 20px;\n\n                        @media (max-width: 767px) {\n                            top: 0;\n                            left: 0;\n                            width: 100%;\n                            bottom: 0;\n                            display: flex;\n                            justify-content: center;\n                            background: linear-gradient(180deg,\n                                    rgba(0, 0, 0, 0) 0%,\n                                    rgba(0, 0, 0, 0.4) 70%,\n                                    rgba(0, 0, 0, 0.8) 100%);\n                        }\n\n                        .title-section {\n                            font-family: \"Kostic - Roc Grotesk Condensed Bold\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                            \/* 32 -> 92 | 414 -> 1280 *\/\n                            font-size: clamp(2rem, 6.928vw + 0.207rem, 5.75rem);\n                            color: white;\n                            margin: 0;\n                            line-height: .8;\n                            text-transform: uppercase;\n                            text-wrap: balance;\n                            text-align: left;\n\n                            @media (max-width: 767px) {\n                                text-align: center;\n                            }\n                        }\n\n                        .description-section {\n                            font-family: Grostesk-Regular, \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                            \/* 17 -> 28 | 414 -> 1280 *\/\n                            font-size: clamp(1.063rem, 1.27vw + 0.734rem, 1.75rem);\n                            ;\n                            color: white;\n                            margin: 0;\n                            line-height: 1.5;\n                            text-wrap: balance;\n\n                            @media (max-width: 767px) {\n                                text-align: center;\n                            }\n                        }\n                    }\n                }\n            }\n\n            #introduction {\n                background-color: #28292E;\n\n                @media (max-width: 767px) {\n                    background-color: white;\n                }\n\n                .inside {\n                    width: 80%;\n                    margin: auto;\n                    padding: 60px 0;\n\n                    .player-wrapper {\n                        width: 100%;\n                        border-radius: 24px;\n                        margin: auto;\n                        overflow: hidden;\n                    }\n                }\n            }\n\n            #introduction-products {\n                background-color: white;\n                background-image: url('\/wp-content\/uploads\/2026\/06\/quantumheadsets-introduction-bg.webp');\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                \n                .inside {\n                    width: 90%;\n                    margin: auto;\n                    padding: 60px 0;\n                    display: grid;\n                    grid-template-columns: repeat(3, 1fr);\n                    gap: 40px;\n\n                    @media (max-width: 767px) {\n                        grid-template-columns: 1fr;\n                        gap: 20px;\n                    }\n\n                    .product-card {\n                        background: rgba(255, 255, 255, 0.8);\n                        border-radius: 16px;\n                        padding: 20px;\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        text-align: center;\n\n                        .img-wrapper {\n                            width: 100%;\n                            margin-bottom: 20px;\n\n                            img {\n                                width: 100%;\n                                height: auto;\n                                display: block;\n                            }\n                        }\n\n                        .product-title {\n                            font-family: \"Kostic - Roc Grotesk Condensed Bold\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                            font-size: clamp(2rem, 2.771vw + 1.283rem, 3.5rem);\n                            color: var(--jblorange);\n                            line-height: 1;\n                            margin: 0;\n                            text-transform: uppercase;\n\n                            span {\n                                color: #8B569C;\n                            }\n                        }\n\n                        .product-subtitle {\n                            font-family: \"Kostic - Roc Grotesk Wide Medium\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                            font-size: clamp(0.75rem, 1.039vw + 0.481rem, 1.313rem);\n                            color: #000;\n                            margin: 0 0 20px;\n                            line-height: 1.4;\n                            text-wrap: balance;\n                        }\n\n                        .product-description {\n                            font-family: Grostesk-Regular, \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                            font-size: 1rem;\n                            color: #000;\n                            margin: 0;\n                            text-wrap: balance;\n                            text-align: justify;\n                        }\n                    }\n                }\n            }\n\n            #features {\n                background-color: #28292E;\n                background-image: url('\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-bg-scaled.webp');\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n\n                @media (max-width: 767px) {\n                    background-image: url('\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-bg-mobile-scaled.webp');\n                }\n\n                .inside {\n                    width: 90%;\n                    margin: auto;\n                    padding: 60px 0;\n\n                    .feature-card {\n                        display: grid;\n                        grid-template-columns: minmax(0, 3fr) minmax(0, 6fr);\n                        gap: 40px;\n                        align-items: center;\n                        text-align: left;\n\n                        @media (max-width: 767px) {\n                            grid-template-columns: 1fr;\n                            gap: 20px;\n                        }\n\n                        .img-wrapper {\n                            width: 100%;\n                            margin-bottom: 20px;\n                            order: 1;\n\n                            img {\n                                width: 100%;\n                                height: auto;\n                                display: block;\n                            }\n                        }\n\n                        .feature-content {\n                            order: 2;\n                        }\n\n                        .feature-title {\n                            font-family: \"Kostic - Roc Grotesk Condensed Bold\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                            \/* 18 -> 32 | 414 -> 1280 *\/\n                            font-size: clamp(1.125rem, 5.312vw + -0.249rem, 4rem);\n                            color: white;\n                            line-height: 1.2;\n                            margin: 0;\n                            text-transform: uppercase;\n                            text-wrap: balance;\n                        }\n\n                        .feature-description {\n                            font-family: Grostesk-Regular, \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                            font-size: clamp(0.875rem, 1.039vw + 0.333rem, 1.125rem);\n                            color: #fff;\n                            margin: 20px 0 0;\n                        }\n\n                        &:nth-of-type(even) {\n                            grid-template-columns: minmax(0, 6fr) minmax(0, 4fr);\n\n                            .img-wrapper {\n                                order: 2;\n                            }\n\n                            .feature-content {\n                                order: 1;\n                            }\n                        }\n\n                        &:not(:last-child) {\n                            margin-bottom: 100px;\n                        }\n\n                        @media (max-width: 767px) {\n                            grid-template-columns: 1fr !important;\n                            gap: 24px;\n\n                            &:not(:last-child) {\n                                margin-bottom: 40px;\n                            }\n\n                            .img-wrapper {\n                                order: 1 !important;\n                            }\n\n                            .feature-content {\n                                order: 2 !important;\n\n                                .feature-title {\n                                    text-align: center;\n                                }\n\n                                .feature-description {\n                                    text-align: justify;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                .extra-inside {\n                    width: 90%;\n                    margin: auto;\n                    display: flex;\n                    justify-content: center;\n                    padding-bottom: 60px;\n\n                    .cta {\n                        background-color: var(--jblorange);\n                        color: white;\n                        font-family: var(--font-body);\n                        font-size: clamp(0.875rem, 1.039vw + 0.333rem, 1.125rem);\n                        padding: 4px 24px;\n                        text-decoration: none;\n                        display: inline-block;\n                    }\n                }\n            }\n\n            #second-hero {\n                background-color: black;\n                color: white;\n                padding: 120px 20px;\n\n                .img-wrapper {\n                    margin-inline: auto;\n                    margin-bottom: 80px;\n                    max-width: 65%;\n\n                    @media (max-width: 767px) {\n                        max-width: 80%;\n                    }\n\n                    img {\n                        width: 100%;\n                    }\n                }\n\n                .title-section {\n                    font-family: Grostesk-ExtraBold, \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                    font-size: clamp(56px, calc(3.5rem + ((1vw - 3.75px) * 6.0664)), 120px);\n                    color: white;\n                    margin: 0;\n                    margin-bottom: 32px;\n                    margin-inline: auto;\n                    padding: 0 20px;\n                    text-align: center;\n                    line-height: .8;\n                    text-transform: uppercase;\n                }\n\n                .description-section {\n                    font-family: Grostesk-Regular, \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                    font-size: clamp(1rem, 0.693vw + 0.821rem, 1.375rem);\n                    color: white;\n                    margin: 0;\n                    margin-bottom: 48px;\n                    margin-inline: auto;\n                    padding: 0 20px;\n                    text-align: center;\n                    line-height: 1.5;\n                    max-width: 830px;\n                }\n\n                .mycta {\n                    background-color: var(--jblorange);\n                    color: white;\n                    font-family: var(--font-body);\n                    font-size: clamp(0.875rem, 1.039vw + 0.333rem, 1.125rem);\n                    padding: 4px 24px;\n                    text-decoration: none;\n                    margin: 0 auto;\n                    width: fit-content;\n                    display: block;\n                }\n            }\n\n            #findyourfit {\n                position: relative;\n                \/* background-color: var(--jbl-cream); *\/\n\n                .inside {\n                    max-width: calc(var(--sizing-max-page) + 200px);\n                    margin: 0 auto;\n                    padding: 0 24px;\n\n                    .product-highlight {\n                        display: flex;\n                        gap: 64px;\n                        padding: 56px 0;\n                        overflow: hidden;\n                        position: relative;\n                        z-index: 2;\n\n                        @media (max-width: 768px) {\n                            flex-wrap: wrap;\n                            gap: 14px;\n                        }\n\n                        .title-findyourfit {\n                            font-size: clamp(48px, 5vw, 54px);\n                            margin: 0;\n                            color: var(--jblorange);\n                            line-height: normal;\n                            text-transform: uppercase;\n                            font-weight: 700;\n                            line-height: 110%;\n                            white-space: nowrap;\n                            width: fit-content;\n                            font-family: \"Kostic - Roc Grotesk Condensed Medium\", sans-serif;\n\n                            @media (max-width: 768px) {\n                                width: 100%;\n                            }\n\n                            span {\n                                color: #8B569C;\n                            }\n                        }\n\n                        .arrow-right {\n                            position: absolute;\n                            top: 65%;\n                            right: 0;\n                            cursor: pointer;\n                            z-index: 4;\n\n                            &:hover {\n                                opacity: 0.6;\n                                outline: none;\n                            }\n\n                            &:focus {\n                                outline: none;\n                            }\n                        }\n\n                        .arrow-left {\n                            position: absolute;\n                            top: 65%;\n                            left: 0;\n                            cursor: pointer;\n                            z-index: 4;\n\n                            &:hover {\n                                opacity: 0.6;\n                                outline: none;\n                            }\n\n                            &:focus {\n                                outline: none;\n                            }\n                        }\n\n                        .product-list {\n                            display: flex;\n                            flex: 1;\n                            justify-content: space-between;\n\n                            @media (max-width: 768px) {\n                                width: 100%;\n                            }\n\n                            .slick-list {\n                                flex: 1;\n                            }\n\n                            .slick-track {\n                                display: flex;\n                                gap: 32px;\n\n                                @media (max-width: 768px) {\n                                    gap: 16px;\n                                }\n                            }\n\n                            .product-comparison {\n                                flex: 1;\n                                \/* max-width: 25%; *\/\n\n                                .title-product-comparison {\n                                    border-bottom: 2px solid var(--jbl-orange);\n                                    font-family: var(--font-body);\n                                    \/* 1200 -> 375 | 20 -> 16 *\/\n                                    font-size: clamp(16px, calc(1rem + ((1vw - 3.75px) * 0.4848)), 20px);\n                                    min-height: 0vw;\n                                    padding: 16px 8px 20px;\n                                    font-weight: 500;\n                                    text-align: center;\n                                    border-bottom: 2px solid var(--jblorange);\n                                }\n\n                                .img-wrapper {\n                                    display: flex;\n\n                                    img {\n                                        margin: 0 auto;\n                                    }\n                                }\n\n                                .price {\n                                    text-align: center;\n\n                                    p {\n                                        font-family: var(--font-body);\n                                        margin: 0;\n                                        font-weight: 500;\n                                    }\n                                }\n\n                                .btn-wrapper {\n                                    text-align: center;\n\n                                    a {\n                                        color: var(--jblorange);\n                                        display: flex;\n                                        align-items: center;\n                                        justify-content: center;\n                                        gap: 10px;\n                                        font-family: var(--font-body);\n                                        transition: opacity .1s ease-in;\n                                        font-weight: 500;\n\n                                        &:hover {\n                                            opacity: 0.6;\n                                        }\n\n                                        svg {\n                                            transition: margin .25s ease;\n                                        }\n\n                                        &:hover svg {\n                                            margin-left: 5px;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    .product-features {\n                        border-top: 1px solid black;\n                        padding: 20px 0 0 0;\n\n                        .feature-head {\n                            font-size: clamp(28px, 5vw, 38px);\n                            margin: 0;\n                            color: #000;\n                            line-height: normal;\n                            text-transform: uppercase;\n                            font-weight: 700;\n                            line-height: 110%;\n                            font-family: \"Kostic - Roc Grotesk Condensed Medium\", sans-serif;\n                            display: flex;\n                            justify-content: space-between;\n\n                            .toggle-icon {\n                                margin-right: 8px;\n                                display: inline-block;\n                                vertical-align: middle;\n                            }\n\n                            .plus-icon,\n                            .minus-icon {\n                                cursor: pointer;\n                            }\n\n                            h3 {\n                                font-family: \"Kostic - Roc Grotesk Condensed Bold\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n                            }\n                        }\n\n                        .features {\n                            padding-top: 16px;\n\n                            &>*:not(:first-child) {\n                                border-top: 1px solid var(--jbl-dark-cream);\n                            }\n\n                            .feature-wrapper {\n                                display: flex;\n                                gap: 64px;\n                                padding: 20px 0;\n\n                                @media (max-width: 768px) {\n                                    flex-wrap: wrap;\n                                    gap: 14px;\n                                }\n\n                                .title-feature {\n                                    min-width: 250px;\n                                    font-family: var(--font-body);\n                                    \/* 1200 -> 375 | 20 -> 16 *\/\n                                    font-size: clamp(16px, calc(1rem + ((1vw - 3.75px) * 0.4848)), 20px);\n                                    min-height: 0vw;\n\n                                    @media (max-width: 768px) {\n                                        min-width: auto;\n                                        width: 100%;\n                                    }\n                                }\n\n                                .check-feature {\n                                    display: flex;\n                                    gap: 32px;\n                                    flex: 1;\n                                    justify-content: space-between;\n\n                                    @media (max-width: 768px) {\n                                        width: 100%;\n                                    }\n\n                                    .slick-list {\n                                        flex: 1;\n                                    }\n\n                                    .slick-track {\n                                        display: flex;\n                                        gap: 32px;\n\n                                        @media (max-width: 768px) {\n                                            gap: 16px;\n                                        }\n                                    }\n\n                                    .slick-slide>div {\n                                        display: flex;\n                                    }\n\n                                    .checkmark {\n                                        flex: 1;\n                                        max-width: 25%;\n                                        display: flex !important;\n                                        justify-content: center;\n                                        margin: 0 auto;\n\n                                        svg {\n                                            margin: 0 auto;\n                                        }\n\n                                        span {\n                                            font-size: 16px;\n                                            \/* 1200 -> 375 | 20 -> 16 *\/\n                                            font-size: 16px;\n                                            min-height: 0vw;\n                                            font-family: var(--font-body);\n                                            font-weight: 600;\n                                            white-space: nowrap;\n                                            text-align: center;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            #recommender {\n                img {\n                    width: 100%;\n                }\n\n                .title-wrapper {\n                    background-color: #83b97a;\n                    padding: 30px 0;\n\n                    @media (max-width: 768px) {\n                        padding: 20px 0;\n                    }\n\n                    .title-section {\n                        text-align: center;\n                        color: white;\n                        font-family: \"Kostic - Roc Grotesk Condensed Black\", Arial, Helvetica, sans-serif;\n                        text-transform: uppercase;\n                        font-size: clamp(34px, calc(2.125rem + ((1vw - 3.7px) * 2.8387)), 78px);\n                        min-height: 0vw;\n                        margin: 0px;\n                    }\n                }\n\n                .lane {\n                    background-color: #008300;\n\n                    .title-lane {\n                        color: white;\n                        text-align: center;\n                        margin-bottom: 0;\n                        padding: 17px;\n                        font-family: \"Kostic - Roc Grotesk Condensed Black\", Arial, Helvetica, sans-serif;\n                        font-size:\n                            clamp(40px, calc(2.5rem + ((1vw - 3.93px) * 0.4957)), 44px)                        ;\n                        min-height: 0vw;\n\n                        @media (max-width: 768px) {\n                            padding: 33px 68px;\n                            line-height: 100%;\n                        }\n                    }\n                }\n\n                .inside {\n                    position: relative;\n\n                    .text-container {\n                        position: absolute;\n                        top: 10px;\n                        left: 0;\n                        right: 0;\n                        bottom: 0;\n                        display: flex;\n                        flex-direction: column;\n                        justify-content: center;\n                        align-items: center;\n\n                        .title-section {\n                            color: white;\n                            font-family: Grostesk-ExtraBold, Arial, Helvetica, sans-serif;\n                            text-transform: uppercase;\n                            text-align: center;\n                            font-size: clamp(2.375rem, 3.349vw + 1.509rem, 4.188rem);\n                            min-height: 0vw;\n                            max-width: 500px;\n                            margin-bottom: 10px;\n                            line-height: 100%;\n\n                            @media (max-width: 1023px) {\n                                line-height: 80%;\n                            }\n\n                            @media (max-width: 768px) {\n                                line-height: 90%;\n                                margin-bottom: 30px;\n                            }\n                        }\n\n                        .text-section {\n                            color: white;\n                            font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                            text-align: center;\n                            font-size: 17px;\n                            max-width: 553px;\n                            margin-bottom: 10px;\n                            line-height: 110%;\n\n                            @media (max-width: 768px) {\n                                line-height: 150%;\n                                padding: 0 50px;\n                            }\n                        }\n\n                        .btn-group {\n                            margin-top: 40px;\n                            display: flex;\n                            gap: 20px;\n\n                            @media (max-width: 1023px) {\n                                margin-top: 10px;\n                            }\n\n                            @media (max-width: 768px) {\n                                margin-top: 20px;\n                                line-height: 150%;\n                                padding: 0 50px;\n                                flex-direction: column;\n                            }\n                        }\n\n                        .mycta {\n                            background-color: white;\n                            color: black;\n                            font-family: var(--font-body);\n                            font-size: clamp(0.875rem, 1.039vw + 0.333rem, 1.125rem);\n                            padding: 4px 24px;\n                            text-decoration: none;\n                            margin: 0 auto;\n                            width: fit-content;\n                            display: block;\n                        }\n                    }\n                }\n            }\n\n            #exploremore {\n                position: relative;\n\n                .inside {\n                    padding-bottom: 32px;\n\n                    @media (max-width: 768px) {\n                        & {\n                            padding-bottom: 16px;\n                        }\n                    }\n\n                    .inside-text {\n                        padding: 80px 6% 24px;\n\n                        @media (max-width: 768px) {\n                            & {\n                                padding: 48px 8% 24px;\n                            }\n                        }\n\n                        .title-exploremore {\n                            font-size: clamp(40px, 5vw, 72px);\n                            margin: 0;\n                            color: #000;\n                            line-height: normal;\n                            text-transform: uppercase;\n                            font-weight: 700;\n                            line-height: 110%;\n                            font-family: \"Kostic - Roc Grotesk Condensed Medium\", sans-serif;\n                        }\n\n                        .paragraph-exploremore {\n                            \/* 1200 -> 375 | 18 -> 16 *\/\n                            font-size: clamp(16px, calc(1rem + ((1vw - 3.75px) * 0.2424)), 18px);\n                            min-height: 0vw;\n                            \/* margin-top: 38px; *\/\n                            margin-bottom: 10px;\n                            font-family: var(--font-body);\n                            font-weight: 500;\n\n                            @media (max-width: 768px) {\n                                & {\n                                    margin-top: 24px;\n                                }\n                            }\n                        }\n                    }\n\n                    .product-lists {\n                        display: flex;\n                        margin-top: 18px;\n\n                        @media (max-width: 768px) {\n                            flex-wrap: wrap;\n                            margin-top: 0px;\n                        }\n\n                        &>*:not(:first-child) {\n                            border-left: 1px solid var(--colorMain);\n                        }\n\n                        .no-product-hightlight {\n                            display: flex;\n\n                            img {\n                                width: 100%;\n                                object-fit: cover;\n                            }\n                        }\n\n                        &>* {\n                            width: 25%;\n                            border-top: 1px solid var(--colorMain);\n                            border-bottom: 1px solid var(--colorMain);\n\n                            \/* &:hover {\n                                filter: grayscale(1);\n                            } *\/\n                            \n                            .img-wrapper {\n                                img {\n                                    margin: 0 auto;\n                                    display: block;\n                                }\n                            }\n                            \n                            .product-cta {\n                                text-align: center;\n                                margin-bottom: 32px;\n\n                                .act {\n                                    display: flex;\n                                    text-transform: uppercase;\n                                    align-items: center;\n                                    justify-content: center;\n                                    gap: 10px;\n                                    font-family: Grostesk-Bold, Arial, Helvetica, sans-serif;\n                                }\n                            }\n\n                            @media (max-width: 768px) {\n                                width: 50%;\n\n                                &:nth-child(odd) {\n                                    border-left: 0;\n                                }\n\n                                &:nth-child(even):not(:nth-child(2)),\n                                &:nth-child(odd):not(:nth-child(1)) {\n                                    border-top: 0;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    <\/style>\n\n    <div class=\"quantum-gaming-engine\">\n        <div id=\"hero\">\n            <div class=\"inside\">\n                <div class=\"img-wrapper\">\n                    <img fetchpriority=\"high\" decoding=\"async\" width=\"2160\" height=\"1035\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg.webp\" class=\"is-desktop\" alt=\"Checkout New Series\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg.webp 2160w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-300x144.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-1024x491.webp 1024w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-768x368.webp 768w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-1536x736.webp 1536w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-2048x981.webp 2048w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-18x9.webp 18w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-364x174.webp 364w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-1140x546.webp 1140w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-600x288.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-1600x767.webp 1600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-1200x575.webp 1200w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-175x84.webp 175w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-376x180.webp 376w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-284x136.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-497x238.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-576x276.webp 576w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-966x463.webp 966w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-462x221.webp 462w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-412x197.webp 412w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-721x345.webp 721w\" sizes=\"(max-width: 2160px) 100vw, 2160px\" \/>                    <img decoding=\"async\" width=\"582\" height=\"511\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile.webp\" class=\"is-mobile\" alt=\"Checkout New Series\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile.webp 582w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-300x263.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-14x12.webp 14w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-364x320.webp 364w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-175x154.webp 175w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-376x330.webp 376w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-284x249.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-497x436.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-576x506.webp 576w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-527x463.webp 527w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-462x406.webp 462w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-412x362.webp 412w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-hero-bg-mobile-367x322.webp 367w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/>                <\/div>\n\n                <div class=\"content-wrapper\">\n                    <h2 class=\"title-section\">\n                        JBL Quantum Headsets\n                    <\/h2>\n                    <p class=\"description-section\">\n                        Immersive JBL Quantum Spatial Sound, upgraded boom mics, and ergonomic comfort \u2014 designed for every level of gamer.                    <\/p>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"introduction\">\n            <div class=\"inside\">\n                <div class=\"player-wrapper\">\n                    <iframe width=\"930\" height=\"523\" src=\"https:\/\/www.youtube.com\/embed\/JQcNeFLxnz4\" title=\"JBL | Quantum 950 wireless multiplatform gaming headset with Noise Cancelling\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"introduction-products\">\n            <div class=\"inside\">\n                                    <div class=\"product-card\">\n                        <h3 class=\"product-title\"><span>JBL<\/span> Quantum 250<\/h3>\n                        <p class=\"product-subtitle\">EVERYDAY PERFORMANCE<\/p>\n                        <div class=\"img-wrapper\">\n                            <img decoding=\"async\" width=\"666\" height=\"714\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250.webp\" class=\"attachment-full size-full\" alt=\"Quantum 250\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250.webp 666w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-280x300.webp 280w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-11x12.webp 11w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-340x364.webp 340w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-600x643.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-624x669.webp 624w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-532x570.webp 532w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-300x322.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-163x175.webp 163w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-351x376.webp 351w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-284x304.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-497x533.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-537x576.webp 537w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-432x463.webp 432w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-431x462.webp 431w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250-384x412.webp 384w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/>                        <\/div>\n                        <p class=\"product-description\">For plug-and-play gamers who value simplicity and quality, the JBL Quantum 250 delivers reliable wired performance across PC, Mac, console, and mobile. Lightweight and comfortable, it carries the same modern modular design and 50mm carbon dynamic drivers that are perfect for everyday gaming, streaming, or calls.<\/p>\n                    <\/div>\n                                    <div class=\"product-card\">\n                        <h3 class=\"product-title\"><span>JBL<\/span> Quantum 650<\/h3>\n                        <p class=\"product-subtitle\">FLAGSHIP PERFORMANCE<\/p>\n                        <div class=\"img-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"714\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650.webp\" class=\"attachment-full size-full\" alt=\"Quantum 650\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650.webp 672w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-282x300.webp 282w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-11x12.webp 11w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-343x364.webp 343w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-600x638.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-630x669.webp 630w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-536x570.webp 536w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-300x319.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-165x175.webp 165w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-354x376.webp 354w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-284x302.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-497x528.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-542x576.webp 542w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-436x463.webp 436w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-435x462.webp 435w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-388x412.webp 388w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650-303x322.webp 303w\" sizes=\"(max-width: 672px) 100vw, 672px\" \/>                        <\/div>\n                        <p class=\"product-description\">Experience near-flagship performance with the JBL Quantum 650, featuring JBL Quantum Spatial Sound, 50mm carbon dynamic drivers and swappable battery support for non-stop play. Enjoy versatile connectivity options, including 2.4 GHz wireless, Bluetooth 5.3, and wired mode, ensuring seamless performance across any platform.<\/p>\n                    <\/div>\n                                    <div class=\"product-card\">\n                        <h3 class=\"product-title\"><span>JBL<\/span> Quantum 950<\/h3>\n                        <p class=\"product-subtitle\">THE ULTIMATE ADVANTAGE<\/p>\n                        <div class=\"img-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"701\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950.webp\" class=\"attachment-full size-full\" alt=\"Quantum 950\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950.webp 666w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-285x300.webp 285w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-11x12.webp 11w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-346x364.webp 346w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-600x632.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-636x669.webp 636w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-542x570.webp 542w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-300x316.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-166x175.webp 166w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-357x376.webp 357w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-284x299.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-497x523.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-547x576.webp 547w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-440x463.webp 440w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-439x462.webp 439w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-391x412.webp 391w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950-306x322.webp 306w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/>                        <\/div>\n                        <p class=\"product-description\">Designed for gamers who demand the best, the JBL Quantum 950 delivers the ultimate edge, whether you are climbing the leaderboards or diving into cinematic worlds. This multi-platform powerhouse combines precision-engineered sound, luxurious comfort, and uninterrupted performance to keep you immersed and in control no matter where the game takes you.<\/p>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <div id=\"features\">\n            <div class=\"inside\">\n                                    <div class=\"feature-card\">\n                        <div class=\"img-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"711\" height=\"615\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound.webp\" class=\"attachment-full size-full\" alt=\"50mm carbon dynamic drivers for rich JBL Quantum Sound\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound.webp 711w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-300x259.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-14x12.webp 14w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-364x315.webp 364w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-600x519.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-659x570.webp 659w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-175x151.webp 175w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-376x325.webp 376w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-284x246.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-497x430.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-576x498.webp 576w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-535x463.webp 535w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-462x400.webp 462w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-412x356.webp 412w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumsound-372x322.webp 372w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/>                        <\/div>\n                        <div class=\"feature-content\">\n                            <h3 class=\"feature-title\">50mm carbon dynamic drivers for rich JBL Quantum Sound<\/h3>\n                            <p class=\"feature-description\">Our 50mm dynamic drivers are engineered with a unique carbon damping material for powerful performance and low distortion. That means you get the immersive, realistic audio experience you need for your most intense gaming sessions.<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"feature-card\">\n                        <div class=\"img-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"711\" height=\"615\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial.webp\" class=\"attachment-full size-full\" alt=\"JBL Quantum Spatial Sound powered by JBL Quantum ENGINE\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial.webp 711w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-300x259.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-14x12.webp 14w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-364x315.webp 364w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-600x519.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-659x570.webp 659w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-175x151.webp 175w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-376x325.webp 376w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-284x246.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-497x430.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-576x498.webp 576w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-535x463.webp 535w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-462x400.webp 462w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-412x356.webp 412w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-quantumspatial-372x322.webp 372w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/>                        <\/div>\n                        <div class=\"feature-content\">\n                            <h3 class=\"feature-title\">JBL Quantum Spatial Sound powered by JBL Quantum ENGINE<\/h3>\n                            <p class=\"feature-description\">Next-generation JBL Quantum Spatial Sound is a more natural, accurate, and immersive audio experience. Processing more sound details from your gaming content, it generates reflections and reverberation signals. By applying diverse parameters at different frequency ranges, it creates an altogether more realistic gaming experience. <br><br>Use your device specific JBL QuantumENGINE dashboard to customise your preferred sound profile, spot where in-game sounds are coming from with a real-time sound visualiser, reduce keyboard noise, optimise the mic\u2019s performance, and noise reduction and even update your headset\u2019s firmware. It works on all platforms and connects all your JBL Quantum headsets simultaneously.<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"feature-card\">\n                        <div class=\"img-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"711\" height=\"615\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign.webp\" class=\"attachment-full size-full\" alt=\"Light and comfortable design with replaceable components\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign.webp 711w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-300x259.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-14x12.webp 14w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-364x315.webp 364w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-600x519.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-659x570.webp 659w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-175x151.webp 175w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-376x325.webp 376w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-284x246.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-497x430.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-576x498.webp 576w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-535x463.webp 535w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-462x400.webp 462w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-412x356.webp 412w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-comfortabledesign-372x322.webp 372w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/>                        <\/div>\n                        <div class=\"feature-content\">\n                            <h3 class=\"feature-title\">Light and comfortable design with replaceable components<\/h3>\n                            <p class=\"feature-description\">The light mesh hammock under the soft headband smartly distributes the headset\u2019s weight, so it will stay comfortable all night long. And our fabric ear cushions are designed for total comfort during long sessions, while the sliding arm allows you to adjust the size to your most comfortable fit. <br><br>You can replace not just the microphone and the cable, but the fabric ear cushions, batteries and cover (for wireless models), and mesh hammocks so your headsets will always look as good as new. Not only do replaceable parts* keep your headsets working, but they also make your headset more sustainable. <br><br>(*spare parts sold separately)<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"feature-card\">\n                        <div class=\"img-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"711\" height=\"615\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics.webp\" class=\"attachment-full size-full\" alt=\"Detachable noise-cancelling boom microphone\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics.webp 711w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-300x259.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-14x12.webp 14w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-364x315.webp 364w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-600x519.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-659x570.webp 659w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-175x151.webp 175w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-376x325.webp 376w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-284x246.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-497x430.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-576x498.webp 576w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-535x463.webp 535w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-462x400.webp 462w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-412x356.webp 412w, \/wp-content\/uploads\/2026\/06\/quantumheadsets-features-detachablemics-372x322.webp 372w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/>                        <\/div>\n                        <div class=\"feature-content\">\n                            <h3 class=\"feature-title\">Detachable noise-cancelling boom microphone<\/h3>\n                            <p class=\"feature-description\">Experience crystal-clear communication with a unidirectional cardioid microphone designed to focus on your voice while minimising background distractions. Powered by the latest JBL QuantumENGINE and JBL\u2019s AI-based adaptive noise reduction, this detachable boom mic intelligently filters out both stationary noises (like air conditioners or traffic) and transient sounds (such as keyboard clicks and background music). The results: a clean, natural, and focused voice transmission \u2013 perfect for intense gaming sessions and team chats.<\/p>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"extra-inside\">\n                <a href=\"\/en\/product-category\/gaming\/\" class=\"cta mycta\">\n                    Shop Now                <\/a>\n            <\/div>\n        <\/div>\n\n        <div id=\"second-hero\">\n            <div class=\"img-wrapper\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1467\" height=\"80\" src=\"\/wp-content\/uploads\/2026\/06\/quantumengine-logo.webp\" class=\"attachment-full size-full\" alt=\"Quantum Engine Logo\" srcset=\"\/wp-content\/uploads\/2026\/06\/quantumengine-logo.webp 1467w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-300x16.webp 300w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-1024x56.webp 1024w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-768x42.webp 768w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-18x1.webp 18w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-364x20.webp 364w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-1140x62.webp 1140w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-600x33.webp 600w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-1200x65.webp 1200w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-175x10.webp 175w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-376x21.webp 376w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-284x15.webp 284w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-497x27.webp 497w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-576x31.webp 576w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-1335x73.webp 1335w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-462x25.webp 462w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-412x22.webp 412w, \/wp-content\/uploads\/2026\/06\/quantumengine-logo-721x39.webp 721w\" sizes=\"(max-width: 1467px) 100vw, 1467px\" \/>            <\/div>\n\n            <h1 class=\"title-section\">Power Up<br>Your Play<\/h1>\n\n            <p class=\"description-section\">\n                Game your way with NEW JBL QuantumENGINE, your command center for sound customisation.\n            <\/p>\n\n            <a href=\"\/en\/quantum-gaming-engine\/\" class=\"cta mycta\">\n                Learn More            <\/a>\n        <\/div>\n\n        <section id=\"findyourfit\">\n            <div class=\"inside\">\n                <div class=\"product-highlight\">\n                    <h2 class=\"title-findyourfit\">\n                       Find your <span>Fit<\/span>\n                    <\/h2>\n                    <div class=\"product-list\" id=\"product-list\">\n                                                    <div class=\"product-comparison\">\n                                <h3 class=\"title-product-comparison\">\n                                    JBL QUANTUM 250                                <\/h3>\n                                <div class=\"img-wrapper\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum250.webp\" alt=\"JBL QUANTUM 250 Thumbnail\">\n                                <\/div>\n\n                                <div class=\"price\">\n                                    <p class=\"price-tag\">\n                                        Rp1.399.000                                    <\/p>\n                                <\/div>\n\n                                <div class=\"btn-wrapper\">\n                                    <a href=\"\/en\/product\/jbl-quantum-250\/\" class=\"btn-comparison\">\n                                        <span>View details<\/span>\n                                        <svg width=\"16\" height=\"17\" viewbox=\"0 0 16 17\" fill=\"none\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M8.66671 12.8002L13.3334 8.13356L8.66671 3.4667\" stroke=\"currentColor\"\n                                                stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                            <path d=\"M12.0001 8.13281L2.66679 8.13281\" stroke=\"currentColor\" stroke-width=\"2\"\n                                                stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"product-comparison\">\n                                <h3 class=\"title-product-comparison\">\n                                    JBL QUANTUM 650                                <\/h3>\n                                <div class=\"img-wrapper\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum650.webp\" alt=\"JBL QUANTUM 650 Thumbnail\">\n                                <\/div>\n\n                                <div class=\"price\">\n                                    <p class=\"price-tag\">\n                                        Rp3.199.000                                    <\/p>\n                                <\/div>\n\n                                <div class=\"btn-wrapper\">\n                                    <a href=\"\/en\/product\/jbl-quantum-650\/\" class=\"btn-comparison\">\n                                        <span>View details<\/span>\n                                        <svg width=\"16\" height=\"17\" viewbox=\"0 0 16 17\" fill=\"none\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M8.66671 12.8002L13.3334 8.13356L8.66671 3.4667\" stroke=\"currentColor\"\n                                                stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                            <path d=\"M12.0001 8.13281L2.66679 8.13281\" stroke=\"currentColor\" stroke-width=\"2\"\n                                                stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"product-comparison\">\n                                <h3 class=\"title-product-comparison\">\n                                    JBL QUANTUM 950                                <\/h3>\n                                <div class=\"img-wrapper\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-introductionproducts-quantum950.webp\" alt=\"JBL QUANTUM 950 Thumbnail\">\n                                <\/div>\n\n                                <div class=\"price\">\n                                    <p class=\"price-tag\">\n                                        Rp6.999.000                                    <\/p>\n                                <\/div>\n\n                                <div class=\"btn-wrapper\">\n                                    <a href=\"\/en\/product\/jbl-quantum-950\/\" class=\"btn-comparison\">\n                                        <span>View details<\/span>\n                                        <svg width=\"16\" height=\"17\" viewbox=\"0 0 16 17\" fill=\"none\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M8.66671 12.8002L13.3334 8.13356L8.66671 3.4667\" stroke=\"currentColor\"\n                                                stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                            <path d=\"M12.0001 8.13281L2.66679 8.13281\" stroke=\"currentColor\" stroke-width=\"2\"\n                                                stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <div class=\"is-mobile\">\n                        <button class=\"arrow-left\">\n                            <svg width=\"37\" height=\"38\" viewbox=\"0 0 37 38\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M24.6667 30.275L13.875 19.4833L24.6667 8.69118\" stroke=\"black\" stroke-width=\"4\"\n                                    stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                            <\/svg>\n                        <\/button>\n\n                        <button class=\"arrow-right\">\n                            <svg width=\"37\" height=\"38\" viewbox=\"0 0 37 38\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M12.3333 30.275L23.125 19.4833L12.3333 8.69118\" stroke=\"black\" stroke-width=\"4\"\n                                    stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-features\">\n                    <div class=\"feature-head active\">\n                        <h3>Audio and Performance<\/h3>\n                        <span class=\"toggle-icon plus-icon\" style=\"display:none;\">\n                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M19.1289 12.8901L5.12891 12.8901\" stroke=\"black\" stroke-width=\"4\"\n                                    stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M12.1289 19.6328L12.1289 5.63281\" stroke=\"black\" stroke-width=\"4\"\n                                    stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"toggle-icon minus-icon\">\n                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M19 12.8896L5 12.8896\" stroke=\"black\" stroke-width=\"4\" stroke-miterlimit=\"10\"\n                                    stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"features\">\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Spatial Sound by<br> Quantum Engine                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Head Tracking                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Hi-Res Audio                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Adaptive Noise Cancelling                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                AI Keyboard Noise<br> Reduction                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Battery Life                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                                <\/div>\n                                                                    <div class=\"checkmark\">\n                                        <span>45 Hours<\/span>                                    <\/div>\n                                                                    <div class=\"checkmark\">\n                                        <span>25 Hours<\/span>                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Number of Batteries<br>\n                                <small>(Included In The<br> Packaging)<\/small>\n                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                                <\/div>\n                                                                    <div class=\"checkmark\">\n                                        <span>1<\/span>                                    <\/div>\n                                                                    <div class=\"checkmark\">\n                                        <span>2<\/span>                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"product-features\">\n                    <div class=\"feature-head\">\n                        <h3>Connectivity and Compatibility<\/h3>\n                        <span class=\"toggle-icon plus-icon\">\n                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M19.1289 12.8901L5.12891 12.8901\" stroke=\"black\" stroke-width=\"4\"\n                                    stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M12.1289 19.6328L12.1289 5.63281\" stroke=\"black\" stroke-width=\"4\"\n                                    stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"toggle-icon minus-icon\" style=\"display: none;\">\n                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M19 12.8896L5 12.8896\" stroke=\"black\" stroke-width=\"4\" stroke-miterlimit=\"10\"\n                                    stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"features\" style=\"visibility:hidden;height: 0;\">\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                3.5 mm Low Latency<br> Connection                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                USB-C Low Latency<br> Connection                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Wireless Connection                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                                <\/div>\n                                                                    <div class=\"checkmark\">\n                                        <span>Bluetooth or 2.4G Dongle hrs<\/span>                                    <\/div>\n                                                                    <div class=\"checkmark\">\n                                        <span>Bluetooth or 2.4G Dongle hrs<\/span>                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Zoom Certification                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                All Platform Support<br>\n                                <small>(Windows, PC, MAC OS,<br> MOBILE, IOS, IPAD OS,<br> ANDROID, ALL Gaming<br> Consoles)<\/small>\n                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"product-features\">\n                    <div class=\"feature-head\">\n                        <h3>Design And Accessories<\/h3>\n                        <span class=\"toggle-icon plus-icon\">\n                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M19.1289 12.8901L5.12891 12.8901\" stroke=\"black\" stroke-width=\"4\"\n                                    stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M12.1289 19.6328L12.1289 5.63281\" stroke=\"black\" stroke-width=\"4\"\n                                    stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"toggle-icon minus-icon\" style=\"display: none;\">\n                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M19 12.8896L5 12.8896\" stroke=\"black\" stroke-width=\"4\" stroke-miterlimit=\"10\"\n                                    stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"features\" style=\"visibility:hidden;height: 0;\">\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Replaceable System<br>\n                                <small>(Cushion, Hammock, MIC)<\/small>\n                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Replaceable System<br>\n                                <small>(Ear Cap)<\/small>\n                            <\/div>\n                            <div class=\"check-feature\">\n                                                                     <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                     <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                     <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Replaceable System<br>\n                                <small>(Battery)<\/small>\n                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"feature-wrapper\">\n                            <div class=\"title-feature\">\n                                Multipurpose Base Station<br> With Lightning                            <\/div>\n                            <div class=\"check-feature\">\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M19.3335 12.3896L5.3335 12.3896\" stroke=\"#C2C2C2\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                    <div class=\"checkmark\">\n                                        \n                                            <svg width=\"24\" height=\"25\" viewbox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3 12.1323L8.53846 18.1323L20.0769 6.13232\" stroke=\"black\" stroke-width=\"4\"\/>\n                                            <\/svg>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"recommender\">\n            <!-- <div class=\"lane\">\n                <h3 class=\"title-lane\">TIDAK YAKIN APA YANG AKAN DIDAPATKAN?<\/h3>\n            <\/div> -->\n            <div class=\"inside\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/recommender-bg-desktop.webp\" fetchpriority=\"low\" width=\"1920\"\n                    height=\"631\" alt=\"Background Section\" class=\"is-desktop\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/recommender-bg-mobile.webp\" fetchpriority=\"low\"\n                    width=\"1920\" height=\"631\" alt=\"Background Section\" class=\"is-mobile\">\n                <div class=\"text-container\">\n                    <h3 class=\"title-section\">\n                        not sure what you\u2019re looking for?                    <\/h3>\n                    <p class=\"text-section\">\n                        Our product recommender is here to help you find the best gaming gears best suited to your lifestyle.                    <\/p>\n                    <div class=\"btn-group\">\n                        <a href=\"\/en\/quantum-recommender\/\" class=\"cta mycta\">\n                            Learn More                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"exploremore\">\n            <div class=\"inside\">\n                <div class=\"inside-text\">\n                    <h2 class=\"title-exploremore\">Explore Other JBL Products<\/h2>\n                <\/div>\n\n                <div class=\"product-lists\">\n                                                                        <a href=\"\/en\/product\/jbl-clip-5\/\" title=\"JBL Clip 5\" class=\"product-hightlight\">\n                                <div class=\"img-wrapper\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-exploremore-clip5-rev1.webp\" alt=\"JBL Clip 5 Thumbnail\">\n                                <\/div>\n                                <div class=\"product-cta\">\n                                    <span class=\"act\">\n                                        <span>\n                                            JBL Clip 5                                        <\/span>\n                                        <svg width=\"16\" height=\"17\" viewbox=\"0 0 16 17\" fill=\"none\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M8.66671 12.8002L13.3334 8.13356L8.66671 3.4667\" stroke=\"currentColor\"\n                                                stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                            <path d=\"M12.0001 8.13281L2.66679 8.13281\" stroke=\"currentColor\" stroke-width=\"2\"\n                                                stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/span>\n                                <\/div>\n                            <\/a>\n                                                                                                <a href=\"\/en\/product\/jbl-go-4\/\" title=\"JBL Go 4\" class=\"product-hightlight\">\n                                <div class=\"img-wrapper\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-exploremore-go4-rev1.webp\" alt=\"JBL Go 4 Thumbnail\">\n                                <\/div>\n                                <div class=\"product-cta\">\n                                    <span class=\"act\">\n                                        <span>\n                                            JBL Go 4                                        <\/span>\n                                        <svg width=\"16\" height=\"17\" viewbox=\"0 0 16 17\" fill=\"none\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M8.66671 12.8002L13.3334 8.13356L8.66671 3.4667\" stroke=\"currentColor\"\n                                                stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                            <path d=\"M12.0001 8.13281L2.66679 8.13281\" stroke=\"currentColor\" stroke-width=\"2\"\n                                                stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/span>\n                                <\/div>\n                            <\/a>\n                                                                                                <a href=\"\/en\/product\/jbl-authentics-300\/\" title=\"JBL Authentics 300\" class=\"product-hightlight\">\n                                <div class=\"img-wrapper\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-exploremore-authentics300-rev1.webp\" alt=\"JBL Authentics 300 Thumbnail\">\n                                <\/div>\n                                <div class=\"product-cta\">\n                                    <span class=\"act\">\n                                        <span>\n                                            JBL Authentics 300                                        <\/span>\n                                        <svg width=\"16\" height=\"17\" viewbox=\"0 0 16 17\" fill=\"none\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M8.66671 12.8002L13.3334 8.13356L8.66671 3.4667\" stroke=\"currentColor\"\n                                                stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"square\" \/>\n                                            <path d=\"M12.0001 8.13281L2.66679 8.13281\" stroke=\"currentColor\" stroke-width=\"2\"\n                                                stroke-miterlimit=\"10\" stroke-linecap=\"square\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/span>\n                                <\/div>\n                            <\/a>\n                                                                                                <div class=\"no-product-hightlight\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/quantumheadsets-exploremore-img.webp\" alt=\"JBL Highlight\">\n                            <\/div>\n                                                            <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <script>\n        jQuery(document).ready(function () {\n            jQuery('.feature-head').click(function () {\n                \/\/ Hapus kelas 'active' dari semua elemen yang bukan elemen yang diklik\n                jQuery('.feature-head').not(this).removeClass('active');\n                \n                \/\/ Sembunyikan semua elemen 'features' selain yang berhubungan dengan elemen yang diklik\n                jQuery('.features').not(jQuery(this).next()).css('visibility', 'hidden').css('height', '0');\n                \n                if (jQuery(this).next('.features').css('visibility') === 'hidden') {\n                    jQuery(this).next('.features').css('visibility', 'visible').css('height', 'auto');\n                } else {\n                    jQuery(this).next('.features').css('visibility', 'hidden').css('height', '0');\n                }\n\n                \/\/ Toggle kelas 'active' pada elemen yang diklik\n                jQuery(this).toggleClass('active');\n\n                \/\/ Toggle ikon plus\/minus pada elemen yang diklik\n                jQuery('.plus-icon', this).toggle(!jQuery(this).hasClass('active'));\n                jQuery('.minus-icon', this).toggle(jQuery(this).hasClass('active'));\n\n                \/\/ Set ulang ikon plus\/minus untuk semua elemen yang bukan elemen yang diklik\n                jQuery('.feature-head').not(this).each(function() {\n                    jQuery('.plus-icon', this).show();  \n                    jQuery('.minus-icon', this).hide();  \n                });\n\n                \/\/ Set ulang posisi Slick carousel setelah perubahan tampilan\n                setTimeout(() => {\n                    jQuery('#product-list').slick('setPosition');\n                }, 1000);\n            });\n\n            const scrollToTarget = (selector) => {\n                const target = document.querySelector(selector);\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            };\n\n            jQuery('#product-1, #product-1m').click(function () {\n                scrollToTarget('#exploremore');\n            });\n\n            jQuery('#features-1, #features-1m').click(function () {\n                scrollToTarget('#describe');\n            });\n\n            jQuery('#compare-1, #compare-1m').click(function () {\n                scrollToTarget('#findyourfit');\n            });\n\n            jQuery('#product-list').slick({\n                slidesToShow: 4,\n                slidesToScroll: 1,\n                arrows: false,\n                autoplay: false,\n                infinite: false,\n                dots: false,\n                asNavFor: '.check-feature',\n                responsive: [\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 2,\n                            slidesToScroll: 1,\n                            arrows: false,\n                            infinite: false,\n                        }\n                    }\n                ],\n            });\n\n            jQuery('.arrow-right').click(function () {\n                const slickInstance = jQuery('#product-list').slick('getSlick');\n                if (slickInstance) {\n                    jQuery('#product-list').slick('slickNext');\n                } else {\n                    console.log(\"Slick instance not found\");\n                }\n            });\n\n            jQuery('.arrow-left').click(function () {\n                const slickInstance = jQuery('#product-list').slick('getSlick');\n                if (slickInstance) {\n                    jQuery('#product-list').slick('slickPrev');\n                } else {\n                    console.log(\"Slick instance not found\");\n                }\n            });\n\n            jQuery('#product-list').on('init afterChange', function (event, slick, currentSlide) {\n                currentSlide = currentSlide || 0;\n\n                if (currentSlide === 0) {\n                    jQuery('.arrow-left').hide();\n                } else {\n                    jQuery('.arrow-left').show();\n                }\n\n                if (currentSlide === slick.slideCount - slick.options.slidesToShow) {\n                    jQuery('.arrow-right').hide();\n                } else {\n                    jQuery('.arrow-right').show();\n                }\n            });\n\n            jQuery('.arrow-left').hide();\n\n            jQuery('.dropdown > a').click(function (e) {\n                e.preventDefault();  \/\/ Mencegah tautan langsung\n                var $dropdown = jQuery(this).parent('.dropdown');\n                \n                $dropdown.toggleClass('active');\n                \n                jQuery(this).next('.dropdown-content').slideToggle();  \/\/ Toggle dropdown\n                jQuery('.dropdown').not($dropdown).removeClass('active').find('.dropdown-content').slideUp();\n            });\n\n            jQuery('.dropdown-content').hide()\n\n            jQuery('.check-feature').slick({\n                slidesToShow: 4,\n                slidesToScroll: 1,\n                arrows: false,\n                infinite: false,\n                dots: false,\n                autoplay: false,\n                asNavFor: '#product-list',\n                autoplay: false,\n                draggable: false,\n                swipe: false,\n                touchMove: false,\n                responsive: [\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 2,\n                            slidesToScroll: 1,\n                            arrows: false,\n                            infinite: false,\n                        }\n                    }\n                ]\n            });\n        });\n    <\/script>\n    \t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":88637,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-118865","page","type-page","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Quantum Gaming Headsets<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quantum Gaming Headsets\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/\" \/>\n<meta property=\"og:site_name\" content=\"JBL Store\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T08:56:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/\",\"name\":\"Quantum Gaming Headsets - JBL Store\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"datePublished\":\"2026-06-10T08:55:36+00:00\",\"dateModified\":\"2026-06-10T08:56:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quantum Gaming Headsets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"name\":\"JBL Store\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jblstore.co.id\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\",\"name\":\"JBL Store\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\",\"url\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"contentUrl\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"width\":70,\"height\":52,\"caption\":\"JBL Store\"},\"image\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\",\"https:\/\/www.instagram.com\/jblindonesia\/\",\"https:\/\/www.youtube.com\/c\/JBLIndonesia\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quantum Gaming Headsets","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/","og_locale":"en_US","og_type":"article","og_title":"Quantum Gaming Headsets","og_url":"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2026-06-10T08:56:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/","url":"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/","name":"Quantum Gaming Headsets - JBL Store","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"datePublished":"2026-06-10T08:55:36+00:00","dateModified":"2026-06-10T08:56:38+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/quantum-gaming-headsets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"Quantum Gaming Headsets"}]},{"@type":"WebSite","@id":"https:\/\/jblstore.co.id\/en\/#website","url":"https:\/\/jblstore.co.id\/en\/","name":"JBL Store","description":"","publisher":{"@id":"https:\/\/jblstore.co.id\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jblstore.co.id\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jblstore.co.id\/en\/#organization","name":"JBL Store","url":"https:\/\/jblstore.co.id\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","contentUrl":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","width":70,"height":52,"caption":"JBL Store"},"image":{"@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/JBLAudioIndonesia\/","https:\/\/www.instagram.com\/jblindonesia\/","https:\/\/www.youtube.com\/c\/JBLIndonesia"]}]}},"_links":{"self":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/118865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/users\/88637"}],"replies":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/comments?post=118865"}],"version-history":[{"count":4,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/118865\/revisions"}],"predecessor-version":[{"id":118872,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/118865\/revisions\/118872"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=118865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}