{"id":431,"date":"2026-09-15T11:01:36","date_gmt":"2026-09-15T04:01:36","guid":{"rendered":"https:\/\/bumdeskamajaya.my\/?page_id=431"},"modified":"2026-09-17T13:10:22","modified_gmt":"2026-09-17T06:10:22","slug":"product","status":"publish","type":"page","link":"https:\/\/bumdeskamajaya.my\/?page_id=431","title":{"rendered":"PRODUCT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"431\" class=\"elementor elementor-431\">\n\t\t\t\t<div class=\"elementor-element elementor-element-185134a e-flex e-con-boxed e-con e-parent\" data-id=\"185134a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1041db9 elementor-widget elementor-widget-shortcode\" data-id=\"1041db9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div id=\"kmj-katalog-v2\">\n\n\n        <!-- =================================================\n             MOBILE FILTER BUTTON\n        ================================================== -->\n\n        <button\n            type=\"button\"\n            id=\"kmj-buka-filter-v2\"\n        >\n            \u2630 BUKA FILTER\n        <\/button>\n\n\n        <!-- OVERLAY -->\n\n        <div id=\"kmj-filter-overlay-v2\"><\/div>\n\n\n        <!-- =================================================\n             LAYOUT\n        ================================================== -->\n\n        <div class=\"kmj-katalog-layout-v2\">\n\n\n            <!-- =================================================\n                 SIDEBAR\n            ================================================== -->\n\n            <aside id=\"kmj-filter-sidebar-v2\">\n\n\n                <!-- MOBILE HEADER -->\n\n                <div class=\"kmj-filter-mobile-header-v2\">\n\n                    <span>\n                        FILTER PRODUK\n                    <\/span>\n\n                    <button\n                        type=\"button\"\n                        id=\"kmj-tutup-filter-v2\"\n                    >\n                        \u00d7\n                    <\/button>\n\n                <\/div>\n\n\n                <!-- =================================================\n                     KATEGORI\n                ================================================== -->\n\n                <div class=\"kmj-filter-group-v2\">\n\n                    <div class=\"kmj-filter-heading-v2\">\n                        KATEGORI\n                    <\/div>\n\n                    <div class=\"kmj-filter-options-v2\">\n\n                        \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-category-filter-v2\"\n                                        value=\"47\"\n                                    >\n\n                                    <span>\n\n                                        Granite\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-category-filter-v2\"\n                                        value=\"46\"\n                                    >\n\n                                    <span>\n\n                                        Keramik\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-category-filter-v2\"\n                                        value=\"48\"\n                                    >\n\n                                    <span>\n\n                                        Paint\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-category-filter-v2\"\n                                        value=\"103\"\n                                    >\n\n                                    <span>\n\n                                        Sanitary\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-category-filter-v2\"\n                                        value=\"17\"\n                                    >\n\n                                    <span>\n\n                                        Uncategorized\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =================================================\n                     UKURAN\n                ================================================== -->\n\n                <div class=\"kmj-filter-group-v2\">\n\n                    <div class=\"kmj-filter-heading-v2\">\n                        UKURAN\n                    <\/div>\n\n                    <div class=\"kmj-filter-options-v2\">\n\n                        \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-tag-filter-v2\"\n                                        value=\"104\"\n                                    >\n\n                                    <span>\n\n                                        20x40\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-tag-filter-v2\"\n                                        value=\"101\"\n                                    >\n\n                                    <span>\n\n                                        30X30\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-tag-filter-v2\"\n                                        value=\"99\"\n                                    >\n\n                                    <span>\n\n                                        30X60\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-tag-filter-v2\"\n                                        value=\"88\"\n                                    >\n\n                                    <span>\n\n                                        40x40\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-tag-filter-v2\"\n                                        value=\"87\"\n                                    >\n\n                                    <span>\n\n                                        50x50\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-tag-filter-v2\"\n                                        value=\"98\"\n                                    >\n\n                                    <span>\n\n                                        60x60\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"kmj-filter-option-v2\"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-tag-filter-v2\"\n                                        value=\"100\"\n                                    >\n\n                                    <span>\n\n                                        80x80\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =================================================\n                     BRAND\n                ================================================== -->\n\n                <div class=\"kmj-filter-group-v2\">\n\n                    <div class=\"kmj-filter-heading-v2\">\n                        BRAND\n                    <\/div>\n\n                    \n                        <div\n                            class=\"\n                                kmj-filter-options-v2\n                                kmj-brand-options-v2\n                            \"\n                            id=\"kmj-brand-options-v2\"\n                        >\n\n                            \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                                                            \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"102\"\n                                    >\n\n                                    <span>\n\n                                        3J\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                                                            \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"97\"\n                                    >\n\n                                    <span>\n\n                                        American standard\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                                                            \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"68\"\n                                    >\n\n                                    <span>\n\n                                        Arisa\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                                                            \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"71\"\n                                    >\n\n                                    <span>\n\n                                        Ariston\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                                                            \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"51\"\n                                    >\n\n                                    <span>\n\n                                        Asia Tile\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                                                            \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"95\"\n                                    >\n\n                                    <span>\n\n                                        Asian\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                                                            \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"96\"\n                                    >\n\n                                    <span>\n\n                                        Avian\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"62\"\n                                    >\n\n                                    <span>\n\n                                        Bosch\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"58\"\n                                    >\n\n                                    <span>\n\n                                        Concord\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"77\"\n                                    >\n\n                                    <span>\n\n                                        Danko\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"53\"\n                                    >\n\n                                    <span>\n\n                                        Diamond\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"89\"\n                                    >\n\n                                    <span>\n\n                                        FUJIYAMA\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"78\"\n                                    >\n\n                                    <span>\n\n                                        Gritania\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"67\"\n                                    >\n\n                                    <span>\n\n                                        Haruko\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"79\"\n                                    >\n\n                                    <span>\n\n                                        Hemmen\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"94\"\n                                    >\n\n                                    <span>\n\n                                        Ina\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"93\"\n                                    >\n\n                                    <span>\n\n                                        Indaco\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"59\"\n                                    >\n\n                                    <span>\n\n                                        Infinity\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"75\"\n                                    >\n\n                                    <span>\n\n                                        Inlite\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"56\"\n                                    >\n\n                                    <span>\n\n                                        Kia\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"54\"\n                                    >\n\n                                    <span>\n\n                                        Kobin\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"82\"\n                                    >\n\n                                    <span>\n\n                                        Lucky\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"73\"\n                                    >\n\n                                    <span>\n\n                                        Lumina\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"61\"\n                                    >\n\n                                    <span>\n\n                                        Makita\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"50\"\n                                    >\n\n                                    <span>\n\n                                        Mass Luxio\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"74\"\n                                    >\n\n                                    <span>\n\n                                        Meet\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"63\"\n                                    >\n\n                                    <span>\n\n                                        Modern\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"66\"\n                                    >\n\n                                    <span>\n\n                                        Morgan\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"83\"\n                                    >\n\n                                    <span>\n\n                                        Mpoint\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"70\"\n                                    >\n\n                                    <span>\n\n                                        Niko\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"57\"\n                                    >\n\n                                    <span>\n\n                                        Niro\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"80\"\n                                    >\n\n                                    <span>\n\n                                        Onda\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"76\"\n                                    >\n\n                                    <span>\n\n                                        Philips\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"81\"\n                                    >\n\n                                    <span>\n\n                                        Pinguin\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"52\"\n                                    >\n\n                                    <span>\n\n                                        Platinum\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"72\"\n                                    >\n\n                                    <span>\n\n                                        Polaris\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"69\"\n                                    >\n\n                                    <span>\n\n                                        Rinai\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"45\"\n                                    >\n\n                                    <span>\n\n                                        Roman\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"91\"\n                                    >\n\n                                    <span>\n\n                                        ROYAL\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"60\"\n                                    >\n\n                                    <span>\n\n                                        Ryu\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"65\"\n                                    >\n\n                                    <span>\n\n                                        Shimizu\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"92\"\n                                    >\n\n                                    <span>\n\n                                        TOTO\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"90\"\n                                    >\n\n                                    <span>\n\n                                        UNIKEY\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"55\"\n                                    >\n\n                                    <span>\n\n                                        Uno\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                                <label\n                                    class=\"\n                                        kmj-filter-option-v2\n                                        kmj-brand-option-v2\n                                        kmj-brand-hidden-v2                                    \"\n                                >\n\n                                    <input\n                                        type=\"checkbox\"\n                                        class=\"kmj-brand-filter-v2\"\n                                        value=\"64\"\n                                    >\n\n                                    <span>\n\n                                        Wasser\n                                    <\/span>\n\n                                <\/label>\n\n                                \n                        <\/div>\n\n                        \n                            <button\n                                type=\"button\"\n                                id=\"kmj-brand-toggle-v2\"\n                            >\n                                TAMPILKAN SEMUA\n                            <\/button>\n\n                            \n                <\/div>\n\n\n                <!-- =================================================\n                     RESET FILTER\n                ================================================== -->\n\n                <button\n                    type=\"button\"\n                    id=\"kmj-reset-filter-v2\"\n                >\n                    RESET FILTER\n                <\/button>\n\n\n            <\/aside>\n\n\n            <!-- =================================================\n                 AREA PRODUK\n            ================================================== -->\n\n            <main id=\"kmj-produk-area-v2\">\n\n\n                <!-- SEARCH PRODUK -->\n\n                <div\n                    class=\"kmj-product-search-v2\"\n                >\n\n                    <input\n                        type=\"search\"\n                        id=\"kmj-product-search-v2\"\n                        placeholder=\"Cari nama produk...\"\n                        autocomplete=\"off\"\n                    >\n\n                    <button\n                        type=\"button\"\n                        id=\"kmj-product-search-clear-v2\"\n                        aria-label=\"Hapus pencarian\"\n                    >\n                        \u00d7\n                    <\/button>\n\n                <\/div>\n\n\n                <!-- LOADING -->\n\n                <div\n                    id=\"kmj-produk-loading-v2\"\n                >\n                    Memuat produk...\n                <\/div>\n\n\n                <!-- PRODUCT GRID -->\n\n                <div\n                    id=\"kmj-produk-grid-v2\"\n                ><\/div>\n\n\n                <!-- PAGINATION -->\n\n                <div\n                    id=\"kmj-pagination-v2\"\n                ><\/div>\n\n\n            <\/main>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CSS\n    ====================================================== -->\n\n    <style>\n\n\n    \/* CONTAINER *\/\n\n    #kmj-katalog-v2 {\n\n        width: 100%;\n        max-width: 100%;\n        box-sizing: border-box;\n\n    }\n\n\n    \/* LAYOUT *\/\n\n    .kmj-katalog-layout-v2 {\n\n        display: grid;\n\n        grid-template-columns:\n            250px\n            minmax(0, 1fr);\n\n        gap: 30px;\n\n        align-items: start;\n\n    }\n\n\n    \/* SIDEBAR *\/\n\n    #kmj-filter-sidebar-v2 {\n\n        background: #fff;\n\n        border: 1px solid #e5e5e5;\n\n        padding: 20px;\n\n        box-sizing: border-box;\n\n        position: sticky;\n\n        top: 100px;\n\n        z-index: 20;\n\n    }\n\n\n    \/* MOBILE HEADER *\/\n\n    .kmj-filter-mobile-header-v2 {\n\n        display: none;\n\n    }\n\n\n    \/* GROUP *\/\n\n    .kmj-filter-group-v2 {\n\n        margin-bottom: 25px;\n\n    }\n\n\n    \/* HEADING *\/\n\n    .kmj-filter-heading-v2 {\n\n        font-size: 15px;\n\n        font-weight: 700;\n\n        margin-bottom: 14px;\n\n        padding-bottom: 10px;\n\n        border-bottom: 1px solid #ddd;\n\n    }\n\n\n    \/* OPTIONS *\/\n\n    .kmj-filter-options-v2 {\n\n        display: flex;\n\n        flex-direction: column;\n\n        gap: 9px;\n\n    }\n\n\n    \/* OPTION *\/\n\n    .kmj-filter-option-v2 {\n\n        display: flex;\n\n        align-items: center;\n\n        gap: 9px;\n\n        cursor: pointer;\n\n        font-size: 14px;\n\n        line-height: 1.4;\n\n    }\n\n\n    .kmj-filter-option-v2 input {\n\n        width: 16px;\n\n        height: 16px;\n\n        min-width: 16px;\n\n        margin: 0;\n\n        padding: 0;\n\n        cursor: pointer;\n\n        appearance: auto;\n\n    }\n\n\n    .kmj-filter-option-v2 span {\n\n        cursor: pointer;\n\n    }\n\n\n    \/* EMPTY *\/\n\n    .kmj-filter-empty-v2 {\n\n        font-size: 13px;\n\n        color: #777;\n\n    }\n\n\n    \/* =====================================================\n       BRAND\n    ====================================================== *\/\n\n    .kmj-brand-option-v2.kmj-brand-hidden-v2 {\n\n        display: none;\n\n    }\n\n\n    #kmj-brand-toggle-v2 {\n\n        width: 100%;\n\n        margin-top: 12px;\n\n        padding: 9px 12px;\n\n        border: 1px solid #ddd;\n\n        background: #f8f8f8;\n\n        color: #222;\n\n        cursor: pointer;\n\n        font-size: 12px;\n\n        font-weight: 600;\n\n        text-align: center;\n\n    }\n\n\n    #kmj-brand-toggle-v2:hover {\n\n        background: #222;\n\n        color: #fff;\n\n        border-color: #222;\n\n    }\n\n\n    \/* =====================================================\n       RESET FILTER\n    ====================================================== *\/\n\n    #kmj-reset-filter-v2 {\n\n        width: 100%;\n\n        padding: 11px 15px;\n\n        border: 1px solid #222;\n\n        background: #fff;\n\n        color: #222;\n\n        cursor: pointer;\n\n        font-size: 13px;\n\n        font-weight: 600;\n\n        transition: all .2s ease;\n\n    }\n\n\n    #kmj-reset-filter-v2:hover {\n\n        background: #222;\n\n        color: #fff;\n\n    }\n\n\n    \/* =====================================================\n       SEARCH\n    ====================================================== *\/\n\n    .kmj-product-search-v2 {\n\n        position: relative;\n\n        width: 100%;\n\n        margin-bottom: 22px;\n\n    }\n\n\n    #kmj-product-search-v2 {\n\n        width: 100%;\n\n        height: 46px;\n\n        box-sizing: border-box;\n\n        padding: 0 45px 0 15px;\n\n        border: 1px solid #ddd;\n\n        background: #fff;\n\n        color: #222;\n\n        font-size: 14px;\n\n        outline: none;\n\n        transition:\n            border-color .2s ease,\n            box-shadow .2s ease;\n\n    }\n\n\n    #kmj-product-search-v2:focus {\n\n        border-color: #222;\n\n        box-shadow:\n            0 0 0 2px\n            rgba(0,0,0,.05);\n\n    }\n\n\n    #kmj-product-search-v2::placeholder {\n\n        color: #999;\n\n    }\n\n\n    #kmj-product-search-clear-v2 {\n\n        position: absolute;\n\n        right: 8px;\n\n        top: 50%;\n\n        transform: translateY(-50%);\n\n        width: 32px;\n\n        height: 32px;\n\n        border: 0;\n\n        background: transparent;\n\n        color: #777;\n\n        font-size: 22px;\n\n        line-height: 1;\n\n        cursor: pointer;\n\n        display: none;\n\n    }\n\n\n    #kmj-product-search-clear-v2:hover {\n\n        color: #222;\n\n    }\n\n\n    \/* =====================================================\n       PRODUCT GRID\n    ====================================================== *\/\n\n    #kmj-produk-grid-v2 {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(\n                4,\n                minmax(0, 1fr)\n            );\n\n        gap: 22px;\n\n    }\n\n\n    \/* PRODUCT CARD *\/\n\n    .kmj-product-card-v2 {\n\n        background: #fff;\n\n        border: 1px solid #e5e5e5;\n\n        overflow: hidden;\n\n        transition: all .2s ease;\n\n    }\n\n\n    .kmj-product-card-v2:hover {\n\n        transform: translateY(-3px);\n\n        box-shadow:\n            0 5px 20px\n            rgba(0,0,0,.08);\n\n    }\n\n\n    \/* PRODUCT IMAGE *\/\n\n    .kmj-product-image-v2 {\n\n        width: 100%;\n\n        aspect-ratio: 1 \/ 1;\n\n        overflow: hidden;\n\n        background: #f7f7f7;\n\n    }\n\n\n    .kmj-product-image-v2 a {\n\n        display: block;\n\n        width: 100%;\n\n        height: 100%;\n\n        text-decoration: none !important;\n\n    }\n\n\n    .kmj-product-image-v2 img {\n\n        display: block;\n\n        width: 100%;\n\n        height: 100%;\n\n        object-fit: cover;\n\n    }\n\n\n    \/* PRODUCT INFO *\/\n\n    .kmj-product-info-v2 {\n\n        padding: 15px;\n\n    }\n\n\n    \/* PRODUCT TITLE *\/\n\n    .kmj-product-title-v2 {\n\n        font-size: 15px;\n\n        line-height: 1.4;\n\n        font-weight: 600;\n\n        margin: 0 0 14px;\n\n        min-height: 42px;\n\n    }\n\n\n    #kmj-katalog-v2\n    .kmj-product-title-v2 a,\n    #kmj-katalog-v2\n    .kmj-product-title-v2 a:hover,\n    #kmj-katalog-v2\n    .kmj-product-title-v2 a:focus,\n    #kmj-katalog-v2\n    .kmj-product-title-v2 a:visited {\n\n        color: #222 !important;\n\n        text-decoration: none !important;\n\n        border: 0 !important;\n\n        border-bottom: 0 !important;\n\n        box-shadow: none !important;\n\n    }\n\n\n    \/* VIEW DETAIL *\/\n\n    .kmj-product-button-v2 {\n\n        display: block;\n\n        width: 100%;\n\n        box-sizing: border-box;\n\n        padding: 10px 14px;\n\n        border: 1px solid #222;\n\n        background: #fff;\n\n        color: #222;\n\n        text-align: center;\n\n        text-decoration: none !important;\n\n        font-size: 12px;\n\n        font-weight: 600;\n\n        transition: all .2s ease;\n\n    }\n\n\n    .kmj-product-button-v2:hover {\n\n        background: #222;\n\n        color: #fff;\n\n    }\n\n\n    \/* LOADING *\/\n\n    #kmj-produk-loading-v2 {\n\n        display: none;\n\n        width: 100%;\n\n        box-sizing: border-box;\n\n        padding: 50px 20px;\n\n        text-align: center;\n\n        color: #777;\n\n        font-size: 14px;\n\n    }\n\n\n    #kmj-produk-loading-v2.active {\n\n        display: block;\n\n    }\n\n\n    \/* EMPTY *\/\n\n    .kmj-produk-empty-v2 {\n\n        grid-column: 1 \/ -1;\n\n        padding: 60px 20px;\n\n        text-align: center;\n\n        border: 1px solid #eee;\n\n        color: #777;\n\n        font-size: 14px;\n\n    }\n\n\n    \/* PAGINATION *\/\n\n    #kmj-pagination-v2 {\n\n        display: flex;\n\n        justify-content: center;\n\n        align-items: center;\n\n        gap: 7px;\n\n        margin-top: 30px;\n\n        flex-wrap: wrap;\n\n    }\n\n\n    .kmj-page-button-v2 {\n\n        min-width: 38px;\n\n        height: 38px;\n\n        padding: 0 10px;\n\n        border: 1px solid #ddd;\n\n        background: #fff;\n\n        color: #222;\n\n        cursor: pointer;\n\n        font-size: 14px;\n\n    }\n\n\n    .kmj-page-button-v2:hover {\n\n        background: #222;\n\n        color: #fff;\n\n    }\n\n\n    .kmj-page-button-v2.active {\n\n        background: #222;\n\n        color: #fff;\n\n        border-color: #222;\n\n    }\n\n\n    \/* MOBILE BUTTON *\/\n\n    #kmj-buka-filter-v2 {\n\n        display: none;\n\n    }\n\n\n    #kmj-filter-overlay-v2 {\n\n        display: none;\n\n    }\n\n\n    \/* =====================================================\n       TABLET \/ MOBILE\n    ====================================================== *\/\n\n    @media (max-width: 900px) {\n\n\n        .kmj-katalog-layout-v2 {\n\n            display: block;\n\n        }\n\n\n        #kmj-buka-filter-v2 {\n\n            display: block;\n\n            width: 100%;\n\n            padding: 13px 15px;\n\n            margin-bottom: 20px;\n\n            border: 1px solid #222;\n\n            background: #222;\n\n            color: #fff;\n\n            font-size: 14px;\n\n            font-weight: 600;\n\n            cursor: pointer;\n\n        }\n\n\n        #kmj-filter-sidebar-v2 {\n\n            position: fixed;\n\n            top: 0;\n\n            left: -330px;\n\n            width: 310px;\n\n            max-width: 85vw;\n\n            height: 100vh;\n\n            overflow-y: auto;\n\n            padding: 20px;\n\n            background: #fff;\n\n            z-index: 999999;\n\n            transition: left .3s ease;\n\n        }\n\n\n        #kmj-filter-sidebar-v2.kmj-filter-open-v2 {\n\n            left: 0;\n\n        }\n\n\n        .kmj-filter-mobile-header-v2 {\n\n            display: flex;\n\n            justify-content: space-between;\n\n            align-items: center;\n\n            margin:\n                -20px\n                -20px\n                20px;\n\n            padding:\n                15px\n                20px;\n\n            border-bottom:\n                1px solid #ddd;\n\n            font-weight: 700;\n\n        }\n\n\n        #kmj-tutup-filter-v2 {\n\n            border: 0;\n\n            background: transparent;\n\n            font-size: 28px;\n\n            line-height: 1;\n\n            cursor: pointer;\n\n        }\n\n\n        #kmj-filter-overlay-v2.kmj-overlay-open-v2 {\n\n            display: block;\n\n            position: fixed;\n\n            inset: 0;\n\n            background:\n                rgba(0,0,0,.45);\n\n            z-index: 999998;\n\n        }\n\n\n        #kmj-produk-grid-v2 {\n\n            grid-template-columns:\n                repeat(\n                    2,\n                    minmax(0, 1fr)\n                );\n\n            gap: 15px;\n\n        }\n\n\n        .kmj-product-info-v2 {\n\n            padding: 12px;\n\n        }\n\n\n        .kmj-product-title-v2 {\n\n            font-size: 14px;\n\n        }\n\n    }\n\n\n    \/* SMALL MOBILE *\/\n\n    @media (max-width: 480px) {\n\n\n        #kmj-produk-grid-v2 {\n\n            gap: 10px;\n\n        }\n\n\n        .kmj-product-info-v2 {\n\n            padding: 10px;\n\n        }\n\n\n        .kmj-product-title-v2 {\n\n            font-size: 13px;\n\n            min-height: 36px;\n\n        }\n\n\n        .kmj-product-button-v2 {\n\n            font-size: 11px;\n\n            padding: 9px 8px;\n\n        }\n\n\n        #kmj-product-search-v2 {\n\n            height: 43px;\n\n            font-size: 13px;\n\n        }\n\n    }\n\n    <\/style>\n\n\n    <!-- =====================================================\n         JAVASCRIPT\n    ====================================================== -->\n\n    <script>\n\n    (function() {\n\n\n        function kmjStartFilterV2() {\n\n\n            const root =\n                document.getElementById(\n                    'kmj-katalog-v2'\n                );\n\n\n            if (!root) {\n\n                return;\n\n            }\n\n\n            \/* ELEMENT *\/\n\n            const grid =\n                root.querySelector(\n                    '#kmj-produk-grid-v2'\n                );\n\n\n            const loading =\n                root.querySelector(\n                    '#kmj-produk-loading-v2'\n                );\n\n\n            const pagination =\n                root.querySelector(\n                    '#kmj-pagination-v2'\n                );\n\n\n            const sidebar =\n                root.querySelector(\n                    '#kmj-filter-sidebar-v2'\n                );\n\n\n            const overlay =\n                root.querySelector(\n                    '#kmj-filter-overlay-v2'\n                );\n\n\n            const openButton =\n                root.querySelector(\n                    '#kmj-buka-filter-v2'\n                );\n\n\n            const closeButton =\n                root.querySelector(\n                    '#kmj-tutup-filter-v2'\n                );\n\n\n            const resetButton =\n                root.querySelector(\n                    '#kmj-reset-filter-v2'\n                );\n\n\n            const searchInput =\n                root.querySelector(\n                    '#kmj-product-search-v2'\n                );\n\n\n            const searchClear =\n                root.querySelector(\n                    '#kmj-product-search-clear-v2'\n                );\n\n\n            const brandToggle =\n                root.querySelector(\n                    '#kmj-brand-toggle-v2'\n                );\n\n\n            const brandOptions =\n                root.querySelectorAll(\n                    '.kmj-brand-option-v2'\n                );\n\n\n            \/* AJAX URL *\/\n\n            const ajaxURL =\n                'https:\/\/bumdeskamajaya.my\/wp-admin\/admin-ajax.php';\n\n\n            \/* NONCE *\/\n\n            const nonce =\n                'e1830023f1';\n\n\n            \/* BRAND STATE *\/\n\n            let brandExpanded = false;\n\n\n            \/*\n            =================================================\n            UPDATE BRAND\n            =================================================\n            *\/\n\n            function updateBrands() {\n\n\n                brandOptions.forEach(\n                    function(\n                        option,\n                        index\n                    ) {\n\n\n                        if (\n                            !brandExpanded &&\n                            index >= 7\n                        ) {\n\n                            option.classList.add(\n                                'kmj-brand-hidden-v2'\n                            );\n\n                        } else {\n\n                            option.classList.remove(\n                                'kmj-brand-hidden-v2'\n                            );\n\n                        }\n\n                    }\n                );\n\n\n                if (brandToggle) {\n\n                    brandToggle.textContent =\n                        brandExpanded\n                        ? 'SEMBUNYIKAN'\n                        : 'TAMPILKAN SEMUA';\n\n                }\n\n            }\n\n\n            if (brandToggle) {\n\n\n                brandToggle.addEventListener(\n                    'click',\n                    function() {\n\n\n                        brandExpanded =\n                            !brandExpanded;\n\n\n                        updateBrands();\n\n                    }\n                );\n\n            }\n\n\n            updateBrands();\n\n\n            \/*\n            =================================================\n            LOAD PRODUCTS\n            =================================================\n            *\/\n\n            function loadProducts(page) {\n\n\n                if (!page) {\n\n                    page = 1;\n\n                }\n\n\n                loading.classList.add(\n                    'active'\n                );\n\n\n                grid.innerHTML =\n                    '';\n\n                pagination.innerHTML =\n                    '';\n\n\n                \/* CATEGORY *\/\n\n                const categories = [];\n\n\n                root.querySelectorAll(\n                    '.kmj-category-filter-v2:checked'\n                )\n                .forEach(\n                    function(input) {\n\n                        categories.push(\n                            input.value\n                        );\n\n                    }\n                );\n\n\n                \/* TAG \/ UKURAN *\/\n\n                const tags = [];\n\n\n                root.querySelectorAll(\n                    '.kmj-tag-filter-v2:checked'\n                )\n                .forEach(\n                    function(input) {\n\n                        tags.push(\n                            input.value\n                        );\n\n                    }\n                );\n\n\n                \/* BRAND *\/\n\n                const brands = [];\n\n\n                root.querySelectorAll(\n                    '.kmj-brand-filter-v2:checked'\n                )\n                .forEach(\n                    function(input) {\n\n                        brands.push(\n                            input.value\n                        );\n\n                    }\n                );\n\n\n                \/* SEARCH *\/\n\n                const search =\n                    searchInput\n                    ? searchInput.value.trim()\n                    : '';\n\n\n                \/* FORMDATA *\/\n\n                const formData =\n                    new FormData();\n\n\n                formData.append(\n                    'action',\n                    'kmj_ajax_filter_produk_v2'\n                );\n\n\n                formData.append(\n                    'nonce',\n                    nonce\n                );\n\n\n                formData.append(\n                    'categories',\n                    JSON.stringify(\n                        categories\n                    )\n                );\n\n\n                formData.append(\n                    'tags',\n                    JSON.stringify(\n                        tags\n                    )\n                );\n\n\n                formData.append(\n                    'brands',\n                    JSON.stringify(\n                        brands\n                    )\n                );\n\n\n                formData.append(\n                    'search',\n                    search\n                );\n\n\n                formData.append(\n                    'page',\n                    page\n                );\n\n\n                \/* FETCH *\/\n\n                fetch(\n                    ajaxURL,\n                    {\n\n                        method:\n                            'POST',\n\n                        body:\n                            formData,\n\n                        credentials:\n                            'same-origin'\n\n                    }\n                )\n\n                .then(\n                    function(response) {\n\n                        return response.json();\n\n                    }\n                )\n\n                .then(\n                    function(data) {\n\n\n                        loading.classList.remove(\n                            'active'\n                        );\n\n\n                        if (\n                            !data.success\n                        ) {\n\n\n                            grid.innerHTML =\n                                '<div class=\"kmj-produk-empty-v2\">' +\n                                'Terjadi kesalahan saat memuat produk.' +\n                                '<\/div>';\n\n\n                            return;\n\n                        }\n\n\n                        grid.innerHTML =\n                            data.data.html;\n\n\n                        createPagination(\n                            data.data.pages,\n                            data.data.current\n                        );\n\n\n                    }\n                )\n\n                .catch(\n                    function(error) {\n\n\n                        loading.classList.remove(\n                            'active'\n                        );\n\n\n                        grid.innerHTML =\n                            '<div class=\"kmj-produk-empty-v2\">' +\n                            'Gagal memuat produk. Silakan coba lagi.' +\n                            '<\/div>';\n\n\n                        console.error(\n                            'KMJ FILTER:',\n                            error\n                        );\n\n\n                    }\n                );\n\n\n            }\n\n\n            \/*\n            =================================================\n            SEARCH\n            =================================================\n            *\/\n\n            let searchTimer;\n\n\n            if (searchInput) {\n\n\n                searchInput.addEventListener(\n                    'input',\n                    function() {\n\n\n                        if (searchClear) {\n\n                            searchClear.style.display =\n                                searchInput.value\n                                ? 'block'\n                                : 'none';\n\n                        }\n\n\n                        clearTimeout(\n                            searchTimer\n                        );\n\n\n                        searchTimer =\n                            setTimeout(\n                                function() {\n\n                                    loadProducts(\n                                        1\n                                    );\n\n                                },\n                                400\n                            );\n\n\n                    }\n                );\n\n            }\n\n\n            \/*\n            =================================================\n            CLEAR SEARCH\n            =================================================\n            *\/\n\n            if (searchClear) {\n\n\n                searchClear.addEventListener(\n                    'click',\n                    function() {\n\n\n                        if (searchInput) {\n\n                            searchInput.value =\n                                '';\n\n                        }\n\n\n                        searchClear.style.display =\n                            'none';\n\n\n                        loadProducts(\n                            1\n                        );\n\n\n                        if (searchInput) {\n\n                            searchInput.focus();\n\n                        }\n\n                    }\n                );\n\n            }\n\n\n            \/*\n            =================================================\n            FILTER CHANGE\n            =================================================\n            *\/\n\n            root.querySelectorAll(\n                '.kmj-category-filter-v2,' +\n                '.kmj-tag-filter-v2,' +\n                '.kmj-brand-filter-v2'\n            )\n            .forEach(\n                function(input) {\n\n\n                    input.addEventListener(\n                        'change',\n                        function() {\n\n                            loadProducts(\n                                1\n                            );\n\n                        }\n                    );\n\n\n                }\n            );\n\n\n            \/*\n            =================================================\n            RESET FILTER\n            =================================================\n            *\/\n\n            if (resetButton) {\n\n\n                resetButton.addEventListener(\n                    'click',\n                    function() {\n\n\n                        \/*\n                        RESET SEMUA CHECKBOX\n                        *\/\n\n                        root.querySelectorAll(\n                            'input[type=\"checkbox\"]'\n                        )\n                        .forEach(\n                            function(input) {\n\n                                input.checked =\n                                    false;\n\n                            }\n                        );\n\n\n                        \/*\n                        RESET SEARCH\n                        *\/\n\n                        if (searchInput) {\n\n                            searchInput.value =\n                                '';\n\n                        }\n\n\n                        if (searchClear) {\n\n                            searchClear.style.display =\n                                'none';\n\n                        }\n\n\n                        \/*\n                        RESET BRAND\n                        *\/\n\n                        brandExpanded =\n                            false;\n\n\n                        updateBrands();\n\n\n                        \/*\n                        LOAD PRODUK AWAL\n                        *\/\n\n                        loadProducts(\n                            1\n                        );\n\n\n                    }\n                );\n\n\n            }\n\n\n            \/*\n            =================================================\n            PAGINATION\n            =================================================\n            *\/\n\n            function createPagination(\n                totalPages,\n                currentPage\n            ) {\n\n\n                pagination.innerHTML =\n                    '';\n\n\n                if (\n                    totalPages <= 1\n                ) {\n\n                    return;\n\n                }\n\n\n                \/* PREVIOUS *\/\n\n                if (\n                    currentPage > 1\n                ) {\n\n\n                    const previous =\n                        document.createElement(\n                            'button'\n                        );\n\n\n                    previous.type =\n                        'button';\n\n\n                    previous.className =\n                        'kmj-page-button-v2';\n\n\n                    previous.textContent =\n                        '\u2039';\n\n\n                    previous.addEventListener(\n                        'click',\n                        function() {\n\n                            loadProducts(\n                                currentPage - 1\n                            );\n\n                        }\n                    );\n\n\n                    pagination.appendChild(\n                        previous\n                    );\n\n                }\n\n\n                \/* NOMOR HALAMAN *\/\n\n                for (\n                    let i = 1;\n                    i <= totalPages;\n                    i++\n                ) {\n\n\n                    const button =\n                        document.createElement(\n                            'button'\n                        );\n\n\n                    button.type =\n                        'button';\n\n\n                    button.className =\n                        'kmj-page-button-v2';\n\n\n                    button.textContent =\n                        i;\n\n\n                    if (\n                        i === currentPage\n                    ) {\n\n                        button.classList.add(\n                            'active'\n                        );\n\n                    }\n\n\n                    button.addEventListener(\n                        'click',\n                        function() {\n\n\n                            loadProducts(\n                                i\n                            );\n\n\n                            window.scrollTo({\n\n                                top:\n                                    root.offsetTop -\n                                    100,\n\n                                behavior:\n                                    'smooth'\n\n                            });\n\n\n                        }\n                    );\n\n\n                    pagination.appendChild(\n                        button\n                    );\n\n                }\n\n\n                \/* NEXT *\/\n\n                if (\n                    currentPage <\n                    totalPages\n                ) {\n\n\n                    const next =\n                        document.createElement(\n                            'button'\n                        );\n\n\n                    next.type =\n                        'button';\n\n\n                    next.className =\n                        'kmj-page-button-v2';\n\n\n                    next.textContent =\n                        '\u203a';\n\n\n                    next.addEventListener(\n                        'click',\n                        function() {\n\n\n                            loadProducts(\n                                currentPage + 1\n                            );\n\n\n                        }\n                    );\n\n\n                    pagination.appendChild(\n                        next\n                    );\n\n                }\n\n            }\n\n\n            \/*\n            =================================================\n            MOBILE OPEN\n            =================================================\n            *\/\n\n            if (openButton) {\n\n\n                openButton.addEventListener(\n                    'click',\n                    function() {\n\n\n                        sidebar.classList.add(\n                            'kmj-filter-open-v2'\n                        );\n\n\n                        overlay.classList.add(\n                            'kmj-overlay-open-v2'\n                        );\n\n\n                        document.body.style.overflow =\n                            'hidden';\n\n\n                    }\n                );\n\n\n            }\n\n\n            \/*\n            =================================================\n            MOBILE CLOSE\n            =================================================\n            *\/\n\n            function closeFilter() {\n\n\n                sidebar.classList.remove(\n                    'kmj-filter-open-v2'\n                );\n\n\n                overlay.classList.remove(\n                    'kmj-overlay-open-v2'\n                );\n\n\n                document.body.style.overflow =\n                    '';\n\n            }\n\n\n            if (closeButton) {\n\n\n                closeButton.addEventListener(\n                    'click',\n                    closeFilter\n                );\n\n\n            }\n\n\n            if (overlay) {\n\n\n                overlay.addEventListener(\n                    'click',\n                    closeFilter\n                );\n\n\n            }\n\n\n            \/*\n            =================================================\n            LOAD AWAL\n            =================================================\n            *\/\n\n            loadProducts(\n                1\n            );\n\n\n        }\n\n\n        \/*\n        ====================================================\n        START\n        ====================================================\n        *\/\n\n        if (\n            document.readyState ===\n            'loading'\n        ) {\n\n\n            document.addEventListener(\n                'DOMContentLoaded',\n                kmjStartFilterV2\n            );\n\n\n        } else {\n\n\n            kmjStartFilterV2();\n\n\n        }\n\n\n    })();\n\n    <\/script>\n\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-431","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/pages\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=431"}],"version-history":[{"count":16,"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/pages\/431\/revisions"}],"predecessor-version":[{"id":765,"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/pages\/431\/revisions\/765"}],"wp:attachment":[{"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}