{"id":82849,"date":"2024-03-30T00:58:25","date_gmt":"2024-03-29T17:58:25","guid":{"rendered":"https:\/\/cpanel.jblstore.co.id\/?page_id=82849"},"modified":"2026-02-02T14:52:59","modified_gmt":"2026-02-02T07:52:59","slug":"special-ramadhan","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/special-ramadhan\/","title":{"rendered":"Spesial Ramadan"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"82849\" class=\"elementor elementor-82849\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-24e6527 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"24e6527\" 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-f5028a1\" data-id=\"f5028a1\" 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-6af9ef7 elementor-widget elementor-widget-shortcode\" data-id=\"6af9ef7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/cdn.jsdelivr.net\/gh\/kenwheeler\/slick@1.8.1\/slick\/slick.css\"\/>\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/cdn.jsdelivr.net\/gh\/kenwheeler\/slick@1.8.1\/slick\/slick-theme.css\"\/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/vanilla-infinite-marquee@1.0.12\/infinite-marquee.min.css\">\n    \n    <style>\n        :root {\n            --jbl-ramadhan-primary: #313F42;\n        }\n\n        #title {\n            display: none;\n        }\n\n        .cta {\n            transition: all .2s ease-in;\n            font-family: var(--font-body);\n\n            &:focus,\n            &:hover {\n                outline: none;\n            }\n\n            &:hover {\n                opacity: 0.8;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .is-desktop {\n                display: none !important;\n            }\n        }\n\n        @media (min-width: 769px) {\n            .is-mobile {\n                display: none !important;\n            }\n        }\n\n        @keyframes star-effect {\n            0% {\n                \/* opacity: 0.3; *\/\n                transform: scale(0.8);\n            }\n            50% {\n                \/* opacity: 1; *\/\n                transform: scale(1.2);\n            }\n            80% {\n                \/* opacity: 0.3; *\/\n                transform: scale(0.8);\n            }\n            100% {\n                \/* opacity: 0.3; *\/\n                transform: scale(0.8);\n            }\n        }\n\n        .color-category {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-bottom: 16px;\n\n            .colors {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 5px;\n                width: 100%;\n\n                .color {\n                    width: 24px;\n                    height: 24px;\n                    cursor: pointer;\n                    position: relative;\n                    overflow: hidden;\n                    transition: var(--ds-transition);\n\n                    &:hover {\n                        opacity: .8;\n                    }\n                }\n\n                .black {\n                    background-color: black;\n                    width: 22px;\n                    height: 22px;\n                    border: 1px solid white;\n                    outline: 1px solid black;\n                }\n\n                .red {\n                    background-color: #C82A1D;\n                }\n\n                .cyan {\n                    background-color: #7DC2B9;\n                }\n\n                .navy {\n                    background-image: url('\/wp-content\/uploads\/2024\/11\/homepage-navy-color.webp');\n                    background-size: cover;\n                    background-position: center;\n                    background-repeat: no-repeat;\n                }\n\n                .white {\n                    background-color: white;\n                    border: thin solid black;\n                }\n\n                .no-stock {\n                    cursor: default;\n                    background-blend-mode: lighten;\n\n                    &:hover {\n                        opacity: 1;\n                    }\n\n                    &::after {\n                        width: 2px;\n                        height: 160%;\n                        background-color: #fa4818;\n                        content: '';\n                        position: absolute;\n                        top: -35%;\n                        transform: rotate(45deg);\n                        left: 50%;\n                    }\n                }\n            }\n        }\n\n        #jbl-page-wrapper {\n            position: relative;\n            max-width: var(--sizing-max-page);\n            margin: 0 auto;\n            overflow-x: hidden;\n            background-color: #f9f9f9;\n            background-image: url('\/wp-content\/uploads\/2026\/02\/ramadan-bg-scaled.webp');\n            background-position: center center;\n            background-repeat: repeat-y;\n            background-size: contain;\n            \n            #hero {\n                position: relative;\n\n                .flip-wrapper {\n                    display: grid;\n                    grid-template-columns: repeat(7, 1fr);\n                    grid-template-rows: repeat(4, 1fr);\n                    grid-column-gap: 0px;\n                    grid-row-gap: 0px; \n                    perspective: 1000px;\n\n                    .card-1 { grid-area: 1 \/ 1 \/ 2 \/ 3; }\n                    .card-2 { grid-area: 2 \/ 1 \/ 3 \/ 2; }\n                    .card-3 { grid-area: 2 \/ 2 \/ 3 \/ 3; }\n                    .card-4 { grid-area: 3 \/ 1 \/ 5 \/ 3; }\n                    .card-5 { grid-area: 1 \/ 3 \/ 2 \/ 4; }\n                    .card-6 { grid-area: 2 \/ 3 \/ 3 \/ 4; }\n                    .card-7 { grid-area: 4 \/ 3 \/ 5 \/ 5; }\n                    .card-8 { grid-area: 4 \/ 5 \/ 5 \/ 6; }\n                    .card-9 { grid-area: 3 \/ 3 \/ 4 \/ 6; }\n                    .card-10 { grid-area: 1 \/ 4 \/ 3 \/ 6; }\n                    .card-11 { grid-area: 1 \/ 6 \/ 3 \/ 7; }\n                    .card-12 { grid-area: 3 \/ 6 \/ 4 \/ 7; }\n                    .card-13 { grid-area: 4 \/ 6 \/ 5 \/ 7; }\n                    .card-14 { grid-area: 1 \/ 7 \/ 3 \/ 8; }\n                    .card-15 { grid-area: 3 \/ 7 \/ 4 \/ 8; }\n                    .card-16 { grid-area: 4 \/ 7 \/ 5 \/ 8; } \n\n                    .card-body {\n                        transition: 1s;\n                        transform-style: preserve-3d;\n                        position: relative;\n                        display: inline-block;\n                        background-color: var(--jbl-ramadhan-primary);\n                        width: auto;\n                        height: auto;\n                        perspective: 1000px;\n\n                        .card-inner {\n                            height: 100%;\n                            display: flex;\n                        }\n\n                        .front-card, .back-card {\n                            backface-visibility: hidden;\n                            top: 0;\n                            left: 0;\n                            background: var(--jbl-ramadhan-primary);\n                            overflow: hidden;\n                            height: 100%;\n                            -webkit-transition: all 500ms ease-in-out;\n                            transition: all 500ms ease-in-out;\n                            \n                            img {\n                                object-fit: cover;\n                                display: inline-block;\n                                height: 100%;\n                                width: 100%;\n                            }\n                        }\n    \n                        .front-card {\n                            z-index: 2;\n                            transform: rotateY(0deg);\n                        }\n    \n                        .back-card {\n                            transform: rotateY(180deg);\n                            position: absolute;\n                            z-index: 1;\n                            height: 100%;\n                            visibility: hidden;\n                            opacity: 0;\n                        }\n                    }\n\n                    .flipped {\n\n                        .front-card {\n                            -webkit-transform: rotateY(-180deg);\n                            transform: rotateY(-180deg);\n                            visibility: hidden;\n                            opacity: 0;\n                        }\n\n                        .back-card {\n                            -webkit-transform: rotateY(0deg);\n                            transform: rotateY(0deg);\n                            visibility: visible;\n                            opacity: 1;\n                        }\n                    }\n\n                    .unflipping {\n                        .front-card {\n                            -webkit-transform: rotateY(0deg);\n                            transform: rotateY(0deg);\n                            visibility: visible;\n                            opacity: 1;\n                        }\n\n                        .back-card {\n                            -webkit-transform: rotateY(180deg);\n                            transform: rotateY(180deg);\n                            visibility: hidden;\n                            opacity: 0;\n                        }\n                    }\n                }\n            }\n\n            #hero-plain {\n                display: flex;\n\n                .img-wrapper {\n                    display: flex;\n                    width: 100%;\n\n                    img {\n                        width: 100%;\n                        height: 100%;\n                    }\n                }\n            }\n\n            #marquee-text {\n                position: relative;\n                background-color: #ffffff;\n\n                .inside {\n                    position: relative;\n                    padding-block: 10px;\n                    \n                    .marquee-text {\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n\n                        .text-wrapper {\n                            position: relative;\n                            \n                            span {\n                                font-family: \"Kostic - Roc Grotesk Compressed\", Arial, Helvetica, sans-serif;\n                                font-size: clamp(32px, calc(2rem + ((1vw - 3.7px) * 2.0645)), 64px);\n                                line-height: 100%;\n                                display: block;\n                                margin-top: 5px;\n                            }\n                        }\n                    }\n                }\n            }\n\n            #blog {\n                position: relative;\n                background-image: url('\/wp-content\/uploads\/2026\/02\/ramadan-kittenbag-bg-scaled.webp');\n                background-position: center center;\n                background-repeat: no-repeat;\n                background-size: cover;\n\n                .inside {\n                    display: grid;\n                    grid-template-columns: repeat(8, minmax(0, 1fr));\n                    padding: 10px 0;\n                    align-items: center;\n\n                    .left-section {\n                        grid-column: span 3 \/ span 3;\n                        padding: 80px 0 50px 80px;\n                        position: relative;\n\n                        @media (max-width: 1200px) {\n                            grid-column: span 8 \/ span 8;\n                        }\n                        \n                        @media (max-width: 768px) {\n                            text-align: center;\n                            padding: 0px;\n                            padding-top: 30px;\n                        }\n\n                        .title-wrapper {\n                            width: 100%;\n                            height: fit-content;\n                            position: relative;\n\n                            @media (max-width: 768px) {\n                                text-align: center;\n                                width: 100%;\n                            }\n                        }\n\n                        .title-section {\n                            width: 100%;\n                            color: white;\n                            font-family: Grostesk-ExtraBold, Arial, Helvetica, sans-serif;\n                            display: flex;\n                            flex-direction: column;\n                            align-items: center;\n                            text-transform: uppercase;\n                            font-size: clamp(60px, calc(3.75rem + ((1vw - 3.7px) * 1.1613)), 78px);\n                            min-height: 0vw;\n                            margin-bottom: 0px;\n                            position: relative;\n                            z-index: 1;\n                            line-height: 100%;\n\n                            @media (max-width: 768px) {\n                                text-align: center;\n                            }\n\n                            .line-1 {\n                                font-size: 1.1em;\n                            }\n\n                            .line-2 {\n                                font-size: .78em;\n\n                                .highlight {\n                                    font-size: .85em;\n                                }\n                            }\n\n                            .line-3 {\n                                font-size: .9em;\n                            }\n                        }\n\n                        .decor {\n                            position: absolute;\n                            right: 0;\n                            z-index: 0;\n                            width: fit-content;\n                            user-select: none;\n                            pointer-events: none;\n                            \n                            img {\n                               animation: star-effect 3s infinite ease-in-out;\n                            }\n                        }\n\n                        .text- {\n                            text-align: center;\n                            display: block;\n                            height: fit-content;\n                            width: fit-content;\n                            margin-top: 20px;\n                            font-family: \"Kostic - Roc Grotesk Compressed\", Arial, Helvetica, sans-serif;\n                            font-size: clamp(24px, calc(1.5rem + ((1vw - 3.7px) * 1.2903)), 44px);\n                            min-height: 0vw;\n\n                            @media (max-width: 767px) {\n                                margin-top: 10px;\n                            }\n                        }\n\n                        .highlight {\n                            background-color: #ffffff;\n                            color: #8eb780;\n                            padding: 8px 12px;\n                            transform: rotate(-2.55deg);\n                            display: inline-block;\n\n                            @media (max-width: 767px) {\n                                padding: 6px 10px;\n                            }\n                        }\n\n                        .left-top {\n                            top: -10%;\n                            left: -8%;\n                            transform: scale(0.8);\n                            \n                            @media (max-width: 767px) {\n                                top: 0;\n                                left: 4%;\n                                transform: scale(0.7);\n                            }\n                        }\n\n                        .right-bottom {\n                            bottom: -14%;\n                            right: -18%;\n                            transform: scale(0.5);\n\n                            @media (max-width: 767px) {\n                                bottom: -41%;\n                                right: -4%;\n                                height: fit-content;\n                                transform: scale(0.3);\n                            }\n                        }\n                    }\n\n                    .right-section {\n                        grid-column: span 5 \/ span 5;\n                        display: flex;\n                        align-items: center;\n                        padding: 120px 10px;\n                        padding-left: 100px;\n                        padding-top: 0;\n                        padding-right: 100px;\n\n                        @media (max-width: 1200px) {\n                            grid-column: span 8 \/ span 8;\n                        }\n                        \n                        @media (max-width: 768px) {\n                            padding: 0 40px;\n                        }\n\n                        .blog-card {\n                            background-color: #FFFFFF;\n                            background-image: url(\/wp-content\/uploads\/2025\/02\/pattern-2.png);\n                            background-position: center center;\n                            background-repeat: no-repeat;\n                            background-size: cover;\n                            display: flex;\n                            height: fit-content;\n                            align-content: center;\n                            padding: 52px 60px 50px;\n                            margin-right: 75px;\n                            \/* max-width: 726px; *\/\n                            border-radius: 40px;\n\n                            @media (max-width: 768px) {\n                                flex-wrap: wrap;\n                                border-radius: 20px;\n                                padding: 26px 30px;\n                                gap: 40px;\n                                margin-right: 0px;\n                            }\n\n                            .img-wrapper {\n                                width: 40%;\n                                align-content: center;\n                                max-width: 400px;\n\n                                @media (max-width: 768px) {\n                                    width: 50%;\n                                    margin: 0 auto;\n                                }\n\n                                img {\n                                    border-radius: 20px;\n                                    overflow: hidden;\n                                }\n                            }\n\n                            .description-blog {\n                                color: var(--jbl-ramadhan-primary);\n                                width: 65%;\n                                padding-left: 54px;\n                                display: flex;\n                                flex-direction: column;\n                                gap: 30px;\n                                position: relative;\n                                top: -10px;\n\n                                @media (max-width: 768px) {\n                                    width: 100%;\n                                    padding-left: 0px;\n                                    gap: 20px;\n                                }\n\n                                .title-blog {\n                                    color: var(--jbl-ramadhan-primary);\n                                    font-family: \"Kostic - Roc Grotesk Condensed Black\", Arial, Helvetica, sans-serif;\n                                    margin-bottom: 0px;\n                                    position: relative;\n                                    font-size: clamp(32px, calc(2rem + ((1vw - 3.93px) * -0.3717)), 29px);\n                                    min-height: 0vw;\n                                    margin-bottom: 0px;\n                                    text-wrap: balance;\n                                }\n\n                                .text-blog {\n                                    font-family: Grostesk-Light, Arial, Helvetica, sans-serif;\n                                    \/* max-width: 90%; *\/\n                                    line-height: 150%;\n                                    font-size: clamp(13.5px, calc(0.84375rem + ((1vw - 3.93px) * 1.0533)), 22px);\n                                    min-height: 0vw;\n                                    position: relative;\n                                    margin-bottom: 20px;\n                                    color: var(--jbl-ramadhan-primary);\n                                    text-wrap: balance;\n\n                                    \/* @media (max-width: 768px) {\n                                        max-width: 100%;\n                                    } *\/\n                                }\n\n                                .mycta {\n                                    padding: 10px 35px;\n                                    background-color: #F04C24;\n                                    color: white;\n                                    font-family: Grostesk-ExtraBold, Arial, Helvetica, sans-serif;\n                                    text-transform: uppercase;\n                                    border-radius: 15px;\n                                    font-size: clamp(14px, calc(0.875rem + ((1vw - 3.76px) * 0.3759)), 18px);\n                                    width: fit-content;\n                                    margin-top: -20px;\n\n                                    @media (max-width: 768px) {\n                                        margin-left: auto;\n                                        margin-right: auto;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            #product-recommendation, #egift-card {\n                position: relative;\n\n                .inside {\n                    padding: 56px 30px;\n\n                    .title-section {\n                        text-align: center;\n                        color: var(--jbl-ramadhan-primary);\n                        font-family: Grostesk-Light, Arial, Helvetica, sans-serif;\n                        text-transform: capitalize;\n                        font-size: clamp(42px, calc(2.625rem + ((1vw - 3.7px) * 7.2258)), 154px);\n                        min-height: 0vw;\n                        margin-bottom: .8em;\n\n                        .highlight {\n                            display: block;\n                            color: white;\n                            background-color: var(--colorMain);\n                            font-family: Grostesk-ExtraBold, Arial, Helvetica, sans-serif;\n                            padding-inline: 30px;\n                            text-transform: uppercase;\n                            padding-top: 10px;\n                            width: fit-content;\n                            text-align: center;\n                            margin: auto;\n                            font-size: clamp(24px, calc(1.5rem + ((1vw - 3.7px) * 3.2258)), 74px);\n                            min-height: 0vw;\n                            border-radius: 16px;\n\n                            @media (max-width: 767px) {\n                                padding-top: 5px;\n                                border-radius: 8px;\n                            }\n                        }\n                    }\n\n                    .box-product {\n                        background-color: rgba(255,255,255,1);\n                        border-radius: 35px;\n                        overflow: hidden;\n                        padding: 70px;\n                        border: 5px solid white;\n                        margin-bottom: 80px;\n                        margin-inline: auto;\n                        width: fit-content;\n                        position: relative;\n                        box-shadow: 84px 93px 50px rgba(0, 0, 0, 0.01), 47px 52px 42px rgba(0, 0, 0, 0.05), 21px 23px 31px rgba(0, 0, 0, 0.09), 5px 6px 17px rgba(0, 0, 0, 0.1);\n\n                        @media (max-width: 767px) {\n                            padding: 30px;\n                            border-radius: 15px;\n                            width: auto;\n                        }\n\n                        .bg {\n                            position: absolute;\n                            top: 0;\n                            left: 0;\n                            \/* mix-blend-mode: exclusion; *\/\n                            width: 100%;\n                            height: 100%;\n\n                            img {\n                                object-fit: cover;\n                                height: 100%;\n                                width: 100%;\n                            }\n                        }\n                        \n                        .box-inside {\n                            display: flex;\n                            gap: 45px;\n                            justify-content: center;\n                            align-items: end;\n                            position: relative;\n                            \n                            &::-webkit-scrollbar {\n                                display: none;\n                            }\n                            \n                            @media (max-width: 767px) {\n                                gap: 20px;\n                                justify-content: start;\n                                \/* flex-wrap: nowrap; *\/\n                                overflow-x: auto;\n                                overflow-y: hidden;\n                                white-space: nowrap;\n                                -webkit-overflow-scrolling: touch;\n                                scrollbar-width: none;\n                            }\n\n                            .img-wrapper {\n                                min-width: 150px;\n                                width: calc(100% \/ 4);\n                                display: flex;\n                                flex-direction: column;\n                            }\n\n                            .img-wrapper:not(:first-child) {\n                                &>img:first-child {\n                                    margin-bottom: 25px;\n                                }\n                            }\n                        }\n                    }\n\n                    .inside2 {\n                        background-color: rgba(255,255,255,1);\n                        border-radius: 35px;\n                        border: 3px solid #A9A9A9;\n                        overflow: hidden;\n                        padding: 70px;\n                        border: 5px solid white;\n                        margin-bottom: 80px;\n                        margin-inline: auto;\n                        width: 90%;\n                        position: relative;\n                        max-width: 100%;\n                        box-shadow: 84px 93px 50px rgba(0, 0, 0, 0.01), 47px 52px 42px rgba(0, 0, 0, 0.05), 21px 23px 31px rgba(0, 0, 0, 0.09), 5px 6px 17px rgba(0, 0, 0, 0.1);\n\n                        @media (max-width: 767px) {\n                            padding: 15px;\n                            border-radius: 15px;\n                            width: auto;\n                        }\n\n                        .bg {\n                            position: absolute;\n                            top: 0;\n                            left: 0;\n                            \/* mix-blend-mode: exclusion; *\/\n                            width: 100%;\n                            height: 100%;\n\n                            img {\n                                object-fit: cover;\n                                height: 100%;\n                                width: 100%;\n                            }\n                        }\n\n                        .top-title-box {\n                            position: relative;\n                            display: flex;\n                            justify-content: space-between;\n                            align-items: center;\n                            margin-bottom: 30px;\n\n                            .title-second-section {\n                                font-family: Grostesk-ExtraBold,'Times New Roman', Times, serif;\n                                font-weight: 400;\n                                margin: 0;\n                                color: #000000;\n                                font-size: clamp(18px, calc(1.125rem + ((1vw - 3.7px) * 2.8387)), 62px);\n                                min-height: 0vw;\n                            }\n\n                            .timer-flashsale {\n                                font-family: Grostesk-ExtraBold,'Times New Roman', Times, serif;\n                                font-weight: 400;\n                                margin: 0;\n                                padding: 0 20px;\n                                height: fit-content;\n                                line-height: 120%;\n                                background-color: var(--colorMain);\n                                border-radius: 8px;\n                                color: #ffffff;\n                                font-size: clamp(18px, calc(1.125rem + ((1vw - 3.7px) * 2.8387)), 62px);\n                                min-height: 0vw;\n                                white-space: nowrap;\n                            }\n                        }\n                        \n                        .flash-sale-container2 {\n                            position: relative;\n                            overflow: hidden;\n\n                            .prev-btn-flash, .next-btn-flash {\n                                position: absolute;\n                                top: 50%;\n                                transform: translateY(-50%);\n                                z-index: 3;\n\n                                @media (max-width: 768px) {\n                                    transform: scale(.7);\n                                }\n                            }\n\n                            .prev-btn-flash {\n                                left: 0;\n\n                                @media (max-width: 768px) {\n                                    \/* left: 45%; *\/\n                                    left: 0;\n                                }\n                            }\n                            .next-btn-flash {\n                                right: 0;\n\n                                @media (max-width: 768px) {\n                                    right: -2%;\n                                }\n                            }\n                            \n                            .wrap-inside2 {\n                                display: flex;\n                                align-items: end;\n\n                                .img-wrapper2.outside2 {\n                                    flex: .5;\n                                    position: relative;\n                                    margin-right: 20px;\n                                    margin-left: 50px;\n                                    align-content: end;\n                                    display: flex;\n\n                                    &:first-child {\n                                        @media (max-width: 767px) {\n                                            flex: .8;\n                                        }\n                                    }\n\n                                    @media (max-width: 768px) {\n                                        margin-inline: 10px;\n                                        transform: scale(.95);\n                                        flex: 1 1 auto;\n                                        \/* flex: 1; *\/\n                                    }\n\n                                    img {\n                                        @media (max-width: 767px) {\n                                            margin-top: -30px;\n                                        }\n                                    }\n                                }\n                                \n\n                                a {\n                                    opacity: 1;\n                                    transition: .5s opacity;\n\n                                    &:hover {\n                                        opacity: .8;\n                                    }\n                                }\n\n                                .hover-visible-area {\n                                    border-radius: 22px;\n                                    overflow: hidden;\n                                    margin-top: 30px;\n\n                                    @media (max-width: 767px) {\n                                        border-radius: 12px;\n                                        margin-top: 10px;\n                                    }\n                                }\n                                \n                                .flash-sale-in {\n                                    width: 100%; \/* Pastikan kontainer carousel memiliki lebar tetap *\/\n                                    display: flex;\n                                    flex-direction: column;\n                                    justify-content: space-between;\n                                    flex: 2;\n\n                                    @media (max-width: 768px) {\n                                        flex: 1;\n                                    }\n\n                                    .slick-track {\n                                        display: flex;\n                                        height: 100%;\n                                    }\n\n                                    .slick-slide>div {\n                                        display: flex;\n                                        flex-direction: column;\n                                        height: 100%;\n                                    }\n\n                                    .hover-visible-area {\n                                        border-radius: 16px;\n                                    }\n\n                                    .slick-dots {\n                                        position: relative;\n                                        bottom: 0;\n                                        margin-top: 16px;\n                                        display: flex !important;\n                                        justify-content: center;\n                                        align-items: center;\n                                        gap: 12px;\n                                        padding: 0;\n                                        list-style: none;\n                                    }\n\n                                    .slick-dots li {\n                                        margin: 0;\n                                        width: auto;\n                                        height: auto;\n                                    }\n\n                                    .slick-dots li button {\n                                        width: 14px;\n                                        height: 14px;\n                                        padding: 0;\n                                        border-radius: 50%;\n                                        background: #d9d9d9; \/* abu-abu *\/\n                                        border: none;\n                                        font-size: 0;\n                                        cursor: pointer;\n                                        transition: all 0.2s ease;\n                                    }\n\n                                    \/* HILANGKAN DEFAULT DOT *\/\n                                    .slick-dots li button::before {\n                                        display: none;\n                                    }\n\n                                    \/* ACTIVE DOT *\/\n                                    .slick-dots li.slick-active button {\n                                        background: #0d0b2a; \/* hitam \/ navy *\/\n                                        transform: scale(1.15);\n                                    }\n\n                                    .promotion {\n                                        background-color: #ffffff;\n                                        border: 2px solid #F3F3F3;\n\n                                        .promotion-product-name {\n                                            font-family: Grostesk-Light,Arial, Helvetica, sans-serif;\n                                        }\n\n                                        .promotion-product-price {\n                                            padding-bottom: 0;\n                                        }\n\n                                        .promotion-product-image-fg {\n                                            border-radius: 16px;\n                                        }\n\n                                        .promotion-product-image {\n                                            width: 80%;\n                                            margin: 0 auto;\n                                            margin-block: 20px;\n                                        }\n\n                                        .promotion-product-image > img {\n                                            border-radius: 16px;\n                                            width: 100%;\n                                        }\n\n                                        .button-add-to-cart-buy-now {\n                                            padding: 20px;\n                                        }\n\n                                        .button-see-more {\n                                            border: 1px solid #D4D4D4;\n                                            background-color: #ffffff;\n                                            color: #000000;\n                                            width: 100%;\n                                            display: block;\n                                            border-radius: 8px;\n                                            padding: 8px;\n                                            font-family: Grostesk-Light,Arial, Helvetica, sans-serif;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            #product-recommendation .inside {\n                padding-bottom: 0;\n            }\n\n            #egift-card .title-second-section {\n                text-align: center!important;\n                width: 100%!important;\n            }\n\n            #egift-card .promotion-product-image {\n                padding: 0!important;\n                margin: 0!important;\n                width: auto!important;\n            }\n\n            #egift-card-1 {\n                position: relative;\n                \n                @media (max-width: 767px) {\n                    padding-top: 8em;\n                }\n\n                .inside {\n                    position: relative;\n                    padding: 56px 30px;\n\n                    .title-section {\n                        text-align: center;\n                        color: #000000;\n                        font-family: Grostesk-Light, Arial, Helvetica, sans-serif;\n                        text-transform: capitalize;\n                        font-size: clamp(36px, calc(2.25rem + ((1vw - 3.76px) * 5.6391)), 96px);\n                        min-height: 0vw;\n                        margin-bottom: 0;\n\n                        .highlight {\n                            display: block;\n                            color: #000000;\n                            padding-inline: 30px;\n                            padding-top: 10px;\n                            width: fit-content;\n                            text-align: center;\n                            margin: auto;\n                            font-family: \"Kostic - Roc Grotesk Condensed ExtraLight\", Arial, Helvetica, sans-serif;\n                            font-size: clamp(34px, calc(2.125rem + ((1vw - 3.76px) * 4.6992)), 84px);\n                            min-height: 0vw;\n\n                            @media (max-width: 767px) {\n                                padding-inline: 20px;\n                                padding-top: 5px;\n                            }\n                        }\n                    }\n\n                    .box-product {\n                        overflow: hidden;\n                        padding: 70px;\n                        margin-bottom: 80px;\n                        margin-inline: auto;\n                        margin-inline: auto;\n                        width: 80%;\n                        position: relative;\n\n                        @media (max-width: 767px) {\n                            padding: 30px;\n                            width: auto;\n                        }\n\n                        .bg {\n                            position: absolute;\n                            top: 0;\n                            left: 0;\n                            \/* mix-blend-mode: exclusion; *\/\n                            width: 100%;\n                            height: 100%;\n\n                            img {\n                                object-fit: cover;\n                                height: 100%;\n                                width: 100%;\n                            }\n                        }\n                        \n                        .box-inside {\n                            display: flex;\n                            gap: 45px;\n                            justify-content: center;\n                            position: relative;\n                            \n                            &::-webkit-scrollbar {\n                                display: none;\n                            }\n                            \n                            @media (max-width: 767px) {\n                                gap: 20px;\n                                justify-content: start;\n                                \/* flex-wrap: nowrap; *\/\n                                overflow-x: auto;\n                                overflow-y: hidden;\n                                white-space: nowrap;\n                                -webkit-overflow-scrolling: touch;\n                                scrollbar-width: none;\n                            }\n\n                            .img-wrapper {\n                                min-width: 150px;\n                                border-radius: 14px;\n                                overflow: hidden;\n                                display: flex;\n                                opacity: 1;\n                                transition: .5s opacity;\n\n                                &:hover {\n                                    opacity: .8;\n                                }\n                            }\n                        }\n                    }\n\n                    .mycta {\n                        padding: 10px 35px;\n                        background-color: white;\n                        color: #FF4713;\n                        font-family: Grostesk-ExtraBold, Arial, Helvetica, sans-serif;\n                        text-transform: uppercase;\n                        border-radius: 15px;\n                        font-size: clamp(14px, calc(0.875rem + ((1vw - 3.76px) * 0.9398)), 24px);\n                        width: fit-content;\n                        margin-inline: auto;\n                        display: block;\n\n                        @media (max-width: 768px) {\n                            margin-left: auto;\n                            margin-right: auto;\n                        }\n                    }\n                }\n            }\n\n            #recommender {\n                position: relative;\n                display: flex;\n\n                .text-wrapper {\n                    position: absolute;\n                    top: 90%;\n                    left: 50%;\n                    transform: translate(-50%, -50%);\n                    text-align: center;\n                    color: white;\n\n                    @media (max-width: 767px) {\n                        top: 80%;\n                    }\n\n                    .button-wrapper {\n                        position: relative;\n                        display: flex;\n                        align-items: center;\n                        flex-wrap: wrap;\n                        gap: 8px;\n\n                        .mycta {\n                            padding: 2px 15px;\n                            background-color: #FFFFFF;\n                            color: #F04C24;\n                            font-family: Grostesk-ExtraBold, Arial, Helvetica, sans-serif;\n                            text-transform: uppercase;\n                            font-size: 14px;\n                            width: fit-content;\n                            margin-top: 10px;\n                            display: block;\n\n                            @media (max-width: 768px) {\n                                padding: 0px 12px;\n                                margin-top: 5px;\n                                margin-left: auto;\n                                margin-right: auto;\n                            }\n                        }\n                    }\n                }\n            }\n\n            #reviews {\n                background-image: url('\/wp-content\/uploads\/2026\/02\/ramadan-reviews-bg-scaled.webp');\n                background-position: center center;\n                background-repeat: no-repeat;\n                background-size: cover;\n                \n                .inside {\n                    padding-block: 3em 5em;\n                    padding-inline: 1em;\n                    \n                    .title-section {\n                        margin: 0px;\n                        color: #000000;\n                        text-align: center;\n                        text-transform: uppercase;\n                        font-family: Grostesk-Light, Arial, Helvetica, sans-serif;\n                        text-transform: capitalize;\n                        font-size: clamp(64px, calc(4rem + ((1vw - 3.93px) * 1.9827)), 80px);\n                        min-height: 0vw;\n                        \/* background-color: black; *\/\n                        padding: 30px;\n\n                        @media (max-width: 768px) {\n                            padding: 35px;\n                        }\n                    }\n                }\n\n                .reviews-container {\n                    position: relative;\n\n                    .review-wrapper {\n                        max-width: 1000px;\n                        background-color: white;\n                        margin: 0 auto;\n                        padding: 70px 0;\n                        padding-left: 80px;\n                        box-shadow: 84px 93px 50px rgba(0, 0, 0, 0.01), 47px 52px 42px rgba(0, 0, 0, 0.05), 21px 23px 31px rgba(0, 0, 0, 0.09), 5px 6px 17px rgba(0, 0, 0, 0.1);\n                        border-radius: 35px;\n\n                        @media (max-width: 768px) {\n                            padding: 20px 0px 50px;\n                        }\n                    }\n\n                    .ugm-container {\n                        display: flex;\n                        gap: 8%;\n                        align-items: center;\n                        justify-content: space-between;\n                        overflow: hidden;\n                    }\n\n                    .ugm-container.mobile {\n                        position: relative;\n                        padding-inline: 40px;\n                    }\n\n                    .ugm-container .review-inside {\n                        flex: 1;\n                        overflow: hidden;\n                        position: relative;\n                    }\n                    .ugm-container .review-inside-mobile {\n                        flex: auto;\n                        overflow: hidden;\n                        width: 100%;\n                    }\n\n                    .ugm-container > img {\n                        width: 235px;\n                        flex: 0 0 auto;\n                        max-width: 100%; \/* Pastikan gambar tidak lebih besar dari container *\/\n                        height: auto; \/* Skalakan tinggi dengan proporsional *\/\n\n                        @media (max-width: 768px) {\n                            width: 298px;\n                            position: relative;\n                            left: -20px;\n                            margin: 10px;\n                        }\n                    }\n\n                    .ugm-container.mobile > img {\n                        flex: none;\n                    }\n\n                    .review p,\n                    .review>.product-review {\n                        font-family: \"Kostic - Roc Grotesk Light\", sans-serif;\n                        display: block;\n                    }\n\n                    .review p {\n                        text-align: justify;\n                        font-size: 12px;\n                        margin-bottom: 20px;\n                        line-height: 180%;\n                    }\n\n                    .review>.product-review {\n                        font-size: 18px;\n                    }\n\n                    .review>.name-customer {\n                        font-family: \"Kostic - Roc Grotesk Bold\", sans-serif;\n                        color: #F04C24;\n                        font-size: 230%;\n                        min-height: 0vw;\n                        display: block;\n                        margin: 0;\n                        line-height: 100%;\n                    }\n\n                    .review-customer {\n                        position: relative;\n                        left: 40px;\n                        margin-inline: 20px;\n                    }\n\n                    .review-customer>img {\n                        width: 194px;\n                        height: 194px;\n                        position: absolute;\n                        left: -50px;\n                        top: 50%;\n                        transform: translateY(-50%);\n                    }\n\n                    .review {\n                        background-color: #F3F3F3;\n                        border-radius: 20px;\n                        padding: 30px 40px 15px 130px;\n                        margin-left: 45px;\n                        margin-right: 40px;\n                    }\n\n                    .desktop {\n                        display: none\n                    }\n\n                    @media(min-width:768px) {\n                        .desktop {\n                            display: flex\n                        }\n                    }\n\n                    .mobile {\n                        display: flex;\n                        flex-direction: column\n                    }\n\n                    @media(min-width:768px) {\n                        .mobile {\n                            display: none\n                        }\n                    }\n\n                    .review-customer-mobile {\n                        margin: 0 10px;\n                        position: relative;\n                    }\n                    \n                    .review-customer-mobile>img {\n                        width: 261px;\n                        height: 261px;\n                        position: absolute;\n                        left: 50%;\n                        top: 8%;\n                        transform: translateX(-50%);\n                    }\n\n                    .review-mobile {\n                        background-color: #f3f3f3;\n                        border-radius: 20px;\n                        padding: 130px 27px 40px 27px;\n                        margin-top: 207px;\n                    }\n\n                    .review-mobile p {\n                        font-family: \"Kostic - Roc Grotesk Light\", sans-serif;\n                        text-align: center;\n                        font-size: 16px;\n                        \/* font-size: clamp(10.5px, calc(0.65625rem + ((1vw - 3.93px) * 0.6815)), 16px); *\/\n                        min-height: 0vw;\n                        margin-bottom: 20px;\n                        line-height: 180%;\n\n                        @media (max-width: 768px) {\n                            text-align: center;\n                        }\n                    }\n\n                    .review-mobile>.name-customer {\n                        font-family: \"Kostic - Roc Grotesk Bold\", sans-serif;\n                        color: #f04c24;\n                        font-size: 170%;\n                        min-height: 0vw;\n                        display: block;\n                        text-align: center;\n\n                        @media (max-width: 768px) {\n                            font-size: 200%;\n                            margin-bottom: -15px;\n                        }\n                    }\n                    \n                    .review-mobile>.product-review {\n                        font-family: \"Kostic - Roc Grotesk Light\", sans-serif;\n                        display: block;\n                        text-align: center;\n                    }\n\n                    .slick-dots {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        margin-top: 20px;\n                        gap: 10px;\n                        position:static;\n                    }\n\n                    .slick-dots li {\n                        width: 40px;\n                        height: 4px;\n                        background: #e6e6e6;\n                        border-radius: 2px;\n                        transition: background 0.3s ease;\n\n                        @media (max-width: 768px) {\n                            width: 35px;\n                            height: 6px;\n                        }\n                    }\n\n                    .slick-dots li.slick-active {\n                        background: #e74c3c; \/* Warna dot aktif *\/\n                    }\n\n                    .ugc-controls {\n                        position: absolute;\n                        top: 40%;\n                        transform: translateY(-50%);\n                        background: #F04C24E6;\n                        opacity: 0.35;\n                        padding: 10px 15px;\n                        display: flex;\n                        border-radius: 50px;\n                        z-index: 2;\n                    }\n\n                    .ugc-controls:focus {\n                        outline: none;\n                    }\n\n                    .ugc-next {\n                        right: .5%;\n                    }\n\n                    .ugc-prev {\n                        left: 0;\n                    }\n                    .ugc-next-mobile {\n                        right: 5%;\n                    }\n\n                    .ugc-prev-mobile {\n                        left: 5%;\n                    }\n                }\n            }\n\n            #marquee {\n                position: relative;\n\n                .marquee-wrapper {\n                    display: flex;\n                    user-select: none;\n                    pointer-events: none;\n\n                    img {\n                        \/* min-height: 131px; *\/\n                    }\n                }\n\n                .marquee-mobile {\n                    transform: scale(5);\n                }\n\n            }\n\n            #marquee-text-second {\n                position: relative;\n                background-color: #000000;\n\n                .inside {\n                    position: relative;\n                    padding-block: 10px;\n                    \n                    .marquee-text {\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n\n                        .text-wrapper {\n                            position: relative;\n                            \n                            span {\n                                font-family: \"Kostic - Roc Grotesk Compressed\", Arial, Helvetica, sans-serif;\n                                color: var(--colorMain);\n                                font-size: clamp(32px, calc(2rem + ((1vw - 3.7px) * 2.0645)), 64px);\n                                line-height: 100%;\n                                display: block;\n                                margin-top: 5px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    <\/style>\n\n    <main id=\"jbl-page-wrapper\">\n        <!-- <section id=\"hero\">\n            <div class=\"flip-wrapper\">\n                                    <div class=\"card-1 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-repeatinggeometricpattern.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-repeatinggeometricpattern-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-2 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallmosque.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallmosque-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-3 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallproduct-4.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallproduct-4-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-4 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblbigproduct-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblbigproduct.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-5 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-antiquetilevertical.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-antiquetilevertical-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-6 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-islamicornament-1.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-islamicornament-1-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-7 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-stackeddiamond.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-stackeddiamond-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-8 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-islamicornament-2.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-islamicornament-2-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-9 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-ramadankareem.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-ramadankareem-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-10 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblproduct.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblproduct-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-11 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-repeatinggeometricverticalpattern-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-repeatinggeometricverticalpattern.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-12 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallproduct-1.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallproduct-1-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-13 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallproduct-3.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallproduct-3-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-14 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-stackedverticaldiamond.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-stackedverticaldiamond-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-15 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallproduct-2.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-jblsmallproduct-2-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card-16 card-body\">\n                        <div class=\"card-inner\">\n                            <div class=\"front-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-antiquetile.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                            <div class=\"back-card\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/02\/ramadhan-hero-antiquetile-flip.webp\" alt=\"Ramadhan Card Flip\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/section> -->\n        <section id=\"hero-plain\">\n            <div class=\"img-wrapper\">\n                <img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"887\" src=\"\/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-scaled.webp\" class=\"is-desktop\" alt=\"JBL Ramadhan 2025\" srcset=\"\/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-scaled.webp 2560w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-300x104.webp 300w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-1024x355.webp 1024w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-768x266.webp 768w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-1536x532.webp 1536w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-2048x710.webp 2048w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-18x6.webp 18w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-364x126.webp 364w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-1140x395.webp 1140w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-600x208.webp 600w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-1600x554.webp 1600w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-1200x416.webp 1200w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-175x61.webp 175w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-376x130.webp 376w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-284x98.webp 284w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-497x172.webp 497w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-576x200.webp 576w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-1335x463.webp 1335w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-462x160.webp 462w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-412x143.webp 412w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-desktop-721x250.webp 721w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>                <img decoding=\"async\" width=\"1271\" height=\"1271\" src=\"\/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile.webp\" class=\"is-mobile\" alt=\"JBL Ramadhan 2025\" srcset=\"\/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile.webp 1271w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-300x300.webp 300w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-1024x1024.webp 1024w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-150x150.webp 150w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-768x768.webp 768w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-12x12.webp 12w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-364x364.webp 364w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-855x855.webp 855w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-800x800.webp 800w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-600x600.webp 600w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-100x100.webp 100w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-50x50.webp 50w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-892x892.webp 892w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-669x669.webp 669w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-570x570.webp 570w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-175x175.webp 175w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-376x376.webp 376w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-284x284.webp 284w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-329x329.webp 329w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-497x497.webp 497w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-576x576.webp 576w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-463x463.webp 463w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-462x462.webp 462w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-412x412.webp 412w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-721x721.webp 721w, \/wp-content\/uploads\/2026\/01\/ramadhan-banner-mobile-322x322.webp 322w\" sizes=\"(max-width: 1271px) 100vw, 1271px\" \/>            <\/div>\n        <\/section>\n\n        <section id=\"marquee-text\">\n            <div class=\"inside\">\n                <div class=\"marquee-text\">\n                    <div class=\"text-wrapper\"><span>RAMADAN WITH JBL<\/span><\/div>\n                    <div class=\"icon-wrapper\">\n                        <svg width=\"9\" height=\"9\" viewbox=\"0 0 9 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"4.48438\" cy=\"4.48438\" r=\"4.48438\" fill=\"#212121\"\/><\/svg>\n                    <\/div>\n                    <div class=\"text-wrapper\"><span>RAMADAN WITH JBL<\/span><\/div>\n                    <div class=\"icon-wrapper\">\n                        <svg width=\"9\" height=\"9\" viewbox=\"0 0 9 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"4.48438\" cy=\"4.48438\" r=\"4.48438\" fill=\"#212121\"\/><\/svg>\n                    <\/div>\n                    <div class=\"text-wrapper\"><span>RAMADAN WITH JBL<\/span><\/div>\n                    <div class=\"icon-wrapper\">\n                        <svg width=\"9\" height=\"9\" viewbox=\"0 0 9 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"4.48438\" cy=\"4.48438\" r=\"4.48438\" fill=\"#212121\"\/><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"blog\">\n            <div class=\"inside\">\n                <div class=\"left-section\">\n                    <div class=\"title-wrapper\">\n                        <h2 class=\"title-section\">\n                            <span class=\"line-1\">Celebrate<\/span>\n                            <span class=\"line-2\">More <span class=\"highlight\">Moments<\/span><\/span>\n                            <span class=\"line-3\">This Season<\/span>\n                            <small class=\"text-\">Upgrade Your Sound and Enjoy an Exclusive Extra.<\/small>\n                        <\/h2>\n                    <\/div>\n                <\/div>\n                <div class=\"right-section\">\n                    <img decoding=\"async\" width=\"1544\" height=\"1116\" src=\"\/wp-content\/uploads\/2026\/02\/ramadan-knittedbag.webp\" class=\"attachment-full size-full\" alt=\"Knitted Bag\" srcset=\"\/wp-content\/uploads\/2026\/02\/ramadan-knittedbag.webp 1544w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-300x217.webp 300w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-1024x740.webp 1024w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-768x555.webp 768w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-1536x1110.webp 1536w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-18x12.webp 18w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-364x263.webp 364w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-1140x824.webp 1140w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-600x434.webp 600w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-1234x892.webp 1234w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-926x669.webp 926w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-789x570.webp 789w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-175x126.webp 175w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-376x272.webp 376w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-284x205.webp 284w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-497x359.webp 497w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-576x416.webp 576w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-641x463.webp 641w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-462x334.webp 462w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-412x298.webp 412w, \/wp-content\/uploads\/2026\/02\/ramadan-knittedbag-721x521.webp 721w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/>                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"product-recommendation\">\n            <div class=\"inside\">\n                <h2 class=\"title-section\"><span data-aos=\"zoom-in-down\">Ramadan<\/span> <span class=\"highlight\" data-aos=\"zoom-in-down\">Gift Recommendation<\/span><\/h2>\n\n                <div class=\"inside2\">\n                    <div class=\"top-title-box\">\n                        <h3 class=\"title-second-section\">Limited Time Special<\/h3>\n                        <div class=\"timer-flashsale\" id=\"flashTimer\">00:00:00:00<\/div>\n                    <\/div>\n                    \n                    <div class=\"flash-sale-container2\">\n                        <!-- <button class=\"prev-btn-flash cta\" style=\"display: none;\">\n                            <svg width=\"58\" height=\"59\" viewBox=\"0 0 58 59\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <rect width=\"58\" height=\"58\" rx=\"29\" transform=\"matrix(-1 0 0 1 58 0.507812)\" fill=\"#E3E3E3\"\/>\n                                <path d=\"M44.1797 29.2656C45.0081 29.2656 45.6797 29.9372 45.6797 30.7656C45.6797 31.5941 45.0081 32.2656 44.1797 32.2656V29.2656ZM12.7597 31.8263C12.1739 31.2405 12.1739 30.2908 12.7597 29.705L22.3056 20.159C22.8914 19.5732 23.8411 19.5732 24.4269 20.159C25.0127 20.7448 25.0127 21.6946 24.4269 22.2803L15.9416 30.7656L24.4269 39.2509C25.0127 39.8367 25.0127 40.7864 24.4269 41.3722C23.8411 41.958 22.8914 41.958 22.3056 41.3722L12.7597 31.8263ZM44.1797 32.2656H13.8203V29.2656H44.1797V32.2656Z\" fill=\"black\"\/>\n                            <\/svg>\n                        <\/button> -->\n                        <div class=\"wrap-inside2\">\n                            <div id=\"recommendedProducts2\" class=\"flash-sale-in\">\n                                                                                                                <div style=\"margin-inline: 20px;\">\n                                                <div class=\"promotion hover-visible-area\">\n                                                    <div>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-go-4\/\">\n                                                            <div class=\"promotion-product-image\">\n\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"\/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"\/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-300x300.webp 300w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-1024x1024.webp 1024w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-150x150.webp 150w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-768x768.webp 768w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-1536x1536.webp 1536w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-12x12.webp 12w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-364x364.webp 364w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-855x855.webp 855w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-800x800.webp 800w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-600x600.webp 600w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-100x100.webp 100w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-50x50.webp 50w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-892x892.webp 892w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-669x669.webp 669w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-570x570.webp 570w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-175x175.webp 175w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-376x376.webp 376w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1-329x329.webp 329w, \/wp-content\/uploads\/2025\/10\/JBL_GO_4_3_4_LEFT_BLACK_48178_x1.webp 1605w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\n                                                                                                                                                                                                            <div class=\"blurb-position\">\n                                                                            <div>\n                                                                                <span\n                                                                                    class=\"blurb-item\">10%<\/span>\n                                                                            <\/div>\n                                                                        <\/div>\n                                                                                                                                    \n                                                                <div class=\"promotion-product-image-fg\"><\/div>\n                                                            <\/div>\n                                                        <\/a>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-go-4\/\">\n                                                            <div class=\"promotion-product-name\">\n                                                                JBL Go 4                                                            <\/div>\n                                                        <\/a>\n                                                                                                                    <div class=\"promotion-product-price\">\n                                                                NOW ONLY 854.100                                                            <\/div>\n                                                                                                            <\/div>\n                                                    <div class=\"button-add-to-cart-buy-now\">\n                                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-go-4\/\">\n                                                            <button class=\"cta button-see-more\" data-productid=\"114195\">\n                                                                See More<\/button>\n                                                        <\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        \n                                                                                                                <div style=\"margin-inline: 20px;\">\n                                                <div class=\"promotion hover-visible-area\">\n                                                    <div>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-horizon-3\/\">\n                                                            <div class=\"promotion-product-image\">\n\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"\/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"\/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-300x300.webp 300w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-1024x1024.webp 1024w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-150x150.webp 150w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-768x768.webp 768w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-1536x1536.webp 1536w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-12x12.webp 12w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-364x364.webp 364w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-855x855.webp 855w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-800x800.webp 800w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-600x600.webp 600w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-100x100.webp 100w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-50x50.webp 50w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-892x892.webp 892w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-669x669.webp 669w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-570x570.webp 570w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-175x175.webp 175w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-376x376.webp 376w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-284x284.webp 284w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-329x329.webp 329w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-497x497.webp 497w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-576x576.webp 576w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-463x463.webp 463w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-462x462.webp 462w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-412x412.webp 412w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-721x721.webp 721w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3-322x322.webp 322w, \/wp-content\/uploads\/2025\/12\/JBL_HORIZON_3_HERO_BLACK_0006_x3.webp 1605w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\n                                                                                                                                                                                                            <div class=\"blurb-position\">\n                                                                            <div>\n                                                                                <span\n                                                                                    class=\"blurb-item\">10%<\/span>\n                                                                            <\/div>\n                                                                        <\/div>\n                                                                                                                                    \n                                                                <div class=\"promotion-product-image-fg\"><\/div>\n                                                            <\/div>\n                                                        <\/a>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-horizon-3\/\">\n                                                            <div class=\"promotion-product-name\">\n                                                                JBL Horizon 3                                                            <\/div>\n                                                        <\/a>\n                                                                                                                    <div class=\"promotion-product-price\">\n                                                                NOW ONLY 2.339.100                                                            <\/div>\n                                                                                                            <\/div>\n                                                    <div class=\"button-add-to-cart-buy-now\">\n                                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-horizon-3\/\">\n                                                            <button class=\"cta button-see-more\" data-productid=\"115919\">\n                                                                See More<\/button>\n                                                        <\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        \n                                                                                                                <div style=\"margin-inline: 20px;\">\n                                                <div class=\"promotion hover-visible-area\">\n                                                    <div>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-endurance-zone\/\">\n                                                            <div class=\"promotion-product-image\">\n\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"\/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"\/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-300x300.png 300w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-1024x1024.png 1024w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-150x150.png 150w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-768x768.png 768w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-1536x1536.png 1536w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-12x12.png 12w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-855x855.png 855w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-800x800.png 800w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-600x600.png 600w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-100x100.png 100w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-50x50.png 50w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-892x892.png 892w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-669x669.png 669w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero-570x570.png 570w, \/wp-content\/uploads\/2025\/08\/01.LS_JBL_Endurance-Zone_Product-Image_Black_Lime_Hero.png 1605w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\n                                                                                                                                                                                                            <div class=\"blurb-position\">\n                                                                            <div>\n                                                                                <span\n                                                                                    class=\"blurb-item\">10%<\/span>\n                                                                            <\/div>\n                                                                        <\/div>\n                                                                                                                                    \n                                                                <div class=\"promotion-product-image-fg\"><\/div>\n                                                            <\/div>\n                                                        <\/a>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-endurance-zone\/\">\n                                                            <div class=\"promotion-product-name\">\n                                                                JBL Endurance Zone                                                            <\/div>\n                                                        <\/a>\n                                                                                                                    <div class=\"promotion-product-price\">\n                                                                NOW ONLY 2.339.100                                                            <\/div>\n                                                                                                            <\/div>\n                                                    <div class=\"button-add-to-cart-buy-now\">\n                                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-endurance-zone\/\">\n                                                            <button class=\"cta button-see-more\" data-productid=\"112492\">\n                                                                See More<\/button>\n                                                        <\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        \n                                                                                                                <div style=\"margin-inline: 20px;\">\n                                                <div class=\"promotion hover-visible-area\">\n                                                    <div>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-tune-670nc\/\">\n                                                            <div class=\"promotion-product-image\">\n\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"\/wp-content\/uploads\/2024\/09\/02.JBL_Tune_670NC_Product-Image_Front_Black-1-1-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"\/wp-content\/uploads\/2024\/09\/02.JBL_Tune_670NC_Product-Image_Front_Black-1-1-300x300.webp 300w, \/wp-content\/uploads\/2024\/09\/02.JBL_Tune_670NC_Product-Image_Front_Black-1-1-150x150.webp 150w, \/wp-content\/uploads\/2024\/09\/02.JBL_Tune_670NC_Product-Image_Front_Black-1-1-768x767.webp 768w, \/wp-content\/uploads\/2024\/09\/02.JBL_Tune_670NC_Product-Image_Front_Black-1-1-12x12.webp 12w, \/wp-content\/uploads\/2024\/09\/02.JBL_Tune_670NC_Product-Image_Front_Black-1-1-600x599.webp 600w, \/wp-content\/uploads\/2024\/09\/02.JBL_Tune_670NC_Product-Image_Front_Black-1-1-100x100.webp 100w, \/wp-content\/uploads\/2024\/09\/02.JBL_Tune_670NC_Product-Image_Front_Black-1-1.webp 801w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\n                                                                                                                                                                                                            <div class=\"blurb-position\">\n                                                                            <div>\n                                                                                <span\n                                                                                    class=\"blurb-item\">20%<\/span>\n                                                                            <\/div>\n                                                                        <\/div>\n                                                                                                                                    \n                                                                <div class=\"promotion-product-image-fg\"><\/div>\n                                                            <\/div>\n                                                        <\/a>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-tune-670nc\/\">\n                                                            <div class=\"promotion-product-name\">\n                                                                JBL Tune 670NC                                                            <\/div>\n                                                        <\/a>\n                                                                                                                    <div class=\"promotion-product-price\">\n                                                                NOW ONLY 1.679.200                                                            <\/div>\n                                                                                                            <\/div>\n                                                    <div class=\"button-add-to-cart-buy-now\">\n                                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-tune-670nc\/\">\n                                                            <button class=\"cta button-see-more\" data-productid=\"5504\">\n                                                                See More<\/button>\n                                                        <\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        \n                                                                                                                <div style=\"margin-inline: 20px;\">\n                                                <div class=\"promotion hover-visible-area\">\n                                                    <div>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-tune-beam-2-ghost-edition\/\">\n                                                            <div class=\"promotion-product-image\">\n\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"\/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"\/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-300x300.webp 300w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-1024x1024.webp 1024w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-150x150.webp 150w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-768x768.webp 768w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-1536x1536.webp 1536w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-12x12.webp 12w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-364x364.webp 364w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-855x855.webp 855w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-800x800.webp 800w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-600x600.webp 600w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-100x100.webp 100w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-50x50.webp 50w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-892x892.webp 892w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-669x669.webp 669w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-570x570.webp 570w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-175x175.webp 175w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-376x376.webp 376w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-284x284.webp 284w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-329x329.webp 329w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-497x497.webp 497w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-576x576.webp 576w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black-463x463.webp 463w, \/wp-content\/uploads\/2025\/11\/01.LS_JBL_Tune_Beam_2_Product_Image_Hero_Black.webp 1605w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\n                                                                                                                                                                                                            <div class=\"blurb-position\">\n                                                                            <div>\n                                                                                <span\n                                                                                    class=\"blurb-item\">10%<\/span>\n                                                                            <\/div>\n                                                                        <\/div>\n                                                                                                                                    \n                                                                <div class=\"promotion-product-image-fg\"><\/div>\n                                                            <\/div>\n                                                        <\/a>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-tune-beam-2-ghost-edition\/\">\n                                                            <div class=\"promotion-product-name\">\n                                                                JBL Tune Beam 2 Ghost Edition                                                            <\/div>\n                                                        <\/a>\n                                                                                                                    <div class=\"promotion-product-price\">\n                                                                NOW ONLY 2.159.100                                                            <\/div>\n                                                                                                            <\/div>\n                                                    <div class=\"button-add-to-cart-buy-now\">\n                                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-tune-beam-2-ghost-edition\/\">\n                                                            <button class=\"cta button-see-more\" data-productid=\"115255\">\n                                                                See More<\/button>\n                                                        <\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        \n                                                                                                                <div style=\"margin-inline: 20px;\">\n                                                <div class=\"promotion hover-visible-area\">\n                                                    <div>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-reflect-flow-pro\/\">\n                                                            <div class=\"promotion-product-image\">\n\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"\/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"\/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6-300x300.jpg 300w, \/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6-150x150.jpg 150w, \/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6-768x768.jpg 768w, \/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6-855x855.jpg 855w, \/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6-800x800.jpg 800w, \/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6-600x600.jpg 600w, \/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6-100x100.jpg 100w, \/wp-content\/uploads\/2024\/02\/JBL2520Reflect2520Flow2520Pro_Black_q689ng5k6.jpg 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\n                                                                                                                                                                                                            <div class=\"blurb-position\">\n                                                                            <div>\n                                                                                <span\n                                                                                    class=\"blurb-item\">40%<\/span>\n                                                                            <\/div>\n                                                                        <\/div>\n                                                                                                                                    \n                                                                <div class=\"promotion-product-image-fg\"><\/div>\n                                                            <\/div>\n                                                        <\/a>\n                                                        <a class=\"promotion-link\" href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-reflect-flow-pro\/\">\n                                                            <div class=\"promotion-product-name\">\n                                                                JBL Reflect Flow Pro                                                            <\/div>\n                                                        <\/a>\n                                                                                                                    <div class=\"promotion-product-price\">\n                                                                NOW ONLY 2.099.400                                                            <\/div>\n                                                                                                            <\/div>\n                                                    <div class=\"button-add-to-cart-buy-now\">\n                                                        <a href=\"https:\/\/jblstore.co.id\/en\/product\/jbl-reflect-flow-pro\/\">\n                                                            <button class=\"cta button-see-more\" data-productid=\"5387\">\n                                                                See More<\/button>\n                                                        <\/a>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        \n                                                            <\/div>\n                        <\/div>\n                        <!-- <button class=\"next-btn-flash cta\">\n                            <svg width=\"58\" height=\"59\" viewBox=\"0 0 58 59\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <rect y=\"0.507812\" width=\"58\" height=\"58\" rx=\"29\" fill=\"#E3E3E3\"\/>\n                                <path d=\"M13.8203 29.2656C12.9919 29.2656 12.3203 29.9372 12.3203 30.7656C12.3203 31.5941 12.9919 32.2656 13.8203 32.2656V29.2656ZM45.2403 31.8263C45.8261 31.2405 45.8261 30.2908 45.2403 29.705L35.6944 20.159C35.1086 19.5732 34.1589 19.5732 33.5731 20.159C32.9873 20.7448 32.9873 21.6946 33.5731 22.2803L42.0584 30.7656L33.5731 39.2509C32.9873 39.8367 32.9873 40.7864 33.5731 41.3722C34.1589 41.958 35.1086 41.958 35.6944 41.3722L45.2403 31.8263ZM13.8203 32.2656H44.1797V29.2656H13.8203V32.2656Z\" fill=\"black\"\/>\n                            <\/svg>\n                        <\/button> -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"egift-card\">\n            <div class=\"inside\">\n                <div class=\"inside2\">\n                    <div class=\"top-title-box\">\n                        <h3 class=\"title-second-section\">Special E-gift Card<\/h3>\n                    <\/div>\n                    \n                    <div class=\"flash-sale-container2\">\n                        <div class=\"wrap-inside2\">\n                            <div id=\"recommendedProducts2\" class=\"flash-sale-in\">\n                                                                    <div style=\"margin-inline: 20px;\">\n                                        <div class=\"promotion hover-visible-area\">\n                                            <div>\n                                                <a class=\"promotion-link\" href=\"\/en\/product\/e-gift-card-100-ribu-ramadan\/\">\n                                                    <div class=\"promotion-product-image\">\n\n                                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/ramadan-giftcard-100k.webp\" alt=\"JBL E-Gift Card Ramadan 2026\" loading=\"lazy\">\n\n                                                        <div class=\"promotion-product-image-fg\"><\/div>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div style=\"margin-inline: 20px;\">\n                                        <div class=\"promotion hover-visible-area\">\n                                            <div>\n                                                <a class=\"promotion-link\" href=\"\/en\/product\/e-gift-card-500-ribu-ramadan\/\">\n                                                    <div class=\"promotion-product-image\">\n\n                                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/ramadan-giftcard-500k.webp\" alt=\"JBL E-Gift Card Ramadan 2026\" loading=\"lazy\">\n\n                                                        <div class=\"promotion-product-image-fg\"><\/div>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div style=\"margin-inline: 20px;\">\n                                        <div class=\"promotion hover-visible-area\">\n                                            <div>\n                                                <a class=\"promotion-link\" href=\"\/en\/product\/e-gift-card-1-juta-ramadan\/\">\n                                                    <div class=\"promotion-product-image\">\n\n                                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/ramadan-giftcard-1000k.webp\" alt=\"JBL E-Gift Card Ramadan 2026\" loading=\"lazy\">\n\n                                                        <div class=\"promotion-product-image-fg\"><\/div>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"recommender\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"641\" src=\"\/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-scaled.webp\" class=\"is-desktop\" alt=\"Recommender\" srcset=\"\/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-scaled.webp 2560w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-300x75.webp 300w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-1024x257.webp 1024w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-768x192.webp 768w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-1536x385.webp 1536w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-2048x513.webp 2048w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-18x5.webp 18w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-364x91.webp 364w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-1140x286.webp 1140w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-600x150.webp 600w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-1600x401.webp 1600w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-1200x301.webp 1200w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-175x44.webp 175w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-376x94.webp 376w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-284x71.webp 284w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-497x125.webp 497w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-576x144.webp 576w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-1335x335.webp 1335w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-462x116.webp 462w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-412x103.webp 412w, \/wp-content\/uploads\/2026\/02\/ramadan-recommender-bg-721x181.webp 721w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>            <img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1081\" src=\"\/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile.webp\" class=\"is-mobile\" alt=\"Recommender\" srcset=\"\/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile.webp 1080w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-300x300.webp 300w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-1024x1024.webp 1024w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-150x150.webp 150w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-768x769.webp 768w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-12x12.webp 12w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-364x364.webp 364w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-854x855.webp 854w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-800x800.webp 800w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-600x601.webp 600w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-100x100.webp 100w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-50x50.webp 50w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-891x892.webp 891w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-668x669.webp 668w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-569x570.webp 569w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-175x175.webp 175w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-376x376.webp 376w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-284x284.webp 284w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-329x329.webp 329w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-497x497.webp 497w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-576x576.webp 576w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-463x463.webp 463w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-462x462.webp 462w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-412x412.webp 412w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-721x721.webp 721w, \/wp-content\/uploads\/2026\/02\/ramadhan-recommender-banner-mobile-322x322.webp 322w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>            <div class=\"text-wrapper\">\n                <div class=\"button-wrapper\">\n                    <a class=\"cta mycta\" href=\"\/en\/portables-recommender\/\">Portables<\/a>\n                    <a class=\"cta mycta\" href=\"\/en\/soundbars-recommender\/\">Soundbars<\/a>\n                    <a class=\"cta mycta\" href=\"\/en\/headphones-recommender\/\">Headphones<\/a>\n                    <a class=\"cta mycta\" href=\"\/en\/quantum-recommender\/\">Gaming<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        \n        <section id=\"reviews\">\n            <div class=\"inside\">\n                <h2 class=\"title-section\">Reviews<\/h2>\n                <div class=\"reviews-container\">\n                    <div class=\"review-wrapper\">\n                        <div class=\"ugc-wrap\">\n                            <div class=\"ugm-container desktop\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/what_they_say11.webp\" alt=\"What They Say Illustration\"\n                                width=\"311\" height=\"222\" \/>\n                                <div class=\"review-inside\">\n                                    <button class=\"ugc-controls ugc-prev\">\n                                        <svg width=\"14\" height=\"24\" viewbox=\"0 0 14 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M3.35156 10.4766C4.17999 10.4766 4.85156 11.1481 4.85156 11.9766C4.85156 12.805 4.17999 13.4766 3.35156 13.4766L3.35156 10.4766ZM1.2909 13.0372C0.705116 12.4514 0.705116 11.5017 1.2909 10.9159L10.8368 1.36996C11.4226 0.784173 12.3724 0.784173 12.9582 1.36996C13.544 1.95575 13.544 2.90549 12.9582 3.49128L4.47288 11.9766L12.9582 20.4618C13.544 21.0476 13.544 21.9974 12.9582 22.5832C12.3724 23.169 11.4226 23.169 10.8368 22.5832L1.2909 13.0372ZM3.35156 13.4766L2.35156 13.4766L2.35156 10.4766L3.35156 10.4766L3.35156 13.4766Z\" fill=\"black\"\/>\n                                        <\/svg>\n                                    <\/button>\n                                    <div class=\"ugc-wrap-inside\">\n                                        <div class=\"review-customer\">\n                                            <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/11\/ugc-customerpicture-mico.webp\" alt=\"Mico Pratama T.  - Customer\"\n                                            width=\"261\" height=\"261\" \/>\n                                            \n                                            <div class=\"review\">\n                                                <p>THE BEST HEADPHONES IN 2024<br>\n                                                untuk segi suara saya sangat puas, karena kualitas nya amat sangat jernih, sangat\n                                                membantu saya sebagai musisi dalam memproduksi musik, maupun hanya untuk pemakaian\n                                                sehari hari! untuk kualitas bahan nya pun super premium, congrats to for making this\n                                                masterpiece JBL<\/p>\n                                                <span class=\"name-customer\">Mico Pratama T. <\/span>\n                                                <span class=\"product-review\">JBL Tour One M2 <\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"review-customer\">\n                                            <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/11\/ugc-customerpicture-reyna.webp\" alt=\"Reyna  - Customer\"\n                                            width=\"261\" height=\"261\" \/>\n                                            \n                                            <div class=\"review\">\n                                                <p>Happy banget dengan produk JBL.<br>\n                                                pengalaman mendengarkan music jadi lebih menyenangkan dengan JBL Go 3. Dengan kualitas suaranya jernih, pilihan warna menggemaskan dan designya unik membuat harga speaker JBL\u00a0terasa\u00a0sepadan!<\/p>\n                                                <span class=\"name-customer\">Reyna<\/span>\n                                                <span class=\"product-review\">JBL GO 3<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <button class=\"ugc-controls ugc-next\">\n                                        <svg width=\"13\" height=\"24\" viewbox=\"0 0 13 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M10.3516 10.4766C9.52314 10.4766 8.85156 11.1481 8.85156 11.9766C8.85156 12.805 9.52314 13.4766 10.3516 13.4766L10.3516 10.4766ZM12.4122 13.0372C12.998 12.4514 12.998 11.5017 12.4122 10.9159L2.86628 1.36996C2.2805 0.784173 1.33075 0.784173 0.744962 1.36996C0.159175 1.95575 0.159175 2.90549 0.744962 3.49128L9.23024 11.9766L0.74496 20.4618C0.159173 21.0476 0.159173 21.9974 0.74496 22.5832C1.33075 23.169 2.28049 23.169 2.86628 22.5832L12.4122 13.0372ZM10.3516 13.4766L11.3516 13.4766L11.3516 10.4766L10.3516 10.4766L10.3516 13.4766Z\" fill=\"black\"\/>\n                                        <\/svg>\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"ugm-container mobile\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/what_they_say11.webp\" alt=\"What They Say Illustration\"\n                                width=\"311\" height=\"222\" \/>\n                            <div class=\"review-inside-mobile\">\n                                <button class=\"ugc-controls ugc-prev-mobile\">\n                                    <svg width=\"14\" height=\"24\" viewbox=\"0 0 14 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M3.35156 10.4766C4.17999 10.4766 4.85156 11.1481 4.85156 11.9766C4.85156 12.805 4.17999 13.4766 3.35156 13.4766L3.35156 10.4766ZM1.2909 13.0372C0.705116 12.4514 0.705116 11.5017 1.2909 10.9159L10.8368 1.36996C11.4226 0.784173 12.3724 0.784173 12.9582 1.36996C13.544 1.95575 13.544 2.90549 12.9582 3.49128L4.47288 11.9766L12.9582 20.4618C13.544 21.0476 13.544 21.9974 12.9582 22.5832C12.3724 23.169 11.4226 23.169 10.8368 22.5832L1.2909 13.0372ZM3.35156 13.4766L2.35156 13.4766L2.35156 10.4766L3.35156 10.4766L3.35156 13.4766Z\" fill=\"black\"\/>\n                                    <\/svg>\n                                <\/button>\n                                <div class=\"ugc-wrap-inside-mobile\">\n                                    <div class=\"review-customer-mobile\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/11\/ugc-customerpicture-mico.webp\" alt=\"Mico Pratama T.  - Customer\"\n                                        width=\"261\" height=\"261\" \/>\n                                        \n                                        <div class=\"review-mobile\">\n                                            <p>THE BEST HEADPHONES IN 2024<br>\n                                            untuk segi suara saya sangat puas, karena kualitas nya amat sangat jernih,\n                                            sangat membantu saya sebagai musisi dalam memproduksi musik, maupun hanya untuk\n                                            pemakaian sehari hari! untuk kualitas bahan nya pun super premium, congrats to\n                                            for making this masterpiece JBL<\/p>\n                                            <span class=\"name-customer\">Mico Pratama T. <\/span>\n                                            <span class=\"product-review\">JBL Tour One M2 <\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"review-customer-mobile\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/11\/ugc-customerpicture-reyna.webp\" alt=\"Reyna  - Customer\"\n                                        width=\"261\" height=\"261\" \/>\n                                        \n                                        <div class=\"review-mobile\">\n                                            <p>Happy banget dengan produk JBL.<br>\n                                            pengalaman mendengarkan music jadi lebih menyenangkan dengan JBL Go 3. Dengan kualitas suaranya jernih, pilihan warna menggemaskan dan designya unik membuat harga speaker JBL\u00a0terasa\u00a0sepadan!<\/p>\n                                            <span class=\"name-customer\">Reyna<\/span>\n                                            <span class=\"product-review\">JBL GO 3<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <button class=\"ugc-controls ugc-next-mobile\">\n                                    <svg width=\"13\" height=\"24\" viewbox=\"0 0 13 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M10.3516 10.4766C9.52314 10.4766 8.85156 11.1481 8.85156 11.9766C8.85156 12.805 9.52314 13.4766 10.3516 13.4766L10.3516 10.4766ZM12.4122 13.0372C12.998 12.4514 12.998 11.5017 12.4122 10.9159L2.86628 1.36996C2.2805 0.784173 1.33075 0.784173 0.744962 1.36996C0.159175 1.95575 0.159175 2.90549 0.744962 3.49128L9.23024 11.9766L0.74496 20.4618C0.159173 21.0476 0.159173 21.9974 0.74496 22.5832C1.33075 23.169 2.28049 23.169 2.86628 22.5832L12.4122 13.0372ZM10.3516 13.4766L11.3516 13.4766L11.3516 10.4766L10.3516 10.4766L10.3516 13.4766Z\" fill=\"black\"\/>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n        <\/section>\n\n        <section id=\"marquee-text-second\">\n            <div class=\"inside\">\n                <div class=\"marquee-text\">\n                    <div class=\"text-wrapper\"><span>RAMADAN WITH JBL<\/span><\/div>\n                    <div class=\"icon-wrapper\">\n                        <svg width=\"9\" height=\"9\" viewbox=\"0 0 9 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"4.48438\" cy=\"4.48438\" r=\"4.48438\" fill=\"#ff4713\"\/><\/svg>\n                    <\/div>\n                    <div class=\"text-wrapper\"><span>RAMADAN WITH JBL<\/span><\/div>\n                    <div class=\"icon-wrapper\">\n                        <svg width=\"9\" height=\"9\" viewbox=\"0 0 9 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"4.48438\" cy=\"4.48438\" r=\"4.48438\" fill=\"#ff4713\"\/><\/svg>\n                    <\/div>\n                    <div class=\"text-wrapper\"><span>RAMADAN WITH JBL<\/span><\/div>\n                    <div class=\"icon-wrapper\">\n                        <svg width=\"9\" height=\"9\" viewbox=\"0 0 9 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"4.48438\" cy=\"4.48438\" r=\"4.48438\" fill=\"#ff4713\"\/><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vanilla-infinite-marquee@1.0.12\/infinite-marquee.bundle.js\" defer><\/script>\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n    <script>\n        jQuery(document).ready(function () {\n            AOS.init({\n                duration: 800,\n                once: true,\n            });\n            \n            function flipCards() {\n                const cards = jQuery('.card-body');\n                const totalCards = cards.length;\n                let flippedIndexes = [];\n\n                function flipRandomCard(index) {\n                    if (flippedIndexes.length >= totalCards) {\n                        setTimeout(() => {\n                            cards.each(function (i) {\n                                setTimeout(() => {\n                                    jQuery(this).removeClass('flipped').addClass('unflipping');\n\n                                    setTimeout(() => {\n                                        jQuery(this).removeClass('unflipping');\n                                    }, 600);\n                                }, i * 200);\n                            });\n\n                            flippedIndexes = [];\n                            setTimeout(flipCards, 1000);\n                        }, 1000);\n                        return;\n                    }\n\n                    let randomIndex;\n                    do {\n                        randomIndex = Math.floor(Math.random() * totalCards);\n                    } while (flippedIndexes.includes(randomIndex));\n\n                    flippedIndexes.push(randomIndex);\n                    jQuery(cards[randomIndex]).addClass('flipped');\n\n                    setTimeout(() => flipRandomCard(index + 1), 1000);\n                }\n\n                flipRandomCard(0);\n            }\n\n            \/\/ flipCards();\n\n            \/\/ MARQUEE SECTION\n            new InfiniteMarquee({\n                element: '.marquee-desktop',\n                speed: 8000,\n                smoothEdges: false,\n                direction: 'left',\n                gap: '15px',\n                fullContainer: true,\n                fullContainerWidth: 100,\n                duplicateCount: 5,\n                on: {\n                    beforeInit: () => {\n                        console.log('Desktop Marquee Not Yet Initialized');\n                    },\n                    afterInit: () => {\n                        console.log('Desktop Marquee Initialized');\n                    }\n                }\n            });\n\n            new InfiniteMarquee({\n                element: '.marquee-mobile',\n                speed: 8000,\n                smoothEdges: false,\n                direction: 'left',\n                gap: '15px',\n                fullContainer: false,\n                fullContainerWidth: 100,\n                duplicateCount: 2,\n                on: {\n                    beforeInit: () => {\n                        console.log('Mobile Marquee Not Yet Initialized');\n                    },\n                    afterInit: () => {\n                        console.log('Mobile Marquee Initialized');\n                        jQuery('.marquee-mobile').css('visibility', 'visible');\n                    }\n                }\n            });\n\n            \/\/ 2026 MARQUEE SECTION\n            new InfiniteMarquee({\n                element: '.marquee-text',\n                speed: 30000,\n                direction: 'left',\n                spaceBetween: \"10px\",\n                fullContainer: true,\n                fullContainerWidth: 100,\n                duplicateCount: 4,\n                duplicateInnerElements: false,\n                on: {\n                    beforeInit: () => {\n                        console.log('Not Yet Initialized');\n                    },\n\n                    afterInit: () => {\n                        console.log('Initialized');\n                    }\n                }\n            });\n\n            jQuery('.flash-sale-in').slick({\n                slidesToShow: 3,\n                slidesToScroll: 1,\n                arrows: false,\n                autoplay: false,\n                dots: true,\n                infinite: false,\n                centerMode: false,\n                responsive: [\n                    {\n                        breakpoint: 1024,\n                        settings: {\n                            slidesToShow: 2,\n                        }\n                    },\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 1,\n                        }\n                    },\n                ]\n            });\n\n            \/\/ Fungsi untuk update visibilitas tombol prev\/next\n            function updateButtonVisibility(currentSlide, totalSlides, slidesToShow) {\n                const $prevBtn = jQuery('.prev-btn-flash');\n                const $nextBtn = jQuery('.next-btn-flash');\n                const windowWidth = jQuery(window).width();\n\n                \/\/ \/\/ Mobile: Selalu tampilkan tombol\n                \/\/ if (windowWidth <= 1024) {\n                \/\/     $prevBtn.show();\n                \/\/     $nextBtn.show();\n                \/\/     return;\n                \/\/ }\n\n                \/\/ Desktop: Kontrol visibilitas berdasarkan posisi slide\n                $prevBtn.toggle(currentSlide > 0); \/\/ Sembunyikan jika di slide pertama\n                $nextBtn.toggle(currentSlide < totalSlides - slidesToShow); \/\/ Sembunyikan jika di slide terakhir\n            }\n\n            \/\/ Update tombol saat carousel diinisialisasi atau diubah\n            \/\/ jQuery('.flash-sale-in').on('init reInit afterChange', function (event, slick, currentSlide) {\n            \/\/     const slidesToShow = slick.options.slidesToShow;\n            \/\/     const totalSlides = slick.slideCount;\n\n            \/\/     \/\/ Jika currentSlide tidak ada (saat init), set ke 0\n            \/\/     currentSlide = currentSlide || 0;\n\n            \/\/     updateButtonVisibility(currentSlide, totalSlides, slidesToShow);\n            \/\/ });\n\n            \/\/ Tombol navigasi manual\n            \/\/ jQuery('.next-btn-flash').on('click', function () {\n            \/\/     jQuery('.flash-sale-in').slick('slickNext');\n            \/\/ });\n\n            \/\/ jQuery('.prev-btn-flash').on('click', function () {\n            \/\/     jQuery('.flash-sale-in').slick('slickPrev');\n            \/\/ });\n\n            \/\/ Sembunyikan tombol prev saat init jika desktop\n            \/\/ jQuery('.flash-sale-in').on('init', function () {\n            \/\/     const windowWidth = jQuery(window).width();\n            \/\/     if (windowWidth > 1024) {\n            \/\/         jQuery('.prev-btn-flash').hide();\n            \/\/     }\n            \/\/ });\n\n            jQuery('.ugc-wrap-inside').slick({\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                arrows: false,\n                autoplay: false,\n                infinite: false,\n                dots: true,\n                infinite: true,\n                customPaging: function(slider, i) {\n                    return '<span class=\"slick-dot\"><\/span>';\n                }\n            });\n            jQuery('.ugc-prev').on('click', function () {\n                jQuery('.ugc-wrap-inside').slick('slickPrev');\n            });\n\n            jQuery('.ugc-next').on('click', function () {\n                jQuery('.ugc-wrap-inside').slick('slickNext');\n            });\n\n            jQuery('.ugc-wrap-inside-mobile').slick({\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                arrows: false,\n                autoplay: false,\n                infinite: false,\n                dots: true,\n                adaptiveHeight: true,\n                infinite: true,\n                customPaging: function(slider, i) {\n                    return '<span class=\"slick-dot\"><\/span>'; \/\/ Dot kustom\n                }\n            });\n            jQuery('.ugc-prev-mobile').on('click', function () {\n                jQuery('.ugc-wrap-inside-mobile').slick('slickPrev');\n            });\n\n            jQuery('.ugc-next-mobile').on('click', function () {\n                jQuery('.ugc-wrap-inside-mobile').slick('slickNext');\n            });\n\n            const targetTime = new Date('2026-03-31T23:59:59+07:00').getTime();\n            const timerEl = document.getElementById('flashTimer');\n\n            function updateCountdown() {\n            const now = new Date().getTime();\n            const distance = targetTime - now;\n\n            if (distance <= 0) {\n                timerEl.innerHTML = '00:00:00:00';\n                clearInterval(countdownInterval);\n                return;\n            }\n\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n            const hours = Math.floor((distance \/ (1000 * 60 * 60)) % 24);\n            const minutes = Math.floor((distance \/ (1000 * 60)) % 60);\n            const seconds = Math.floor((distance \/ 1000) % 60);\n\n            timerEl.innerHTML =\n                String(days).padStart(2, '0') + ':' +\n                String(hours).padStart(2, '0') + ':' +\n                String(minutes).padStart(2, '0') + ':' +\n                String(seconds).padStart(2, '0');\n            }\n\n            updateCountdown();\n            const countdownInterval = setInterval(updateCountdown, 1000);\n        });\n    <\/script>\n    <script type=\"text\/javascript\" src=\"\/\/cdn.jsdelivr.net\/gh\/kenwheeler\/slick@1.8.1\/slick\/slick.min.js\"><\/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-82849","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>Spesial Ramadan - JBL Store<\/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\/special-ramadhan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spesial Ramadan - JBL Store\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/special-ramadhan\/\" \/>\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-02-02T07:52:59+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\/special-ramadhan\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/special-ramadhan\/\",\"name\":\"Spesial Ramadan - JBL Store\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"datePublished\":\"2024-03-29T17:58:25+00:00\",\"dateModified\":\"2026-02-02T07:52:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/special-ramadhan\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/special-ramadhan\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/special-ramadhan\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spesial Ramadan\"}]},{\"@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":"Spesial Ramadan - JBL Store","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\/special-ramadhan\/","og_locale":"en_US","og_type":"article","og_title":"Spesial Ramadan - JBL Store","og_url":"https:\/\/jblstore.co.id\/en\/special-ramadhan\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2026-02-02T07:52:59+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\/special-ramadhan\/","url":"https:\/\/jblstore.co.id\/en\/special-ramadhan\/","name":"Spesial Ramadan - JBL Store","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"datePublished":"2024-03-29T17:58:25+00:00","dateModified":"2026-02-02T07:52:59+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/special-ramadhan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/special-ramadhan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/special-ramadhan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"Spesial Ramadan"}]},{"@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\/82849","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=82849"}],"version-history":[{"count":12,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/82849\/revisions"}],"predecessor-version":[{"id":116565,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/82849\/revisions\/116565"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=82849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}