{"id":82131,"date":"2024-03-15T16:47:32","date_gmt":"2024-03-15T09:47:32","guid":{"rendered":"https:\/\/cpanel.jblstore.co.id\/?page_id=82131"},"modified":"2024-10-31T12:40:52","modified_gmt":"2024-10-31T05:40:52","slug":"authentics-2","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/","title":{"rendered":"Authentics"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"82131\" class=\"elementor elementor-82131\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6036ce1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6036ce1\" 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-9fc6e68\" data-id=\"9fc6e68\" 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-aa60178 elementor-widget elementor-widget-shortcode\" data-id=\"aa60178\" 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            * {\n                box-sizing: border-box;\n            }\n            body {\n                margin: 0;\n                font-size: 1rem;\n                line-height: 1.74;\n                letter-spacing: .02em;\n                \n                background-repeat: no-repeat;\n                background-size: cover;\n                background-color: #000;\n            }\n            \/* replace *\/\n            .container {\n                width: 100%;\n                padding-left: 16px;\n                padding-right: 16px;\n                position: relative;\n                max-width: 1400px;\n                margin-left: auto;\n                margin-right: auto;\n            }\n            @media screen and (min-width: 1441px) and (max-width: 1536px) {\n                .elementor-section.elementor-section-boxed > .elementor-container {\n                    max-width: 1054px;    \n                }\n            }\n            .title > .container {\n                padding-top: 0 !important;\n            }\n\n\n            \/* end replace *\/\n\n            .my-section {\n                position: relative;\n            }\n            .my-picture {\n                position: relative;\n                display: block;\n            }\n            .vintage-touch {\n                color: #FFF;\n                font-family: \"Kostic - Roc Grotesk Wide Bold\";\n                \/* 1920px -> 1024px | 96px -> 48px *\/\n                font-size: calc(3rem + ((1vw - 10.24px) * 5.3571));\n                min-height: 0vw;\n                font-style: normal;\n                font-weight: 700;\n                line-height: 1;\n                text-transform: uppercase;\n                position: absolute;\n                top: 9%;\n                left: 0;\n                text-align: center;\n                width: 100%;\n            }\n            @media (min-width: 1920px) {\n                .vintage-touch {\n                    font-size: 96px;\n                }\n            }\n            @media (max-width: 1024px) {\n                .vintage-touch {\n                    font-size: 48px;\n                }\n            }\n            @media (max-width: 767px) {\n                .vintage-touch {\n                    font-size: 24px;\n                }\n            }\n            .the-jbl-authentics {\n                color: #FFF;\n                font-family: \"Kostic - Roc Grotesk Wide Bold\";\n                \/* 1920px -> 1024px | 36px -> 18px *\/\n                font-size: calc(1.125rem + ((1vw - 10.24px) * 2.0089));\n                min-height: 0vw;\n                font-style: normal;\n                font-weight: 700;\n                line-height: normal;\n                position: absolute;\n                top: 65%;\n                left: 0;\n                width: 100%;\n                text-align: center;\n            }\n            @media (min-width: 1920px) {\n                .the-jbl-authentics {\n                    font-size: 36px;\n                }\n            }\n            @media (max-width: 1024px) {\n                .the-jbl-authentics {\n                    font-size: 18px;\n                }\n            }\n            @media (max-width: 767px) {\n                .the-jbl-authentics {\n                    font-size: 14px;\n                }\n            }\n            .a-throwback {\n                color: #FFF;\n                font-family: \"Kostic - Roc Grotesk Light\";\n                \/* 1920px -> 1024px | 24px -> 12px *\/\n                font-size: calc(0.75rem + ((1vw - 10.24px) * 1.3393));\n                min-height: 0vw;\n                font-style: normal;\n                font-weight: 350;\n                line-height: normal;\n                position: absolute;\n                top: 81%;\n                left: 0;\n                width: 100%;\n                text-align: center;\n                padding-left: 23%;\n                padding-right: 23%;\n            }\n            @media (min-width: 1920px) {\n                .a-throwback {\n                    font-size: 24px;\n                }\n            }\n            @media (max-width: 1024px) {\n                .a-throwback {\n                    font-size: 12px;\n                }\n            }\n            @media (max-width: 767px) {\n                .a-throwback {\n                    font-size: 10px;\n                    padding-left: 5%;\n                    padding-right: 5%;\n                }\n            }\n\n            .page-banner-cta-container {\n                position: relative;\n                bottom: 5%;\n                left: 0;\n                width: 100%;\n                text-align: center;\n            }\n\n            .page-color-orange {\n                background: linear-gradient(251.5deg, #F04C24 46.51%, #F88D2A 99.75%);\n                -webkit-background-clip: text;\n                -webkit-text-fill-color: transparent;\n                background-clip: text;\n                text-fill-color: transparent;\n            }\n\n            .page-product-container {\n                line-height: 2;\n                margin-top: 10px;\n                margin-bottom: 50px;\n            }\n            .page-product-category {\n                color: #818181;\n                font-size: 14px;\n                font-family: Grostesk-Regular;\n            }\n            @media (max-width: 767px) {\n                .page-product-category {\n                    font-size: 12px;\n                }\n                .shop-btn {\n    \t\t\t    font-size: 12px !important;\n                }\n            }\n\n            .page-product-name {\n                color: #1C1C1C;\n                font-size: 28px;\n                font-family: Grostesk-Regular;\n                font-weight: bold;\n                margin-top: 0;\n                line-height: 1;\n            }\n            @media (max-width: 767px) {\n                .page-product-name {\n                    font-size: 13px;\n                }\n            }\n\n            .page-copy h2, .page-copy h3 {\n                line-height: 0.9;\n                font-style: normal;\n                font-weight: 750;\n                \/* 1920px -> 1280px | 96px -> ...px *\/\n                font-size: calc(3.375rem + ((1vw - 12.8px) * 2.8125));\n                min-height: 0vw;\n                \n                line-height: 100%;\n                font-family: \"Kostic - Roc Grotesk Wide Bold\";\n                margin-bottom: 0.6em;\n            }\n\n            @media (min-width: 1920px) {\n                .page-copy h2, .page-copy h3 {\n                    font-size: 85px;\n                    margin-bottom: 30px;\n                }\n            }\n            @media (min-width: 768px) and (max-width: 1279px) {\n                .page-copy h2, .page-copy h3 {\n                    font-size: 34px;\n                }\n            }\n            @media (max-width: 767px) {\n                .page-copy h2, .page-copy h3 {\n                    font-size: 21px;\n                    text-align: center;\n                    margin-top: 20px;\n                }\n            }\n            .page-copy p {\n                font-family: \"Kostic - Roc Grotesk Regular\";\n                \/* 1920px -> 1280px | 30px -> 22px *\/\n                font-size: calc(1.375rem + ((1vw - 12.8px) * 1.25));\n                min-height: 0vw;\n                color: #353535;\n                line-height: 1.5;\n                text-align: left;\n            }\n            @media (min-width: 1920px) {\n                .page-copy p {\n                    font-size: 30px;\n                }\n            }\n            @media (min-width: 768px) and (max-width: 1279px) {\n                .page-copy p {\n                    font-size: 22px;\n                }\n            }\n            @media (max-width: 767px) {\n                .page-copy p {\n                    font-size: 10px;\n                    text-align: center;\n                }   \n            }\n            \n            .section-page .row {\n                margin-left: -16px;\n                margin-right: -16px;\n            }\n            @media (max-width: 767px) {\n                .my-section {\n                    padding-bottom: 40px;\n                }\n            }\n            .my-container {\n                max-width: 1400px;\n                margin-left: auto;\n                margin-right: auto;\n                text-align: left;\n            }\n            @media (min-width: 1024px) {\n                .my-container {\n                    width: 80%;\n                }\n            }\n            @media (max-width: 767px) {\n                .my-container {\n                    margin-left: 20px;\n                    margin-right: 20px;\n                }\n                .my-container.mx-0-mobile {\n                    margin-left: 0px;\n                    margin-right: 0px;\n                }\n            }\n\n            .page-row {\n                display: flex;\n                flex-wrap: wrap;\n                margin-left: -16px;\n                margin-right: -16px;\n                \n            }\n            \n            .my-section:nth-child(odd) .page-row {\n                flex-direction: row;\n            }\n            @media (min-width: 768px) {\n                .row-reverse-md {\n                    flex-direction: row-reverse;\n                }\n            }\n\n            @media (max-width: 767px) {\n                .my-section:nth-child(odd) .page-row {\n                    flex-direction: column;\n                }\n            }\n            .my-section:nth-child(even) .page-row {\n                flex-direction: row-reverse;\n            }\n        \n            \n            @media (max-width: 767px) {\n                .my-section:nth-child(even) .page-row {\n                    flex-direction: column;\n                }\n            }\n            .page-col-12 {\n                flex-basis: 100%;\n                margin-bottom: 40px;\n            }\n            .my-section:not(:first-child) .page-col-12{\n                margin-top: 40px;\n            }\n            @media (max-width: 767px) {\n                .page-col-12 {\n                    margin-bottom: 15px;\n                }\n                \n                .my-section:not(:first-child) .page-col-12{\n                    margin-top: 15px;\n                }\n            }\n\n            .page-col-12,\n            .page-col-md-8,\n            .page-col-md-6 {\n                padding-left: 16px;\n                padding-right: 16px;\n            }\n            @media (min-width: 768px){\n                .page-col-md-6 {\n                    flex-basis: 50%;\n                    display: flex;\n                    align-items: center;\n                }\n            }\n\n            \/* @media (min-width: 768px){\n                .page-row:nth-child(odd) .page-copy {\n                    padding-right: 50px;\n                }\n                .page-row:nth-child(even) .page-copy {\n                    padding-left: 50px;\n                }\n            } *\/\n\n            .page-product-title {\n                font-family: Grostesk-Regular;\n                font-weight: bold;\n            }\n\n            .page-product-subtitle {\n                font-family: Grostesk-Regular;\n                font-weight: bold;\n                font-size: 1.75em;\n                margin-bottom: 0;\n            }\n\n            .page-price-container {\n                font-family: Grostesk-Regular;\n                margin-top: 5px;\n                margin-bottom: 20px;\n                line-height: 1.2;\n            }\n            .page-price-final {\n                background: linear-gradient(251.5deg, #F04C24 82.51%, #F88D2A 99.75%);\n                background-clip: border-box;\n                -webkit-background-clip: text;\n                -webkit-text-fill-color: transparent;\n                background-clip: text;\n                text-fill-color: transparent;\n                font-weight: bold;\n                font-size: 26px;\n            }\n            @media (max-width: 767px) {\n                .page-price-final {\n                    font-size: 24px;   \n                }\n            }\n            .page-price {\n                color: #818181;\n                font-size: 20px;\n            }\n            @media (max-width: 767px) {\n                .page-price {\n                    font-size: 14px;\n                }   \n            }\n\n            .page-button {\n                border: none;\n                font-family: \"Kostic - Roc Grotesk Wide Bold\";\n                font-size: 20px;\n                font-weight: bold;\n                color: #fff;\n                background: linear-gradient(90deg, #FD8A45 18.03%, #EA4B29 80.87%);\n                padding: 5px 30px;\n                border-radius: 10px;\n                width: 100%;\n                max-width: 500px;\n            }\n            @media (max-width: 767px) {\n                .page-button {\n                    font-size: 16px;\n                    width: 90%;\n                    padding: 10px 0px;\n                }   \n            }\n            .page-button.btn-shop-now {\n                max-width: unset;\n                \/* 1920px -> 1024px | 32px -> 18px *\/\n                font-size: calc(1.125rem + ((1vw - 10.24px) * 1.5625));\n                min-height: 0vw;\n                background: #EB562E;\n            }\n            @media (min-width: 1920px) {\n                .page-button.btn-shop-now {\n                    font-size: 32px;\n                }\n            }\n            @media (max-width: 1024px) {\n                .page-button.btn-shop-now {\n                    font-size: 18px;\n                }\n            }\n            @media (max-width: 767px) {\n                .page-button.btn-shop-now {\n                    font-size: 14px;\n                    max-width: 70%;\n                }\n            }\n            \n            \n            .page-button:hover {\n                opacity: 0.9;\n            }\n            \/* .page-banner-cta-container .page-button {\n                background-color: #EB4827;\n                box-shadow: 0px 64px 26px rgba(0, 0, 0, 0.04), 0px 36px 22px rgba(0, 0, 0, 0.13), 0px 16px 16px rgba(0, 0, 0, 0.21), 0px 4px 9px rgba(0, 0, 0, 0.25), 0px 0px 0px rgba(0, 0, 0, 0.25);\n                border-radius: 5px;\n                font-size: 24px;\n            }\n            \n            @media (min-width: 1280px) {\n                .page-banner-cta-container .page-button {\n                    font-size: calc(1.125rem + ((1vw - 12.8px) * 0.9375));\n                    min-height: 0vw;\n                }\n            }\n            @media (min-width: 1920px) {\n                .page-banner-cta-container .page-button {\n                    font-size: 24px;\n                }\n            }\n            \n            @media (max-width: 767px) {\n                .page-banner-cta-container .page-button {\n                    font-size: 12px;\n                    margin: 10px;\n                }\n            } *\/\n\n            @media (max-width: 767px) {\n                .section-page img {\n                    border-radius: 15px;\n                }\n\n            }\n\n            .page-desktop,\n            .page-mobile {\n                display: none;\n            }\n            @media (min-width: 768px) {\n                .page-desktop {\n                    display: block;\n                }\n            }\n            @media (max-width: 767px) {\n                .page-mobile {\n                    display: block;\n                }\n            }\n\n            @media (max-width: 767px) {\n                .page-cta-container {\n                    text-align: center;\n                    font-family: \"Kostic - Roc Grotesk Wide Bold\";\n\n                }\n            }\n            @media (max-width: 767px) {\n                .responsive-embed-youtube {\n                    position:relative;\n                    padding-bottom:56.25%;\n                    padding-top:30px;\n                    height:0;\n                    overflow:hidden;\n                    }\n                .responsive-embed-youtube iframe, .responsive-embed-youtube object, .responsive-embed-youtube embed {\n                    position:absolute;\n                    top:0;\n                    left:0;\n                    width:100%;\n                    height:100%;\n                    right:10px;\n                }\n            }\n            \n            .all-browsers {\n                margin: 0;\n                padding: 15px;\n                width: 100%;\n                height: auto;\n                align-content: center;\n                display:block;\n                margin-left: auto;\n                margin-right: auto;\n                border-radius: 10px;\n            }\n            @media (max-width: 767px) {\n                .all-browsers {\n                    width: 100%;\n                    height: 100%;\n                }\n            }\n\n            main {\n                display: grid;\n                grid-template-columns: repeat(3, auto);\n                gap: 4em;\n                margin-top: 2em;\n                margin-top: 50px;\n            }\n\n            h1 {\n                text-align: center;\n            }\n\n            .hero-image {\n                height: 50%;\n                background-position: center;\n                background-repeat: no-repeat;\n                background-size: cover;\n                position: relative;\n                display:block;\n                margin-left: auto;\n                margin-right: auto;\n                width: 100%;\n                max-width: 1120px;\n                height: 650px;\n                border-radius: 5px;\n            }\n            @media (max-width: 767px) {\n                .hero-image {\n                    width: 100%;\n                    height: 100%;\n                }\n            }\n\n            .hero-text {\n                text-align: center;\n                position: absolute;\n                top: 70%;\n                left: 53%;\n                transform: translate(-50%, -50%);\n                color: white;\n            }\n\n            .hero-text button {\n                border: none;\n                outline: 0;\n                display: inline-block;\n                width: 710px;\n                color: white;\n                background-color: #000000;               \n                text-align: center;\n                cursor: pointer;\n                position: relative;\n                font-family: \"Kostic - Roc Grotesk Wide Bold\";\n                font-size: 26px;\n                padding: 10px 0;\n            }\n\n            @media (max-width: 767px) {\n                .hero-text {\n                    left: 50%;\n                }\n                .hero-text button {\n                    width: 300px;\n                    height: 42px;\n                    text-align: center;\n                    top: 10px;\n                    font-size: 12px;\n                }\n\n            }\n\n            .hero-text button:hover {\n                background-color: #555; \n                color: white;\n            }\n            .prev, .next {\n                position: fixed;\n                top: 60%;\n                right: 200%;\n                width:104px;\n                height: 150px;\n                margin-top: -20px;\n                color: #FFFFFF;\n                z-index: 1;\n            }\n            .prev {\n                left: 1%;\n                outline:0px !important;\n            }\n            .next {\n                right: 1%;\n                outline:0px !important;\n                text-align: right;\n            }\n            \n            .section-get-lost {\n                margin-top: 50px;\n            }\n            .section-product-video {\n                margin-top: 50px;\n            }\n            .section-product-video h2 {\n                \/* 1920 -> 1024 | 64px -> 28px *\/\n                font-size: calc(1.75rem + ((1vw - 10.24px) * 4.0179));\n                min-height: 0vw;\n            }\n            @media (min-width: 1920px) {\n                .section-product-video h2 {\n                    font-size: 64px;\n                }\n            }\n            @media (max-width: 1024px) {\n                .section-product-video h2 {\n                    font-size: 28px;\n                }\n            }\n            @media (max-width: 767px) {\n                .section-product-video h2 {\n                    font-size: 18px;\n                }\n            }\n            .section-explore-every-detail {\n                margin-top: 30px;\n            }\n            .section-cta-300 {\n                margin-top: 80px;\n                margin-bottom: 40px;\n            }\n            .section-cta-300 .text-300 {\n                color: #67E0A5;\n                font-weight: bold;\n                font-family: \"Kostic - Roc Grotesk Wide ExtraBold\";\n                font-size: 1.4em;\n            }\n            @media (min-width: 768px) {\n                .section-cta-300 img {\n                    position: relative;\n                    left: -70px;\n                }\n            }\n            .explore-every-detail-btns {\n                padding: 0px;\n                max-width: 812px;\n                margin: 0 auto;\n            }\n            @media (min-width: 768px) {\n                .explore-every-detail-btns {\n                    width: 60%;\n                }\n            }\n            @media (max-width: 767px) {\n                .explore-every-detail-btns {\n                    text-align: center;\n                }\n                .explore-every-detail-btns button {\n                    font-size: 10px !important;\n                }\n            }\n\n            .shop-btn2 {\n                border-radius: 10px;\n                background: linear-gradient(90deg, #FD8A45 18.03%, #EA4B29 80.87%);\n            }  \n            .shop-btn {\n                color: #fff;\n                padding: 8px 4px 5px;\n                max-width: 350px;\n                width: 100% !important;\n                display: block;\n                text-align: center;\n                font-size: 12px;\n                font-family: \"Kostic - Roc Grotesk Wide Bold\";\n            }\n\n            .list-accordion {\n                padding-bottom: 70px;\n            }\n            .list-accordion .page-col-6 {\n                text-align: center;\n            }\n            @media (max-width: 767px) {\n                .list-accordion {\n                    margin-top: 20px;\n                    margin-bottom: 20px;\n                    display: inline-block !important;\n                    overflow: scroll;\n                    width: 100%;\n                    white-space: nowrap;\n                    margin-right: 0;\n                    margin-left: 0;\n                    padding-left: 10px;\n                    padding-right: 10px;\n                }\n                .list-accordion .page-col-4 {\n                    display: inline-block;\n                    vertical-align: top;\n                    width: 70%;\n                }\n            }\n            .page-row {\n                display: flex;\n                justify-content: space-between;\n            }\n\n            .page-col-4 {\n                flex: 1;\n                margin-right: 10px; \/* Menambahkan margin kanan antara gambar-gambar *\/\n            }\n\n            \/* Menghapus margin dari elemen terakhir agar tidak ada ruang ekstra di sebelah kanan *\/\n            .page-col-4:last-child {\n                margin-right: 0;\n            }\n\n            .accordion-header {\n                padding: 10px;\n                cursor: pointer;\n                text-align: center;\n                color: white;\n            }\n\n            .image-text {\n                color: #FFF;\n                font-family: \"Kostic - Roc Grotesk Wide Bold\";\n                \/* 1920 -> 1024 | 36px -> 20px *\/\n                font-size: calc(1.25rem + ((1vw - 10.24px) * 1.7857));\n                min-height: 0vw;\n                \n                font-style: normal;\n                font-weight: 700;\n                line-height: normal;\n                margin-top: 10px;\n                margin-bottom: 0;\n            }\n            @media (max-width: 1024px) {\n                .image-text {\n                    font-size: 20px;\n                }\n            }\n            @media (max-width: 767px) {\n                .image-text {\n                    font-size: 20px;\n                }\n            }\n            @media (min-width: 1920px) {\n                .image-text {\n                    font-size: 36px;\n                }\n            }\n\n            .accordion-content {\n                display: none;\n                padding: 10px 30px;\n                color: white;\n                position: relative;\n            }\n            @media (max-width: 767px) {\n                .accordion-content {\n                    padding: 10px;\n                }   \n            }\n            .accordion-content p {\n                font-family: \"Kostic - Roc Grotesk Light\";\n                text-align: center;\n                \/* 1920 -> 1024 | 24px -> 14px *\/\n                font-size: calc(0.875rem + ((1vw - 10.24px) * 1.1161));\n                min-height: 0vw;\n            }\n            @media (min-width: 1920px) {\n                .accordion-content p {\n                    font-size: 24px;\n                }\n            }\n            @media (max-width: 1024px) {\n                .accordion-content p {\n                    font-size: 14px;\n                }\n            }\n            @media (max-width: 767px) {\n                .accordion-content p {\n                    font-size: 12px;\n                    white-space: wrap;\n                }\n            }\n\n            .accordion-item {\n                position: relative;\n            }\n\n            .accordion-item.open .accordion-content {\n                display: block;\n            }\n            @media (max-width: 767px) {\n                .accordion-item .accordion-content {\n                    display: block;\n                }\n            }\n            .accordion-content .page-button {\n                max-width: 240px;\n                padding-right: 10px;\n                padding-left: 10px;\n            }\n            @media (max-width: 767px) {\n                .accordion-content .page-button {\n                    font-size: 11px;\n                }   \n            }\n\n            .toggle-icon {\n                padding: 5px 10px;\n                color: white;\n                font-size: 65px;\n                \/* 1920 -> 1024 | 65px -> 25px *\/\n                font-size: calc(1.5625rem + ((1vw - 10.24px) * 4.4643));\n                min-height: 0vw;\n                cursor: pointer;\n                transform: translateX(-50%);\n                position: relative;\n                z-index: 1;\n            }\n            @media (min-width: 1920px) {\n                .toggle-icon {\n                    font-size: 65px;\n                }\n            }\n            @media (max-width: 1024px) {\n                .toggle-icon {\n                    font-size: 25px;\n                }\n            }\n            @media (max-width: 767px) {\n                .toggle-icon {\n                    font-size: 25px;\n                    display: none;\n                }\n            }\n\n            .image-text-color1,\n            .image-text-color2,\n            .image-text-color3 {\n                font-family: \"Kostic - Roc Grotesk Wide Black\";\n                \/* 1920 -> 1024 | 64px -> 42px *\/\n                font-size: calc(2.625rem + ((1vw - 10.24px) * 2.4554));\n                min-height: 0vw;\n                line-height: 60px; \/* 93.75% *\/\n            }\n            @media (min-width: 1920px) {\n                .image-text-color1,\n                .image-text-color2,\n                .image-text-color3 {\n                    font-size: 64px;\n                }\n            }\n            @media (max-width: 1024px) {\n                .image-text-color1,\n                .image-text-color2,\n                .image-text-color3 {\n                    font-size: 42px;\n                }\n            }\n            @media (max-width: 767px) {\n                .image-text-color1,\n                .image-text-color2,\n                .image-text-color3 {\n                    font-size: 32px;\n                }\n            }\n            .image-text-color1{\n                color : #F1CA50;\n            }\n            .image-text-color2{\n                color: #67E0A5;    \n            }\n            .image-text-color3{\n                color: #D575EE;\n            }\n\n            .bg-color-orange {\n                background-color: #EB562E !important;\n            }\n\n            .img-oval-container {\n                padding-top: 100px;\n                padding-bottom: 100px;\n            }\n\n            .section-inspired {\n                margin-top: 180px;\n            }\n            .section-inspired h2,\n            .section-inspired p {\n                position: relative;\n            }\n            \n            @media (min-width: 768px) and (max-width: 1024px) {\n                .section-inspired h2,\n                .section-inspired p {\n                    top: 60px;\n                    right: 0;\n                }\n                .section-inspired p {\n                    max-width: 92%;\n                }\n            }\n            @media (min-width: 1025px) and (max-width: 1366px) {\n                .section-inspired h2,\n                .section-inspired p {\n                    top: 140px;\n                }\n                .section-inspired p {\n                    max-width: 71%;\n                }\n            }\n            @media (min-width: 1366px) {\n                .section-inspired p {\n                    max-width: 70%;\n                }\n            }\n            @media (min-width: 1367px) and (max-width: 1536px) {\n                .section-inspired h2,\n                .section-inspired p {\n                    top: 190px;\n                }\n            }\n            @media (min-width: 1537px) {\n                .section-inspired h2,\n                .section-inspired p {\n                    position: relative;\n                    top: 260px;\n                    right: 0;\n                }\n            }\n\n            @media (max-width: 767px) {\n                .section-inspired {\n                    margin-top: 120px;\n                }\n            }\n            @media (min-width: 768px) {\n                .section-inspired .page-col-md-6:first-child {\n                    flex-basis: 60%;\n                }\n                .section-inspired .page-col-md-6:last-child {\n                    flex-basis: 40%;\n                }\n            }\n\n            .section-nostalgic {\n                padding-top: 160px;\n                padding-bottom: 160px;\n            }\n            @media (max-width: 767px) {\n                .section-nostalgic {\n                    padding-top: 0px;\n                    padding-bottom: 0px;\n                }\n            }\n            @media (min-width: 768px) {\n                .section-nostalgic img {\n                    width: 93%;\n                }\n                .section-nostalgic .page-col-md-6:first-child {\n                    flex-basis: 60%;\n                }\n                .section-nostalgic .page-col-md-6:last-child {\n                    flex-basis: 40%;\n                }\n            }\n            @media (min-width: 768px) and (max-width: 1279px) {\n                .section-nostalgic p {\n                    max-width: 95%;\n                }\n            }\n            @media (min-width: 1280px) {\n                .section-nostalgic p {\n                    max-width: 75%;\n                }\n            }\n\n            .img-seamless {\n                position: absolute;\n                top: -170px;\n                right: 0;\n                width: 49%;\n            }\n            @media (max-width: 767px) {\n                .img-seamless-connectivity {\n                    border-radius: 0px !important;\n                    padding-bottom: 20px;\n                }\n            }\n            .copy-seamless-connectivity {\n                position: relative;\n            }\n            @media (min-width: 768px) and (min-width: 1024px) {\n                .copy-seamless-connectivity {\n                    top: -31px;\n                }\n            }\n            @media (min-width: 1025px) and (min-width: 1280px) {\n                .copy-seamless-connectivity {\n                    top: -51px;\n                }\n            }\n            @media (min-width: 1281px) and (min-width: 1440px) {\n                .copy-seamless-connectivity {\n                    top: -54px;\n                }\n            }\n            @media (min-width: 1441px) and (min-width: 1536px) {\n                .copy-seamless-connectivity {\n                    top: -57px;\n                }\n            }\n            @media (min-width: 1537px) {\n                .copy-seamless-connectivity {\n                    top: -89px;\n                }\n            }\n            @media (min-width: 768px) {\n                .copy-seamless-connectivity p {\n                    max-width: 50%;\n                }\n            }\n            @media (max-width: 767px) {\n                .copy-seamless-connectivity {\n                    top: unset;\n                }\n            }\n\n            @media (max-width: 767px) {\n                .img-dare-to-switch-up-1-container {\n                    text-align: center;                    \n                }\n            }\n            .section-dare-to-switch-up-1 {\n                margin-bottom: 15%;\n            }\n            .section-dare-to-switch-up-1 .text-500 {\n                color: #F1CA50;\n                font-weight: bold;\n                font-family: \"Kostic - Roc Grotesk Wide ExtraBold\";\n                font-size: 1.4em;\n            }\n            @media (min-width: 768px) {\n                .img-dare-to-switch-up-1 {\n                    width: 80%;\n                    position: relative;\n                    top: 50px;\n                }\n            }\n            @media (max-width: 767px) {\n                .img-dare-to-switch-up-1 {\n                    width: 70%;\n                    margin-bottom: 20px;\n                }\n            }\n\n            @media (max-width: 767px) {\n                .img-dare-to-switch-up-2 {\n                    position: relative;\n                    top: -21px;\n                    left: -31px;\n                }\n            }\n\n            .text-split{\n                text-transform: uppercase;\n                color: #FFFFFF;\n                position: absolute;\n                bottom: 2322px;\n            }\n            .enlarged-image {\n                width: 60%;\n                position: absolute;\n                left: 0;\n                top: -240px\n            }\n            @media (max-width: 767px) {\n                .enlarged-image {\n                    margin-top: -44%;\n                    position: relative;\n                    max-width: 150% !important;\n                    width: 150%;\n                    left: -40%;\n                    top: unset;\n                }\n            }\n        <\/style>\n        <!-- ON PAGE SEO CSS -->\n        <style>\n            \/* replace *\/\n            .container-1400 > .container {\n                padding-bottom: 0;\n            }\n            .opseo-container {\n                margin-bottom: 30px;\n                margin-top: 60px;\n            }\n            @media (max-width: 767px) {\n                .opseo-container {\n                    margin-left: 16px;\n                    margin-right: 16px;\n                }\n            }\n\n            .seo-accordion {\n                box-shadow: 0 1px 6px 0 rgba(0,0,0,.12);\n                border-radius: 16px;\n                overflow: hidden;\n            }\n            .seo-accordion > input[type=\"checkbox\"]{\n                display: none;\n            }\n            .seo-accordion > label {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                font: 1.6rem\/2rem \"efframedium\",Helvetica,Arial,sans-serif;\n                padding: 16px;\n                cursor: pointer;\n                transition: all .3s ease;\n                background-color: #f1f1f1;\n            }\n            .seo-accordion > label::after {\n                content: \"\";\n                width: 10px;\n                height: 10px;\n                border-bottom: 2px solid var(--colorMain);\n                border-right: 2px solid var(--colorMain);\n                transform: rotate(45deg);\n                transition: all .4s;\n                position: relative;\n                top: -4px;\n                margin-right: 7px;\n            }\n            @media (max-width: 767px) {\n                .seo-accordion > label::after {\n                    width: 18px;\n                }\n            }\n            .seo-accordion > input[type=\"checkbox\"]:checked ~ label::after {\n                transform: rotate(-135deg);\n                top: 2px;\n            }\n            .seo-accordion-title {\n                margin: 0px;\n                font-size: 23px;\n                font-weight: bold;\n                font-family: Grostesk-Regular;\n                text-align: left;\n            }\n            @media (max-width: 767px) {\n                .seo-accordion-title {\n                    font-size: 16px;\n                }\n            }\n            .opseo-parent {\n                position: relative;\n                margin: 0;\n                max-height: 0;\n                transition: all .4s;\n                color: rgba(0,0,0,.6);\n                overflow-y: hidden;\n                background-color: #fff;\n            }\n            .seo-accordion > input[type=\"checkbox\"]:checked ~ .opseo-parent {\n                max-height: 120px;\n                overflow-y: auto;\n            }\n            @media (max-width: 767px) {\n                .seo-accordion > input[type=\"checkbox\"]:checked ~ .opseo-parent {\n                    max-height: 300px;\n                }\n            }\n            .opseo {\n                padding: 10px 16px 0 16px;\n            }\n            .opseo h2 {\n                margin-bottom: 15px;\n                margin-top: 0;\n                font-size: 20px;\n            }\n            @media (max-width: 767px) {\n                .opseo {\n                    padding: 10px 16px 0 16px;\n                }\n                .opseo h2 {\n                    font-size: 14px;\n                }\n                .opseo p {\n                    font-size: 12px;\n                }\n            }\n            .opseo a {\n                color: #20a8d8 !important;\n            }\n            .opseo a:hover {\n                text-decoration: underline;\n            }\n        <\/style>\n        <picture class=\"my-picture\">\n            <source media=\"(max-width: 767px)\" srcset=\"\/wp-content\/uploads\/2024\/03\/KV-mobile.jpg\" width=\"100%\" height=\"auto\" >\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/KV-desktop.jpg\" width=\"100%\" height=\"auto\" alt=\"Banner JBL Authentics\" \/>\n            <h2 class=\"vintage-touch\">VINTAGE TOUCH. <br>MODERN TONES.<\/h2>\n            <h2 class=\"the-jbl-authentics\">The JBL AUTHENTICS<\/h2>\n            <p class=\"a-throwback\">A throwback to the iconic JBL L100 speaker with its signature Quadrex grille pattern, the JBL Authentics speaker range looks like a classic but sounds like a dream, fitted with the best in modern sound technology and easy sync to your devices.<\/p>\n        <\/picture>\n        <br>\n        <div class=\"section-page\" style=\"overflow: hidden;\">\n            <div class=\"my-section\">\n                <div class=\"my-container mx-0-mobile\">\n                    <div id=\"listAccordion\" class=\"page-row list-accordion\">\n                        <div class=\"ftco-animate page-col-4\" data-animate-effect=\"fadeInRight\">\n                            <div class=\"accordion-item\">\n                                <div class=\"accordion-header\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/IMG1-2.png\" class=\"mx-auto\" width=\"100%\" height=\"auto\" \/>\n                                    <p class=\"image-text\">AUTHENTICS <br><span class=\"image-text-color3\">200<\/span><\/p>\n                                    <span class=\"toggle-icon\">+<\/span>\n                                <\/div>\n                                <div class=\"accordion-content\">\n                                    <p class=\"accordion-p\">\n                                    Turn up the tunes with the JBL Authentics 200 smart speaker. A pair of 25mm tweeters hits all the sweet notes, while the full-range 5\u201d woofer and down-firing 6\u201d passive radiator is not afraid to get deep.\n                                    <\/p>\n                                    <div class=\"text-center pt-2\">\n                                        <a href=\"\/en\/product\/jbl-authentics-200\/\">\n                                            <button class=\"page-button\">SHOP NOW<\/button>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ftco-animate page-col-4\" data-animate-effect=\"fadeInRight\">\n                            <div class=\"accordion-item\">\n                                <div class=\"accordion-header\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/IMG2.png\" class=\"mx-auto\" width=\"100%\" height=\"auto\" \/>\n                                    <p class=\"image-text\">AUTHENTICS <br><span class=\"image-text-color2\">300<\/span><\/p>\n                                    <span class=\"toggle-icon\">+<\/span>\n                                <\/div>\n                                <div class=\"accordion-content\">\n                                    <p class=\"accordion-p\">\n                                        Bust a move in every room with the portable, battery-powered JBL Authentics 300. A pair of 25mm tweeters amplifies all the right details, while the full-range 5.25\u201d woofer and down-firing 6.5\u201d passive radiators deliver on the deepest booms.\n                                    <\/p>\n                                    <div class=\"text-center pt-2\">\n                                        <a href=\"\/en\/product\/jbl-authentics-300\/\">\n                                            <button class=\"page-button\">SHOP NOW<\/button>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ftco-animate page-col-4\" data-animate-effect=\"fadeInRight\">\n                            <div class=\"accordion-item\">\n                                <div class=\"accordion-header\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/IMG3.png\" class=\"mx-auto\" width=\"100%\" height=\"auto\" \/>\n                                    <p class=\"image-text\">AUTHENTICS <br><span class=\"image-text-color1\">500<\/span><\/p>\n                                    <span class=\"toggle-icon\">+<\/span>\n                                <\/div>\n                                <div class=\"accordion-content\">\n                                    <p class=\"accordion-p\">\n                                        Drop the bass with 270 watts of 3.1 channel sound and virtual Dolby Atmos\u00ae. Triple 2.5mm tweeters and 2.75\u201d high-excursion mid-woofers provide superior clarity, while a 6.5\" down-firing subwoofer and the patented SlipStreamTM bass port delivers on the low end to get your heart bopping.\n                                    <\/p>\n                                    <div class=\"text-center pt-2\">\n                                        <a href=\"\/en\/product\/jbl-authentics-500\/\">\n                                            <button class=\"page-button\">SHOP NOW<\/button>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"page-desktop\">\n                        <a href=\"\/en\/authentics-classics-reimagined\/\" class=\"prev\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/back.png\" \/>\n                        <\/a>\n                        <a href=\"\/en\/authentics-classics-reimagined\/spinner-bt\/\" class=\"next\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Spinner-1.png\"   \/>\n                        <\/a>\n                    <\/div> \n                    <div class=\"page-mobile\">\n                        <div style=\"display: flex;justify-content: space-between;\">\n                            <a href=\"\/en\/authentics-classics-reimagined\/\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/back.png\" style=\"width: 80%;\" >\n                            <\/a>\n                            <a href=\"\/en\/authentics-classics-reimagined\/spinner-bt\/\" style=\"display: block;text-align: right;\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Spinner-1.png\" style=\"width: 80%;\" >\n                            <\/a>\n                        <\/div>\n                    <\/div>   \n                <\/div>  \n            <\/div>\n            <div class=\"my-section bg-color-orange\" style=\"position: relative;\">\n                <div class=\"my-container section-inspired\">\n                    <div class=\"page-row\">\n                        <div class=\"ftco-animate page-col-12 page-col-md-6\" data-animate-effect=\"fadeInRight\">\n                            <div class=\"page-copy\">\n                                <div class=\"page-desktop\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/Authentics1.png\" class=\"enlarged-image\" width=\"100%\" height=\"auto\"  \/>\n                                    <h3 style=\"text-transform: uppercase; color: #FFFFFF;position: relative;\">Inspired by<br> Heritage.<\/h3>\n                                    <p style=\"color: #FFFFFF;\">A homage to our JBL L100 speaker from the \u201870s, the Authentics speaker reimagines the classic design with a premium aluminum frame and custom synthetic leather-wrapped enclosure.<\/p>\n                                <\/div>\n                                <div class=\"page-mobile\">\n                                    <img decoding=\"async\" class=\"enlarged-image\" src=\"\/wp-content\/uploads\/2024\/03\/Authentic300.png\" width=\"100%\" height=\"auto\" alt=\"Authentic 300\"\/>\n                                    <h3 style=\"text-transform: uppercase; color: #FFFFFF;position: relative;\">Inspired by Heritage.<\/h3>\n                                    <p style=\"color: #FFFFFF;\">A homage to our JBL L100 speaker from the \u201870s, the Authentics speaker reimagines the classic design with a premium aluminum frame and custom synthetic leather-wrapped enclosure.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"page-desktop\">\n                            <div class=\"text-center img-oval-container\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/oval-1.png\" width=\"100%\" height=\"auto\" style=\"position: relative;top: 150px;\" \/>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                <\/div>\n                <div class=\"my-container section-nostalgic\">\n                    <div class=\"page-row\">\n                        <div class=\"ftco-animate page-col-12 page-col-md-6\" data-animate-effect=\"fadeInRight\">\n                            <div class=\"page-copy\">\n                                <div class=\"page-desktop\">\n                                    <h3 style=\"text-transform: uppercase; color: #FFFFFF;\">Nostalgic Sound<br> Made Modern.<\/h3>\n                                    <p style=\"color: #FFFFFF;position: relative;\">Never miss a beat with the outstanding JBL pro sound. Precision-engineered components give you perfectly balanced audio, plus a big, balanced sound for amazing clarity.<\/p>\n\n                                <\/div>\n                                <div class=\"page-mobile\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/set.png\" width=\"100%\" height=\"auto\" alt=\"The new JBL Tour One M2\" style=\"position: relative;left: 20px;\"\/>\n\n                                    <h3 style=\"text-transform: uppercase; color: #FFFFFF;\">Nostalgic Sound<br> Made Modern.<\/h3>\n                                    <p style=\"color: #FFFFFF;\">Never miss a beat with the outstanding JBL pro sound. Precision-engineered components give you perfectly balanced audio, plus a big, balanced sound for amazing clarity.<\/p>\n\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ftco-animate page-col-12 page-col-md-6\" data-animate-effect=\"fadeInLeft\">\n                            <div class=\"page-desktop\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/03\/section-nostalgic.png\" width=\"100%\" height=\"auto\" \/>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"my-section\">\n                <div class=\"page-desktop\">\n                    <img decoding=\"async\" class=\"img-seamless\" src=\"\/wp-content\/uploads\/2024\/03\/circle2.png\" width=\"100%\" height=\"auto\" \/>\n                <\/div>\n                <div class=\"page-mobile\">\n                    <img decoding=\"async\" class=\"img-seamless-connectivity\" src=\"\/wp-content\/uploads\/2024\/10\/jbl-authentic-new-turntable.png\" width=\"100%\" height=\"auto\"\/>\n                <\/div>\n                <div class=\"my-container\">\n                    <div class=\"page-copy copy-seamless-connectivity\">\n                        <div class=\"page-desktop\">\n                            <h3 style=\"text-transform: uppercase; color: #FFFFFF;\">Seamless <br>Connectivity<\/h3>\n                            <p style=\"color: #FFFFFF; color: #FFFFFF;\" >Pair the JBL Authentics to any music device: smartphone, laptop, gaming console. or even our all-new turntable, the JBL Spinner.<\/p>\n                        <\/div>\n                        <div class=\"page-mobile\">\n                            <div class=\"text-center\">\n                                <h3 style=\"text-transform: uppercase; color: #FFFFFF;\">Seamless <br>Connectivity<\/h3>\n                                <p style=\"color: #FFFFFF; text-align: center; font-size: 10px;font-style: normal;font-weight: 350;line-height: 12px;\" >Pair the JBL Authentics to any music device: smartphone, laptop, gaming console. or even our all-new turntable, the JBL Spinner.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"my-section section-dare-to-switch-up-1\">\n                <div class=\"my-container\">\n                    <div class=\"page-row\">\n                        <div class=\"ftco-animate page-col-12 page-col-md-6\">\n                            <div class=\"page-copy\">\n                                <div class=\"page-desktop\">\n                                    <h2 style=\"text-transform: uppercase; color: #FFFFFF;\">JBL <br>AUTHENTICS <br\/><span class=\"text-500\">500<\/span><\/h2>                                        \n                                        <a href=\"\/en\/product\/jbl-authentics-500\/\">\n                                            <button class=\"page-button btn-shop-now\">SHOP NOW<\/button>\n                                        <\/a>                                   \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ftco-animate page-col-12 page-col-md-6\">\n                            <div class=\"img-dare-to-switch-up-1-container\">\n                                <img decoding=\"async\" class=\"img-dare-to-switch-up-1\" src=\"\/wp-content\/uploads\/2024\/03\/hero-authentic-1.png\" width=\"100%\" height=\"auto\" alt=\"Authentics 500\" \/>\n                            <\/div>\n                            <div class=\"page-mobile page-cta-container\">\n                                <h2 style=\"text-transform: uppercase; color: #FFFFFF;\">JBL <br>AUTHENTICS <br\/><span class=\"text-500\">500<\/span><\/h2>     \n                                <a href=\"\/en\/product\/jbl-authentics-500\/\">\n                                    <button class=\"page-button btn-shop-now\">SHOP NOW<\/button>\n                                <\/a>                               \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"section-product-video page-copy\" >\n                <h2 style=\"text-transform: uppercase; color: #FFFFFF; text-align: center; \">PRODUCT VIDEO<\/h2>\n                <div class=\"my-container\">\n                    <article class=\"all-browsers\">\n                        <div class=\"responsive-embed-youtube\">\n                            <center>\n                                <iframe width=\"979\" height=\"612\" src=\"https:\/\/www.youtube.com\/embed\/qpQzj33LnKQ?si=fN9ECokuPE_cbsyi\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n                            <\/center>\n                        <\/div>\n                    <\/article>\n                <\/div>\n                <div class=\"section-explore-every-detail page-copy\">\n                    <h2 style=\"text-transform: uppercase; color: #FFFFFF; text-align: center;\">EXPLORE EVERY DETAIL OF <br>OUR AUDIO DESIGN<\/h2>\n                <\/div>\n                <div class=\"my-container\">\n                    <div class=\"explore-every-detail-btns\">\n                        <a href=\"https:\/\/id.jbl.com\/on\/demandware.static\/-\/Sites-masterCatalog_Harman\/default\/dw494abb20\/pdfs\/JBL%20Authentics%20500_Specsheet_EN.pdf\" style=\"margin: 0 auto;\" target=\"_blank\">\n                            <button class=\"page-button btn-shop-now\">\n                                DOWNLOAD FULL SPEC SHEET\n                            <\/button>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"section-cta-300 my-section\">\n                <div class=\"my-container\">\n                    <div class=\"page-row row-reverse-md\">\n                        <div class=\"ftco-animate page-col-12 page-col-md-6\">\n                            <div class=\"page-copy\">\n                                <div class=\"page-desktop\">\n                                    <h2 style=\"text-transform: uppercase; color: #FFFFFF;\">\n                                        JBL \n                                        <br\/>\n                                        AUTHENTICS\n                                        <br\/>\n                                        <span class=\"text-300\">300<\/span>\n                                    <\/h2>\n                                    <a href=\"\/en\/product\/jbl-authentics-300\/\">\n                                        <button class=\"page-button btn-shop-now\">SHOP NOW<\/button>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ftco-animate page-col-12 page-col-md-6\">\n                            <img decoding=\"async\" class=\"img-dare-to-switch-up-2\" src=\"\/wp-content\/uploads\/2024\/03\/Authentic300.png\" width=\"100%\" height=\"auto\" alt=\"Authentics 300\"\/>\n                            <div class=\"page-mobile page-cta-container\">\n                                <h2 style=\"text-transform: uppercase; color: #FFFFFF;\">\n                                    JBL \n                                    <br\/>\n                                    AUTHENTICS\n                                    <br\/>\n                                    <span class=\"text-300\">300<\/span>\n                                <\/h2>\n                                <!-- <div class=\"page-price-container\">\n                                    <div class=\"page-price-final\">Rp 1.259.000<\/div>\n                                    <div class=\"page-price\">Normal Price Rp 1.399.000<\/div>\n                                <\/div> -->\n                                <a href=\"\/en\/product\/jbl-authentics-300\/\">\n                                    <button class=\"page-button btn-shop-now\">SHOP NOW<\/button>\n                                <\/a>                                \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div>\n                <div class=\"opseo-container\">\n                    <div class=\"seo-accordion\">\n                        <input type=\"checkbox\" name=\"seocheckbox\" id=\"seoAccordionCb\">\n                        <label for=\"seoAccordionCb\">\n                            <div class=\"seo-accordion-title-container\">\n                                <h1 class=\"seo-accordion-title\">JBL Authentics: Redefining Audio with a Retro Touch<\/h1>\n                            <\/div>\n                        <\/label>\n                        <div class=\"opseo-parent\">\n                            <div class=\"opseo\">\n                                \n    <p>Blending classic design with modern technology, the JBL Authentics speaker range is set to transform your listening experience. Reshape your audio landscape with the JBL Authentics 200, 300, and 500, and be the main protagonist of your musical journey.<\/p>\n\n    <h2>JBL Authentics 200: Where Retro Meets Revolution<\/h2>\n    <p>The JBL Authentics 200 speaker, inspired by JBL's iconic '70s retro designs, features quality elements that guarantee an impeccable audio equilibrium, regardless of the genre of music you're enjoying. Complete with Google Assistant and Amazon Alexa integration, dare to enjoy your tunes, manage your connected smart home gadgets, and accomplish even more, all through effortless voice commands. A true modern classic for any home.<\/p>\n\n    <h2>JBL Authentics 300: Timeless Design with Exceptional Sound Quality<\/h2>\n    <p>The JBL Authentics 300 speaker offers a perfect blend of nostalgic design and advanced audio performance. This retro-style speaker, complete with its iconic Quadrex grille, delivers a rich and expansive soundstage, characterised by crystal-clear highs and profound bass. Its portable form, equipped with intuitive controls and dual voice assistants, ensures an uninterrupted music experience without bounds in any corner of your home.<\/p>\n\n    <h2>JBL Authentics 500: High-Fidelity Sound Meets Chic<\/h2>\n    <p>The JBL Authentics 500 epitomises the perfect harmony of retro elegance and cutting-edge audio technology. Equipped with Dolby Atmos\u00ae Music, it delivers an immersive, high-definition sound experience. Boasting SlipStream\u2122 bass technology, immerse yourself in lifelike audio with deep bass and crystal-clear trebles, even while you exchange playlists by connecting this speaker with various Bluetooth-enabled devices.<\/p>\n\n    <h2>Experience the Future of Retro Sound<\/h2>\n    <p>Embrace the fusion of past and present with the launch of the JBL Authentics series. Keep your eyes open for the official announcements regarding the launch dates of the JBL Authentics 200, 300 and 500 and get ready to elevate your home audio with these newest additions upon its release.<\/p>\n                                <\/div> \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            function equalHeight(containerId, divClass, screenWidthMin){\n                if(!screenWidthMin){\n                    screenWidthMin = 768\n                }\n                if(window.screen.width > screenWidthMin){\n                    jQuery(`#${containerId} .${divClass}`).each(function(){\n                        jQuery(this).height(\"unset\"); \n                    });\n\n                    setTimeout(() => {\n                        let maxHeight = 0;\n    \n                        jQuery(`#${containerId} .${divClass}`).each(function(){\n                            if (jQuery(this).height() > maxHeight) {\n                            maxHeight = jQuery(this).height(); \n                            }\n                        });\n                    \n                        jQuery(`#${containerId} .${divClass}`).each(function(){\n                            jQuery(this).height(maxHeight); \n                        });\n                    }, 200);\n                }\n            }\n        <\/script>\n        <script>\n            const accordionItems = document.querySelectorAll('.accordion-item');\n\n            accordionItems.forEach(item => {\n                const header = item.querySelector('.accordion-header');\n                const toggleIcon = item.querySelector('.toggle-icon');\n\n                header.addEventListener('click', () => {\n                    item.classList.toggle('open');\n                    \n                    \/\/ Ubah ikon plus menjadi minus ketika elemen dibuka, dan sebaliknya.\n                    if (item.classList.contains('open')) {\n                        toggleIcon.textContent = '-';\n                        equalHeight(\"listAccordion\", \"accordion-p\", 1)\n                    } else {\n                        toggleIcon.textContent = '+';\n                    }\n                });\n            });\n\n            if(window.screen.width <= 767){\n                equalHeight(\"listAccordion\", \"accordion-p\", 1)\n            }\n\n\n        <\/script>\n        <script>\n            \/\/ untuk penanda mobile app\n            \/\/ const buttons = document.getElementsByClassName(\"page-button\")\n            \/\/ for (let i = 0; i < buttons.length; i++) {\n            \/\/     const button = buttons[i];\n            \/\/     button.addEventListener(\"click\", function(e){\n            \/\/         const href = e.target.dataset.href\n            \/\/         window.postMessage(href);\n            \/\/         if(window.ReactNativeWebView){\n            \/\/             window.ReactNativeWebView.postMessage(href);\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-82131","page","type-page","status-publish","hentry","no-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JBL Authentics Speakers - JBL Online Store ID<\/title>\n<meta name=\"description\" content=\"Immerse yourself in audio excellence with the JBL Authentics speaker range! Put the DJ&#039;s control right back in your hands when they launch in Indonesia\" \/>\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\/authentics-classics-reimagined\/authentics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JBL Authentics Speakers - JBL Online Store ID\" \/>\n<meta property=\"og:description\" content=\"Immerse yourself in audio excellence with the JBL Authentics speaker range! Put the DJ&#039;s control right back in your hands when they launch in Indonesia\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/\" \/>\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=\"2024-10-31T05:40:52+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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/\",\"name\":\"Speaker JBL Authentics - Toko Online JBL ID\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"datePublished\":\"2024-03-15T09:47:32+00:00\",\"dateModified\":\"2024-10-31T05:40:52+00:00\",\"description\":\"Benamkan diri Anda dalam kesempurnaan audio dengan rangkaian speaker JBL Authentics! Kembalikan kendali DJ ke tangan Anda saat diluncurkan di Indonesia\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Authentics\"}]},{\"@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":"JBL Authentics Speakers - JBL Online Store ID","description":"Immerse yourself in audio excellence with the JBL Authentics speaker range! Put the DJ's control right back in your hands when they launch in Indonesia","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\/authentics-classics-reimagined\/authentics\/","og_locale":"en_US","og_type":"article","og_title":"JBL Authentics Speakers - JBL Online Store ID","og_description":"Immerse yourself in audio excellence with the JBL Authentics speaker range! Put the DJ's control right back in your hands when they launch in Indonesia","og_url":"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2024-10-31T05:40:52+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/","url":"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/","name":"Speaker JBL Authentics - Toko Online JBL ID","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"datePublished":"2024-03-15T09:47:32+00:00","dateModified":"2024-10-31T05:40:52+00:00","description":"Benamkan diri Anda dalam kesempurnaan audio dengan rangkaian speaker JBL Authentics! Kembalikan kendali DJ ke tangan Anda saat diluncurkan di Indonesia","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/authentics-classics-reimagined\/authentics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"Authentics"}]},{"@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\/82131","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/comments?post=82131"}],"version-history":[{"count":7,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/82131\/revisions"}],"predecessor-version":[{"id":105570,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/82131\/revisions\/105570"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=82131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}