{"id":383,"date":"2026-09-15T09:43:12","date_gmt":"2026-09-15T02:43:12","guid":{"rendered":"https:\/\/bumdeskamajaya.my\/?page_id=383"},"modified":"2026-09-22T15:53:49","modified_gmt":"2026-09-22T08:53:49","slug":"home2","status":"publish","type":"page","link":"https:\/\/bumdeskamajaya.my\/","title":{"rendered":"home2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"383\" class=\"elementor elementor-383\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fee5e5 e-flex e-con-boxed e-con e-parent\" data-id=\"9fee5e5\" 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-ad49ade elementor-widget elementor-widget-spacer\" data-id=\"ad49ade\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/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<div class=\"elementor-element elementor-element-937939c e-flex e-con-boxed e-con e-parent\" data-id=\"937939c\" 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-35fceb2 elementor-widget elementor-widget-owl-carousel-elementor\" data-id=\"35fceb2\" data-element_type=\"widget\" data-widget_type=\"owl-carousel-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class='js-owce-carousel-container owce-carousel-container  owce-carousel-no-nav-tablet owce-carousel-no-nav-mobile owce-carousel-35fceb2'><div id=\"owce-carousel-35fceb2\" class=\"owl-carousel owl-theme js-owce-carousel owce-carousel owce-carousel-image owce-carousel-image-one\" data-options=\"{&quot;field_prefix&quot;:&quot;carousel_&quot;,&quot;layout&quot;:&quot;image&quot;,&quot;rtl&quot;:false,&quot;items_count&quot;:1,&quot;items_count_tablet&quot;:1,&quot;items_count_mobile&quot;:null,&quot;items_slideby&quot;:1,&quot;items_slideby_tablet&quot;:null,&quot;items_slideby_mobile&quot;:null,&quot;margin&quot;:10,&quot;margin_tablet&quot;:0,&quot;margin_mobile&quot;:0,&quot;nav&quot;:&quot;yes&quot;,&quot;nav_tablet&quot;:null,&quot;nav_mobile&quot;:null,&quot;dots&quot;:&quot;&quot;,&quot;dots_tablet&quot;:null,&quot;dots_mobile&quot;:null,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_timeout&quot;:1000,&quot;autoplay_hover_pause&quot;:&quot;yes&quot;,&quot;animate_in&quot;:&quot;&quot;,&quot;animate_out&quot;:&quot;&quot;,&quot;rewind&quot;:&quot;&quot;,&quot;loop&quot;:&quot;&quot;,&quot;loop_tablet&quot;:null,&quot;loop_mobile&quot;:null,&quot;smart_speed&quot;:500,&quot;lazyLoad&quot;:&quot;&quot;,&quot;auto_height&quot;:&quot;&quot;,&quot;mouse_drag&quot;:&quot;yes&quot;,&quot;touch_drag&quot;:&quot;yes&quot;}\">\t\t\t\t\t\t<div class=\"item carousel-item-91755ee elementor-animation-float\">\n\t\t\t\t<div class=\"owl-thumb\">\n    <img fetchpriority=\"high\" decoding=\"async\" width=\"1370\" height=\"768\" src=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_yg6bxwyg6bxwyg6b-1370x768.jpg\" class=\"attachment-hello-shoppable-1370-790 size-hello-shoppable-1370-790 wp-image-646\" alt=\"\" srcset=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_yg6bxwyg6bxwyg6b-1370x768.jpg 1370w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_yg6bxwyg6bxwyg6b-300x167.jpg 300w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_yg6bxwyg6bxwyg6b-600x335.jpg 600w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_yg6bxwyg6bxwyg6b-253x141.jpg 253w\" sizes=\"(max-width: 1370px) 100vw, 1370px\" \/><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"item carousel-item-47e9010 elementor-animation-float\">\n\t\t\t\t<div class=\"owl-thumb\">\n    <img decoding=\"async\" width=\"1370\" height=\"768\" src=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_q8xu9pq8xu9pq8xu-1370x768.jpg\" class=\"attachment-hello-shoppable-1370-790 size-hello-shoppable-1370-790 wp-image-647\" alt=\"\" srcset=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_q8xu9pq8xu9pq8xu-1370x768.jpg 1370w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_q8xu9pq8xu9pq8xu-300x167.jpg 300w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_q8xu9pq8xu9pq8xu-600x335.jpg 600w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_q8xu9pq8xu9pq8xu-253x141.jpg 253w\" sizes=\"(max-width: 1370px) 100vw, 1370px\" \/><\/div>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96834c0 e-flex e-con-boxed e-con e-parent\" data-id=\"96834c0\" 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-42aa22a elementor-widget elementor-widget-shortcode\" data-id=\"42aa22a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div\n        id=\"tokoku-shorts-188442\"\n        class=\"tokoku-shorts\"\n    >\n\n        <!-- =============================================\n             HEADER\n             ============================================= -->\n\n        <div class=\"tokoku-shorts-header\">\n\n            <div class=\"tokoku-shorts-title\">\n\n                <div class=\"tokoku-shorts-logo\">\n                    <span class=\"tokoku-shorts-play\">\u25b6<\/span>\n                <\/div>\n\n                <span>Shorts<\/span>\n\n            <\/div>\n\n            <button\n                type=\"button\"\n                class=\"tokoku-shorts-more\"\n                aria-label=\"Menu\"\n            >\n                \u22ee\n            <\/button>\n\n        <\/div>\n\n\n        <!-- =============================================\n             LIST VIDEO\n             ============================================= -->\n\n        <div class=\"tokoku-shorts-wrapper\">\n\n            <button\n                type=\"button\"\n                class=\"tokoku-scroll-left\"\n                aria-label=\"Video sebelumnya\"\n            >\n                \u2039\n            <\/button>\n\n\n            <div class=\"tokoku-shorts-list\">\n\n                \n                    <div\n                        class=\"tokoku-short-card\"\n                        data-index=\"0\"\n                        data-id=\"1234567890123456789\"\n                        data-url=\"https:\/\/www.tiktok.com\/@username\/video\/1234567890123456789\"\n                    >\n\n                        <div class=\"tokoku-short-thumbnail\">\n\n                            <!--\n                                Preview menggunakan TikTok player.\n                                Tidak mengunduh video.\n                            -->\n\n                            <iframe\n                                src=\"https:\/\/www.tiktok.com\/player\/v1\/1234567890123456789?controls=0&description=0&music_info=0&rel=0&loop=1\"\n                                loading=\"lazy\"\n                                allow=\"fullscreen\"\n                                title=\"Video TikTok pertama\"\n                            ><\/iframe>\n\n\n                            <div class=\"tokoku-short-overlay\"><\/div>\n\n\n                            \n                                <div class=\"tokoku-short-label\">\n                                    Baru                                <\/div>\n\n                            \n\n                            <div class=\"tokoku-short-dots\">\n                                \u22ee\n                            <\/div>\n\n\n                            <div class=\"tokoku-short-bottom\">\n\n                                <div class=\"tokoku-short-video-title\">\n\n                                    Video TikTok pertama\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                \n                    <div\n                        class=\"tokoku-short-card\"\n                        data-index=\"1\"\n                        data-id=\"1234567890123456790\"\n                        data-url=\"https:\/\/www.tiktok.com\/@username\/video\/1234567890123456790\"\n                    >\n\n                        <div class=\"tokoku-short-thumbnail\">\n\n                            <!--\n                                Preview menggunakan TikTok player.\n                                Tidak mengunduh video.\n                            -->\n\n                            <iframe\n                                src=\"https:\/\/www.tiktok.com\/player\/v1\/1234567890123456790?controls=0&description=0&music_info=0&rel=0&loop=1\"\n                                loading=\"lazy\"\n                                allow=\"fullscreen\"\n                                title=\"Video TikTok kedua\"\n                            ><\/iframe>\n\n\n                            <div class=\"tokoku-short-overlay\"><\/div>\n\n\n                            \n\n                            <div class=\"tokoku-short-dots\">\n                                \u22ee\n                            <\/div>\n\n\n                            <div class=\"tokoku-short-bottom\">\n\n                                <div class=\"tokoku-short-video-title\">\n\n                                    Video TikTok kedua\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                \n                    <div\n                        class=\"tokoku-short-card\"\n                        data-index=\"2\"\n                        data-id=\"1234567890123456791\"\n                        data-url=\"https:\/\/www.tiktok.com\/@username\/video\/1234567890123456791\"\n                    >\n\n                        <div class=\"tokoku-short-thumbnail\">\n\n                            <!--\n                                Preview menggunakan TikTok player.\n                                Tidak mengunduh video.\n                            -->\n\n                            <iframe\n                                src=\"https:\/\/www.tiktok.com\/player\/v1\/1234567890123456791?controls=0&description=0&music_info=0&rel=0&loop=1\"\n                                loading=\"lazy\"\n                                allow=\"fullscreen\"\n                                title=\"Video TikTok ketiga\"\n                            ><\/iframe>\n\n\n                            <div class=\"tokoku-short-overlay\"><\/div>\n\n\n                            \n\n                            <div class=\"tokoku-short-dots\">\n                                \u22ee\n                            <\/div>\n\n\n                            <div class=\"tokoku-short-bottom\">\n\n                                <div class=\"tokoku-short-video-title\">\n\n                                    Video TikTok ketiga\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                \n                    <div\n                        class=\"tokoku-short-card\"\n                        data-index=\"3\"\n                        data-id=\"1234567890123456792\"\n                        data-url=\"https:\/\/www.tiktok.com\/@username\/video\/1234567890123456792\"\n                    >\n\n                        <div class=\"tokoku-short-thumbnail\">\n\n                            <!--\n                                Preview menggunakan TikTok player.\n                                Tidak mengunduh video.\n                            -->\n\n                            <iframe\n                                src=\"https:\/\/www.tiktok.com\/player\/v1\/1234567890123456792?controls=0&description=0&music_info=0&rel=0&loop=1\"\n                                loading=\"lazy\"\n                                allow=\"fullscreen\"\n                                title=\"Video TikTok keempat\"\n                            ><\/iframe>\n\n\n                            <div class=\"tokoku-short-overlay\"><\/div>\n\n\n                            \n\n                            <div class=\"tokoku-short-dots\">\n                                \u22ee\n                            <\/div>\n\n\n                            <div class=\"tokoku-short-bottom\">\n\n                                <div class=\"tokoku-short-video-title\">\n\n                                    Video TikTok keempat\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                \n                    <div\n                        class=\"tokoku-short-card\"\n                        data-index=\"4\"\n                        data-id=\"1234567890123456793\"\n                        data-url=\"https:\/\/www.tiktok.com\/@username\/video\/1234567890123456793\"\n                    >\n\n                        <div class=\"tokoku-short-thumbnail\">\n\n                            <!--\n                                Preview menggunakan TikTok player.\n                                Tidak mengunduh video.\n                            -->\n\n                            <iframe\n                                src=\"https:\/\/www.tiktok.com\/player\/v1\/1234567890123456793?controls=0&description=0&music_info=0&rel=0&loop=1\"\n                                loading=\"lazy\"\n                                allow=\"fullscreen\"\n                                title=\"Video TikTok kelima\"\n                            ><\/iframe>\n\n\n                            <div class=\"tokoku-short-overlay\"><\/div>\n\n\n                            \n\n                            <div class=\"tokoku-short-dots\">\n                                \u22ee\n                            <\/div>\n\n\n                            <div class=\"tokoku-short-bottom\">\n\n                                <div class=\"tokoku-short-video-title\">\n\n                                    Video TikTok kelima\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                \n                    <div\n                        class=\"tokoku-short-card\"\n                        data-index=\"5\"\n                        data-id=\"1234567890123456794\"\n                        data-url=\"https:\/\/www.tiktok.com\/@username\/video\/1234567890123456794\"\n                    >\n\n                        <div class=\"tokoku-short-thumbnail\">\n\n                            <!--\n                                Preview menggunakan TikTok player.\n                                Tidak mengunduh video.\n                            -->\n\n                            <iframe\n                                src=\"https:\/\/www.tiktok.com\/player\/v1\/1234567890123456794?controls=0&description=0&music_info=0&rel=0&loop=1\"\n                                loading=\"lazy\"\n                                allow=\"fullscreen\"\n                                title=\"Video TikTok keenam\"\n                            ><\/iframe>\n\n\n                            <div class=\"tokoku-short-overlay\"><\/div>\n\n\n                            \n\n                            <div class=\"tokoku-short-dots\">\n                                \u22ee\n                            <\/div>\n\n\n                            <div class=\"tokoku-short-bottom\">\n\n                                <div class=\"tokoku-short-video-title\">\n\n                                    Video TikTok keenam\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                \n            <\/div>\n\n\n            <button\n                type=\"button\"\n                class=\"tokoku-scroll-right\"\n                aria-label=\"Video berikutnya\"\n            >\n                \u203a\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =================================================\n         POPUP\n         ================================================= -->\n\n    <div\n        id=\"tokoku-shorts-188442-popup\"\n        class=\"tokoku-video-popup\"\n    >\n\n        <div class=\"tokoku-popup-background\"><\/div>\n\n\n        <div class=\"tokoku-popup-container\">\n\n\n            <!-- CLOSE -->\n\n            <button\n                type=\"button\"\n                class=\"tokoku-popup-close\"\n                aria-label=\"Tutup\"\n            >\n                \u00d7\n            <\/button>\n\n\n            <!-- PREVIOUS -->\n\n            <button\n                type=\"button\"\n                class=\"tokoku-popup-prev\"\n                aria-label=\"Video sebelumnya\"\n            >\n                \u2039\n            <\/button>\n\n\n            <!-- VIDEO -->\n\n            <div class=\"tokoku-popup-video\">\n\n                <iframe\n                    id=\"tokoku-shorts-188442-iframe\"\n                    src=\"\"\n                    allow=\"autoplay; fullscreen\"\n                    allowfullscreen\n                    title=\"TikTok video\"\n                ><\/iframe>\n\n            <\/div>\n\n\n            <!-- NEXT -->\n\n            <button\n                type=\"button\"\n                class=\"tokoku-popup-next\"\n                aria-label=\"Video berikutnya\"\n            >\n                \u203a\n            <\/button>\n\n\n            <!-- FULLSCREEN -->\n\n            <button\n                type=\"button\"\n                class=\"tokoku-popup-fullscreen\"\n                aria-label=\"Fullscreen\"\n            >\n                \u26f6\n            <\/button>\n\n\n            <!-- INFO -->\n\n            <div class=\"tokoku-popup-info\">\n\n                <div\n                    id=\"tokoku-shorts-188442-popup-title\"\n                    class=\"tokoku-popup-title\"\n                ><\/div>\n\n                <a\n                    id=\"tokoku-shorts-188442-tiktok-link\"\n                    href=\"#\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                >\n                    Buka di TikTok\n                <\/a>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <style>\n\n    \/* =====================================================\n       CONTAINER\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 {\n        width:100%;\n        max-width:1400px;\n        margin:0 auto;\n        font-family:Arial, sans-serif;\n    }\n\n\n    \/* =====================================================\n       HEADER\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-shorts-header {\n\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n\n        margin-bottom:18px;\n\n        padding:0 4px;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-shorts-title {\n\n        display:flex;\n        align-items:center;\n\n        gap:12px;\n\n        font-size:25px;\n        font-weight:700;\n\n        color:#111;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-shorts-logo {\n\n        width:42px;\n        height:42px;\n\n        display:flex;\n        align-items:center;\n        justify-content:center;\n\n        background:#ff0033;\n\n        border-radius:13px;\n\n        transform:rotate(-5deg);\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-shorts-play {\n\n        color:#fff;\n\n        font-size:18px;\n\n        transform:rotate(5deg);\n\n        margin-left:2px;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-shorts-more {\n\n        border:0;\n        background:none;\n\n        font-size:30px;\n\n        line-height:1;\n\n        cursor:pointer;\n\n        color:#111;\n\n        padding:4px 8px;\n    }\n\n\n    \/* =====================================================\n       WRAPPER\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-shorts-wrapper {\n\n        position:relative;\n\n        width:100%;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-shorts-list {\n\n        display:flex;\n\n        gap:20px;\n\n        overflow-x:auto;\n\n        overflow-y:hidden;\n\n        scroll-behavior:smooth;\n\n        scrollbar-width:none;\n\n        padding:0 5px 15px;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-shorts-list::-webkit-scrollbar {\n        display:none;\n    }\n\n\n    \/* =====================================================\n       CARD\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-short-card {\n\n        flex:0 0 250px;\n\n        cursor:pointer;\n\n        user-select:none;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-short-thumbnail {\n\n        position:relative;\n\n        width:100%;\n\n        aspect-ratio:9 \/ 16;\n\n        overflow:hidden;\n\n        border-radius:15px;\n\n        background:#111;\n\n        box-shadow:0 3px 10px rgba(0,0,0,.18);\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-short-thumbnail iframe {\n\n        position:absolute;\n\n        inset:0;\n\n        width:100%;\n\n        height:100%;\n\n        border:0;\n\n        pointer-events:none;\n\n        transform:scale(1.01);\n    }\n\n\n    \/*\n     * Overlay supaya iframe tidak mengambil klik.\n     *\/\n\n    #tokoku-shorts-188442 .tokoku-short-overlay {\n\n        position:absolute;\n\n        inset:0;\n\n        background:linear-gradient(\n            to bottom,\n            rgba(0,0,0,.05) 35%,\n            rgba(0,0,0,.12) 50%,\n            rgba(0,0,0,.72) 100%\n        );\n\n        pointer-events:none;\n    }\n\n\n    \/* =====================================================\n       LABEL BARU\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-short-label {\n\n        position:absolute;\n\n        top:15px;\n        left:15px;\n\n        background:#fff;\n\n        color:#111;\n\n        padding:6px 10px;\n\n        border-radius:7px;\n\n        font-size:14px;\n\n        font-weight:700;\n\n        z-index:5;\n    }\n\n\n    \/* =====================================================\n       THREE DOT\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-short-dots {\n\n        position:absolute;\n\n        top:12px;\n        right:13px;\n\n        color:#fff;\n\n        font-size:28px;\n\n        line-height:1;\n\n        z-index:5;\n\n        text-shadow:0 1px 4px rgba(0,0,0,.7);\n    }\n\n\n    \/* =====================================================\n       TITLE\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-short-bottom {\n\n        position:absolute;\n\n        bottom:0;\n        left:0;\n        right:0;\n\n        padding:50px 15px 15px;\n\n        z-index:5;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-short-video-title {\n\n        color:#fff;\n\n        font-size:17px;\n\n        font-weight:600;\n\n        line-height:1.3;\n\n        display:-webkit-box;\n\n        -webkit-line-clamp:2;\n\n        -webkit-box-orient:vertical;\n\n        overflow:hidden;\n\n        text-shadow:0 2px 5px rgba(0,0,0,.8);\n    }\n\n\n    \/* =====================================================\n       ARROW SCROLL\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-scroll-left,\n    #tokoku-shorts-188442 .tokoku-scroll-right {\n\n        position:absolute;\n\n        top:50%;\n\n        transform:translateY(-50%);\n\n        width:42px;\n        height:42px;\n\n        border:0;\n\n        border-radius:50%;\n\n        background:#fff;\n\n        color:#111;\n\n        box-shadow:0 3px 12px rgba(0,0,0,.25);\n\n        font-size:32px;\n\n        line-height:1;\n\n        z-index:20;\n\n        cursor:pointer;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-scroll-left {\n        left:-18px;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-scroll-right {\n        right:-18px;\n    }\n\n\n    \/* =====================================================\n       HOVER\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-short-card {\n\n        transition:\n            transform .2s ease;\n    }\n\n\n    #tokoku-shorts-188442 .tokoku-short-card:hover {\n\n        transform:translateY(-5px);\n    }\n\n\n    \/* =====================================================\n       POPUP\n       ===================================================== *\/\n\n    #tokoku-shorts-188442-popup {\n\n        position:fixed;\n\n        inset:0;\n\n        z-index:999999;\n\n        display:none;\n\n        align-items:center;\n\n        justify-content:center;\n    }\n\n\n    #tokoku-shorts-188442-popup.active {\n\n        display:flex;\n    }\n\n\n    \/* =====================================================\n       BACKGROUND\n       ===================================================== *\/\n\n    #tokoku-shorts-188442-popup .tokoku-popup-background {\n\n        position:absolute;\n\n        inset:0;\n\n        background:rgba(0,0,0,.88);\n\n        backdrop-filter:blur(8px);\n    }\n\n\n    \/* =====================================================\n       POPUP CONTAINER\n       ===================================================== *\/\n\n    #tokoku-shorts-188442-popup .tokoku-popup-container {\n\n        position:relative;\n\n        width:min(92vw,430px);\n\n        height:min(92vh,760px);\n\n        z-index:2;\n\n        display:flex;\n\n        align-items:center;\n\n        justify-content:center;\n    }\n\n\n    \/* =====================================================\n       VIDEO\n       ===================================================== *\/\n\n    #tokoku-shorts-188442-popup .tokoku-popup-video {\n\n        position:relative;\n\n        width:100%;\n\n        height:100%;\n\n        background:#000;\n\n        border-radius:15px;\n\n        overflow:hidden;\n\n        box-shadow:0 15px 60px rgba(0,0,0,.7);\n    }\n\n\n    #tokoku-shorts-188442-popup iframe {\n\n        width:100%;\n\n        height:100%;\n\n        border:0;\n\n        display:block;\n    }\n\n\n    \/* =====================================================\n       CLOSE\n       ===================================================== *\/\n\n    #tokoku-shorts-188442 .tokoku-popup-close,\n    #tokoku-shorts-188442-popup .tokoku-popup-close {\n\n        position:absolute;\n\n        top:-15px;\n        right:-15px;\n\n        width:42px;\n        height:42px;\n\n        border:0;\n\n        border-radius:50%;\n\n        background:#fff;\n\n        color:#111;\n\n        font-size:30px;\n\n        line-height:35px;\n\n        cursor:pointer;\n\n        z-index:20;\n\n        box-shadow:0 3px 15px rgba(0,0,0,.4);\n    }\n\n\n    \/* =====================================================\n       PREVIOUS \/ NEXT\n       ===================================================== *\/\n\n    #tokoku-shorts-188442-popup .tokoku-popup-prev,\n    #tokoku-shorts-188442-popup .tokoku-popup-next {\n\n        position:absolute;\n\n        top:50%;\n\n        transform:translateY(-50%);\n\n        width:48px;\n        height:48px;\n\n        border:0;\n\n        border-radius:50%;\n\n        background:rgba(255,255,255,.95);\n\n        color:#111;\n\n        font-size:38px;\n\n        line-height:35px;\n\n        cursor:pointer;\n\n        z-index:20;\n\n        box-shadow:0 3px 15px rgba(0,0,0,.4);\n\n        transition:.2s;\n    }\n\n\n    #tokoku-shorts-188442-popup .tokoku-popup-prev {\n\n        left:-70px;\n    }\n\n\n    #tokoku-shorts-188442-popup .tokoku-popup-next {\n\n        right:-70px;\n    }\n\n\n    #tokoku-shorts-188442-popup .tokoku-popup-prev:hover,\n    #tokoku-shorts-188442-popup .tokoku-popup-next:hover {\n\n        transform:translateY(-50%) scale(1.08);\n    }\n\n\n    \/* =====================================================\n       FULLSCREEN BUTTON\n       ===================================================== *\/\n\n    #tokoku-shorts-188442-popup .tokoku-popup-fullscreen {\n\n        position:absolute;\n\n        bottom:15px;\n        right:15px;\n\n        width:44px;\n        height:44px;\n\n        border:0;\n\n        border-radius:50%;\n\n        background:rgba(0,0,0,.65);\n\n        color:#fff;\n\n        font-size:24px;\n\n        cursor:pointer;\n\n        z-index:20;\n    }\n\n\n    \/* =====================================================\n       INFO\n       ===================================================== *\/\n\n    #tokoku-shorts-188442-popup .tokoku-popup-info {\n\n        position:absolute;\n\n        left:15px;\n        right:70px;\n\n        bottom:15px;\n\n        z-index:20;\n\n        color:#fff;\n\n        pointer-events:none;\n    }\n\n\n    #tokoku-shorts-188442-popup .tokoku-popup-title {\n\n        font-size:15px;\n\n        font-weight:600;\n\n        text-shadow:0 2px 5px #000;\n\n        margin-bottom:5px;\n\n        max-width:280px;\n    }\n\n\n    #tokoku-shorts-188442-popup .tokoku-popup-info a {\n\n        pointer-events:auto;\n\n        color:#fff;\n\n        font-size:12px;\n\n        text-decoration:none;\n\n        background:rgba(0,0,0,.55);\n\n        padding:5px 8px;\n\n        border-radius:5px;\n    }\n\n\n    \/* =====================================================\n       TABLET\n       ===================================================== *\/\n\n    @media (max-width:1024px) {\n\n        #tokoku-shorts-188442 .tokoku-short-card {\n\n            flex-basis:220px;\n        }\n\n    }\n\n\n    \/* =====================================================\n       HP\n       ===================================================== *\/\n\n    @media (max-width:767px) {\n\n        #tokoku-shorts-188442 .tokoku-shorts-header {\n\n            margin-bottom:12px;\n        }\n\n\n        #tokoku-shorts-188442 .tokoku-shorts-title {\n\n            font-size:21px;\n        }\n\n\n        #tokoku-shorts-188442 .tokoku-shorts-logo {\n\n            width:36px;\n            height:36px;\n\n            border-radius:11px;\n        }\n\n\n        #tokoku-shorts-188442 .tokoku-short-card {\n\n            flex:0 0 165px;\n        }\n\n\n        #tokoku-shorts-188442 .tokoku-shorts-list {\n\n            gap:10px;\n\n            padding-left:2px;\n            padding-right:2px;\n        }\n\n\n        #tokoku-shorts-188442 .tokoku-scroll-left,\n        #tokoku-shorts-188442 .tokoku-scroll-right {\n\n            display:none;\n        }\n\n\n        \/*\n         * Popup HP hampir fullscreen\n         *\/\n\n        #tokoku-shorts-188442-popup .tokoku-popup-container {\n\n            width:100vw;\n\n            height:100vh;\n\n            max-width:none;\n            max-height:none;\n        }\n\n\n        #tokoku-shorts-188442-popup .tokoku-popup-video {\n\n            width:100vw;\n\n            height:100vh;\n\n            border-radius:0;\n        }\n\n\n        #tokoku-shorts-188442-popup .tokoku-popup-close {\n\n            top:15px;\n            right:15px;\n\n            background:rgba(0,0,0,.65);\n\n            color:#fff;\n        }\n\n\n        #tokoku-shorts-188442-popup .tokoku-popup-prev {\n\n            left:10px;\n\n            width:40px;\n            height:40px;\n\n            font-size:30px;\n\n            background:rgba(0,0,0,.55);\n\n            color:#fff;\n        }\n\n\n        #tokoku-shorts-188442-popup .tokoku-popup-next {\n\n            right:10px;\n\n            width:40px;\n            height:40px;\n\n            font-size:30px;\n\n            background:rgba(0,0,0,.55);\n\n            color:#fff;\n        }\n\n\n        #tokoku-shorts-188442-popup .tokoku-popup-fullscreen {\n\n            display:none;\n        }\n\n\n        #tokoku-shorts-188442-popup .tokoku-popup-info {\n\n            bottom:20px;\n\n            left:15px;\n\n            right:15px;\n\n            padding-right:50px;\n        }\n\n    }\n\n\n    \/* =====================================================\n       SMALL HP\n       ===================================================== *\/\n\n    @media (max-width:380px) {\n\n        #tokoku-shorts-188442 .tokoku-short-card {\n\n            flex-basis:150px;\n        }\n\n    }\n\n    <\/style>\n\n\n    <script>\n\n    document.addEventListener('DOMContentLoaded', function() {\n\n        const shorts = document.getElementById(\n            'tokoku-shorts-188442'\n        );\n\n        const popup = document.getElementById(\n            'tokoku-shorts-188442-popup'\n        );\n\n        if (!shorts || !popup) {\n            return;\n        }\n\n\n        const cards = shorts.querySelectorAll(\n            '.tokoku-short-card'\n        );\n\n\n        const iframe = document.getElementById(\n            'tokoku-shorts-188442-iframe'\n        );\n\n\n        const title = document.getElementById(\n            'tokoku-shorts-188442-popup-title'\n        );\n\n\n        const tiktokLink = document.getElementById(\n            'tokoku-shorts-188442-tiktok-link'\n        );\n\n\n        const closeButton = popup.querySelector(\n            '.tokoku-popup-close'\n        );\n\n\n        const prevButton = popup.querySelector(\n            '.tokoku-popup-prev'\n        );\n\n\n        const nextButton = popup.querySelector(\n            '.tokoku-popup-next'\n        );\n\n\n        const fullscreenButton = popup.querySelector(\n            '.tokoku-popup-fullscreen'\n        );\n\n\n        const background = popup.querySelector(\n            '.tokoku-popup-background'\n        );\n\n\n        let currentIndex = 0;\n\n\n        \/*\n         * =================================================\n         * DATA VIDEO\n         * =================================================\n         *\/\n\n        const videos = [{\"id\":\"1234567890123456789\",\"url\":\"https:\\\/\\\/www.tiktok.com\\\/@username\\\/video\\\/1234567890123456789\",\"title\":\"Video TikTok pertama\",\"label\":\"Baru\"},{\"id\":\"1234567890123456790\",\"url\":\"https:\\\/\\\/www.tiktok.com\\\/@username\\\/video\\\/1234567890123456790\",\"title\":\"Video TikTok kedua\",\"label\":\"\"},{\"id\":\"1234567890123456791\",\"url\":\"https:\\\/\\\/www.tiktok.com\\\/@username\\\/video\\\/1234567890123456791\",\"title\":\"Video TikTok ketiga\",\"label\":\"\"},{\"id\":\"1234567890123456792\",\"url\":\"https:\\\/\\\/www.tiktok.com\\\/@username\\\/video\\\/1234567890123456792\",\"title\":\"Video TikTok keempat\",\"label\":\"\"},{\"id\":\"1234567890123456793\",\"url\":\"https:\\\/\\\/www.tiktok.com\\\/@username\\\/video\\\/1234567890123456793\",\"title\":\"Video TikTok kelima\",\"label\":\"\"},{\"id\":\"1234567890123456794\",\"url\":\"https:\\\/\\\/www.tiktok.com\\\/@username\\\/video\\\/1234567890123456794\",\"title\":\"Video TikTok keenam\",\"label\":\"\"}];\n\n\n        \/*\n         * =================================================\n         * BUAT URL PLAYER\n         * =================================================\n         *\/\n\n        function getPlayerURL(id) {\n\n            return 'https:\/\/www.tiktok.com\/player\/v1\/' +\n                id +\n                '?controls=1' +\n                '&description=1' +\n                '&music_info=1' +\n                '&rel=0' +\n                '&autoplay=1' +\n                '&loop=0';\n\n        }\n\n\n        \/*\n         * =================================================\n         * BUKA VIDEO\n         * =================================================\n         *\/\n\n        function openVideo(index) {\n\n            if (!videos[index]) {\n                return;\n            }\n\n\n            currentIndex = index;\n\n\n            const video = videos[index];\n\n\n            iframe.src = getPlayerURL(video.id);\n\n\n            title.textContent = video.title;\n\n\n            tiktokLink.href = video.url;\n\n\n            popup.classList.add('active');\n\n\n            document.body.style.overflow = 'hidden';\n\n\n            \/*\n             * Coba masuk fullscreen otomatis.\n             *\n             * Browser tertentu bisa menolak fullscreen\n             * otomatis karena aturan keamanan.\n             *\/\n\n            setTimeout(function() {\n\n                if (\n                    window.innerWidth <= 767 &&\n                    popup.requestFullscreen\n                ) {\n\n                    popup.requestFullscreen().catch(function() {});\n\n                }\n\n            }, 250);\n\n        }\n\n\n        \/*\n         * =================================================\n         * TUTUP\n         * =================================================\n         *\/\n\n        function closeVideo() {\n\n            popup.classList.remove('active');\n\n\n            \/*\n             * Hentikan video dengan menghapus src.\n             *\/\n\n            iframe.src = '';\n\n\n            document.body.style.overflow = '';\n\n\n            \/*\n             * Keluar fullscreen jika sedang fullscreen.\n             *\/\n\n            if (document.fullscreenElement) {\n\n                document.exitFullscreen().catch(function() {});\n\n            }\n\n        }\n\n\n        \/*\n         * =================================================\n         * NEXT\n         * =================================================\n         *\/\n\n        function nextVideo() {\n\n            let nextIndex = currentIndex + 1;\n\n\n            if (nextIndex >= videos.length) {\n\n                nextIndex = 0;\n\n            }\n\n\n            openVideo(nextIndex);\n\n        }\n\n\n        \/*\n         * =================================================\n         * PREVIOUS\n         * =================================================\n         *\/\n\n        function prevVideo() {\n\n            let prevIndex = currentIndex - 1;\n\n\n            if (prevIndex < 0) {\n\n                prevIndex = videos.length - 1;\n\n            }\n\n\n            openVideo(prevIndex);\n\n        }\n\n\n        \/*\n         * =================================================\n         * CLICK CARD\n         * =================================================\n         *\/\n\n        cards.forEach(function(card) {\n\n            card.addEventListener('click', function() {\n\n                const index = parseInt(\n                    card.getAttribute('data-index'),\n                    10\n                );\n\n\n                openVideo(index);\n\n            });\n\n        });\n\n\n        \/*\n         * =================================================\n         * BUTTON\n         * =================================================\n         *\/\n\n        closeButton.addEventListener(\n            'click',\n            closeVideo\n        );\n\n\n        nextButton.addEventListener(\n            'click',\n            nextVideo\n        );\n\n\n        prevButton.addEventListener(\n            'click',\n            prevVideo\n        );\n\n\n        background.addEventListener(\n            'click',\n            closeVideo\n        );\n\n\n        \/*\n         * =================================================\n         * FULLSCREEN\n         * =================================================\n         *\/\n\n        fullscreenButton.addEventListener(\n            'click',\n            function() {\n\n                if (!document.fullscreenElement) {\n\n                    popup.requestFullscreen()\n                        .catch(function() {});\n\n                } else {\n\n                    document.exitFullscreen()\n                        .catch(function() {});\n\n                }\n\n            }\n        );\n\n\n        \/*\n         * =================================================\n         * KEYBOARD\n         * =================================================\n         *\/\n\n        document.addEventListener(\n            'keydown',\n            function(e) {\n\n                if (!popup.classList.contains('active')) {\n                    return;\n                }\n\n\n                if (e.key === 'Escape') {\n\n                    closeVideo();\n\n                }\n\n\n                if (\n                    e.key === 'ArrowRight' ||\n                    e.key === 'ArrowDown'\n                ) {\n\n                    nextVideo();\n\n                }\n\n\n                if (\n                    e.key === 'ArrowLeft' ||\n                    e.key === 'ArrowUp'\n                ) {\n\n                    prevVideo();\n\n                }\n\n            }\n        );\n\n\n        \/*\n         * =================================================\n         * SWIPE HP\n         * =================================================\n         *\/\n\n        let touchStartY = 0;\n        let touchEndY = 0;\n\n\n        popup.addEventListener(\n            'touchstart',\n            function(e) {\n\n                touchStartY =\n                    e.changedTouches[0].screenY;\n\n            },\n            {\n                passive:true\n            }\n        );\n\n\n        popup.addEventListener(\n            'touchend',\n            function(e) {\n\n                touchEndY =\n                    e.changedTouches[0].screenY;\n\n\n                const difference =\n                    touchStartY - touchEndY;\n\n\n                \/*\n                 * Swipe ke atas = video berikutnya\n                 *\/\n\n                if (difference > 70) {\n\n                    nextVideo();\n\n                }\n\n\n                \/*\n                 * Swipe ke bawah = video sebelumnya\n                 *\/\n\n                if (difference < -70) {\n\n                    prevVideo();\n\n                }\n\n            },\n            {\n                passive:true\n            }\n        );\n\n\n        \/*\n         * =================================================\n         * SCROLL HORIZONTAL\n         * =================================================\n         *\/\n\n        const list = shorts.querySelector(\n            '.tokoku-shorts-list'\n        );\n\n\n        const scrollLeftButton = shorts.querySelector(\n            '.tokoku-scroll-left'\n        );\n\n\n        const scrollRightButton = shorts.querySelector(\n            '.tokoku-scroll-right'\n        );\n\n\n        scrollLeftButton.addEventListener(\n            'click',\n            function() {\n\n                list.scrollBy({\n                    left:-500,\n                    behavior:'smooth'\n                });\n\n            }\n        );\n\n\n        scrollRightButton.addEventListener(\n            'click',\n            function() {\n\n                list.scrollBy({\n                    left:500,\n                    behavior:'smooth'\n                });\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<div class=\"elementor-element elementor-element-90b4878 e-flex e-con-boxed e-con e-parent\" data-id=\"90b4878\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-22ac9b5 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"22ac9b5\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99faad6 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"99faad6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>KOLEKSI KERAMIK<\/strong><\/p><p><strong>TERBARU KAMI<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3d18cb elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"d3d18cb\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Dari Berbagai Brand Pilihan, Menghadirkan Motif, Warna, dan Desain Modern untuk Mempercantik Setiap Ruang di Rumah Anda.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5902e55 elementor-widget elementor-widget-button\" data-id=\"5902e55\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/centralkeramik.com\/?page_id=431\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">TELUSURI<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54fd35e e-con-full e-flex e-con e-child\" data-id=\"54fd35e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f3e458 elementor-widget elementor-widget-bew-elements-carousel-products\" data-id=\"8f3e458\" data-element_type=\"widget\" data-widget_type=\"bew-elements-carousel-products.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n                            \t<div class=\"bew-elements-widgets bew-elements-carousel-products woocommerce owl-carousel bew-hide-product-rating\" desktop-col=\"3\" tablet-col=\"3\" mobile-col=\"1\" slider-products=\"4\" slider-products-tablet=\"3\" slider-products-mobile=\"2\" products-scroll=\"3\" products-scroll-tablet=\"1\" products-scroll-mobile=\"1\" slider-arrows=\"\" slider-dots=\"\" auto-play=\"1\" infinite-loop=\"1\" transition-speed=\"2000\">\r\n                \t\t\t                \t\t<ul class=\"products\">\r\n\t                \t\t\t<li class=\"product type-product post-795 status-publish first instock product_cat-keramik product_tag-40x40 has-post-thumbnail taxable shipping-taxable product-type-simple product-grid\">\n\t<div class=\"product-inner\"><figure class=\"woo-product-image\"><a href=\"https:\/\/bumdeskamajaya.my\/?product=totem-grey-40x40\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"KR4040334\" srcset=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1-300x300.jpg 300w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1-150x150.jpg 150w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1-768x768.jpg 768w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1-600x600.jpg 600w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1-100x100.jpg 100w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1-253x253.jpg 253w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1-450x450.jpg 450w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/kobin-4040-totem-brown-1024x1024-1.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>        <div class=\"product-compare-wishlist\">     \r\n        \t<a\r\n\t\thref=\"https:\/\/bumdeskamajaya.my?action=yith-woocompare-add-product&#038;id=795\"\r\n\t\tclass=\"compare button  \"\r\n\t\tdata-product_id=\"795\"\r\n\t\ttarget=\"_self\"\r\n\t\trel=\"nofollow\"\r\n\t>\r\n\t\t\t\t<span class=\"label\">\r\n\t\t\tCompare\t\t<\/span>\r\n\t<\/a>\r\n<\/div><\/figure><div class=\"product-inner-contents\">\t\t<div class=\"bew-product-compare\">\r\n\t\t\t<a href=\"https:\/\/bumdeskamajaya.my?action=yith-woocompare-add-product&#038;id=795\" class=\"bew-compare-link\" rel=\"nofollow\" data-product_id=\"795\">\r\n\t\t\t\t<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n\t\t\t\t\t<polyline points=\"17 1 21 5 17 9\"><\/polyline>\r\n\t\t\t\t\t<path d=\"M3 11V9a4 4 0 0 1 4-4h14\"><\/path>\r\n\t\t\t\t\t<polyline points=\"7 23 3 19 7 15\"><\/polyline>\r\n\t\t\t\t\t<path d=\"M21 13v2a4 4 0 0 1-4 4H3\"><\/path>\r\n\t\t\t\t<\/svg>\r\n\t\t\t\t<span class=\"bew-compare-tooltip\">Compare<\/span>\r\n\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t<a href=\"https:\/\/bumdeskamajaya.my\/?product=totem-grey-40x40\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><h2 class=\"woocommerce-loop-product__title\">KR4040334<\/h2>\n<\/a><\/div><\/div><\/li>\n\t                    \t<\/ul>\r\n\t                    \t                \t\t<ul class=\"products\">\r\n\t                \t\t\t<li class=\"product type-product post-794 status-publish instock product_cat-keramik product_tag-40x40 has-post-thumbnail taxable shipping-taxable product-type-simple product-grid\">\n\t<div class=\"product-inner\"><figure class=\"woo-product-image\"><a href=\"https:\/\/bumdeskamajaya.my\/?product=hawai-grey-40x40-kw1\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-grey-4040.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"KR4040269\" srcset=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-grey-4040.jpg 300w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-grey-4040-150x150.jpg 150w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-grey-4040-100x100.jpg 100w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-grey-4040-253x253.jpg 253w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>        <div class=\"product-compare-wishlist\">     \r\n        \t<a\r\n\t\thref=\"https:\/\/bumdeskamajaya.my?action=yith-woocompare-add-product&#038;id=794\"\r\n\t\tclass=\"compare button  \"\r\n\t\tdata-product_id=\"794\"\r\n\t\ttarget=\"_self\"\r\n\t\trel=\"nofollow\"\r\n\t>\r\n\t\t\t\t<span class=\"label\">\r\n\t\t\tCompare\t\t<\/span>\r\n\t<\/a>\r\n<\/div><\/figure><div class=\"product-inner-contents\">\t\t<div class=\"bew-product-compare\">\r\n\t\t\t<a href=\"https:\/\/bumdeskamajaya.my?action=yith-woocompare-add-product&#038;id=794\" class=\"bew-compare-link\" rel=\"nofollow\" data-product_id=\"794\">\r\n\t\t\t\t<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n\t\t\t\t\t<polyline points=\"17 1 21 5 17 9\"><\/polyline>\r\n\t\t\t\t\t<path d=\"M3 11V9a4 4 0 0 1 4-4h14\"><\/path>\r\n\t\t\t\t\t<polyline points=\"7 23 3 19 7 15\"><\/polyline>\r\n\t\t\t\t\t<path d=\"M21 13v2a4 4 0 0 1-4 4H3\"><\/path>\r\n\t\t\t\t<\/svg>\r\n\t\t\t\t<span class=\"bew-compare-tooltip\">Compare<\/span>\r\n\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t<a href=\"https:\/\/bumdeskamajaya.my\/?product=hawai-grey-40x40-kw1\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><h2 class=\"woocommerce-loop-product__title\">KR4040269<\/h2>\n<\/a><\/div><\/div><\/li>\n\t                    \t<\/ul>\r\n\t                    \t                \t\t<ul class=\"products\">\r\n\t                \t\t\t<li class=\"product type-product post-793 status-publish instock product_cat-keramik product_tag-40x40 has-post-thumbnail taxable shipping-taxable product-type-simple product-grid\">\n\t<div class=\"product-inner\"><figure class=\"woo-product-image\"><a href=\"https:\/\/bumdeskamajaya.my\/?product=hawai-beige-40x40-kw1\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-beige-4040.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"KR4040318\" srcset=\"https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-beige-4040.jpg 300w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-beige-4040-150x150.jpg 150w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-beige-4040-100x100.jpg 100w, https:\/\/bumdeskamajaya.my\/wp-content\/uploads\/2026\/09\/hawai-beige-4040-253x253.jpg 253w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>        <div class=\"product-compare-wishlist\">     \r\n        \t<a\r\n\t\thref=\"https:\/\/bumdeskamajaya.my?action=yith-woocompare-add-product&#038;id=793\"\r\n\t\tclass=\"compare button  \"\r\n\t\tdata-product_id=\"793\"\r\n\t\ttarget=\"_self\"\r\n\t\trel=\"nofollow\"\r\n\t>\r\n\t\t\t\t<span class=\"label\">\r\n\t\t\tCompare\t\t<\/span>\r\n\t<\/a>\r\n<\/div><\/figure><div class=\"product-inner-contents\">\t\t<div class=\"bew-product-compare\">\r\n\t\t\t<a href=\"https:\/\/bumdeskamajaya.my?action=yith-woocompare-add-product&#038;id=793\" class=\"bew-compare-link\" rel=\"nofollow\" data-product_id=\"793\">\r\n\t\t\t\t<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n\t\t\t\t\t<polyline points=\"17 1 21 5 17 9\"><\/polyline>\r\n\t\t\t\t\t<path d=\"M3 11V9a4 4 0 0 1 4-4h14\"><\/path>\r\n\t\t\t\t\t<polyline points=\"7 23 3 19 7 15\"><\/polyline>\r\n\t\t\t\t\t<path d=\"M21 13v2a4 4 0 0 1-4 4H3\"><\/path>\r\n\t\t\t\t<\/svg>\r\n\t\t\t\t<span class=\"bew-compare-tooltip\">Compare<\/span>\r\n\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t<a href=\"https:\/\/bumdeskamajaya.my\/?product=hawai-beige-40x40-kw1\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><h2 class=\"woocommerce-loop-product__title\">KR4040318<\/h2>\n<\/a><\/div><\/div><\/li>\n\t                    \t<\/ul>\r\n\t                    \t                <\/div>\r\n                \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c32de1f e-flex e-con-boxed e-con e-parent\" data-id=\"c32de1f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3016691 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"3016691\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93abe4d e-con-full e-flex e-con e-child\" data-id=\"93abe4d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0396857 elementor-widget elementor-widget-heading\" data-id=\"0396857\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Visualisasikan Ruangan\nImpian Anda<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2978266 elementor-widget elementor-widget-heading\" data-id=\"2978266\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Coba berbagai pilihan keramik dan granit langsung pada ruangan. Pilih produk, atur dinding atau lantai, lalu lihat bagaimana tampilannya sebelum menentukan pilihan.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ed0f7e elementor-widget elementor-widget-button\" data-id=\"4ed0f7e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/centralkeramik.com\/?page_id=821\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VISUALIZER<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f9abd2 e-flex e-con-boxed e-con e-parent\" data-id=\"3f9abd2\" 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-2118356 elementor-widget elementor-widget-heading\" data-id=\"2118356\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PRODUK KAMI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48967ed e-flex e-con-boxed e-con e-parent\" data-id=\"48967ed\" 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-694aba3 elementor-widget elementor-widget-text-editor\" data-id=\"694aba3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Percantik Ruang, Wujudkan Impian Anda<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8693e6 elementor-widget elementor-widget-shortcode\" data-id=\"a8693e6\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div\n        class=\"kmj-archive\"\n        id=\"kmj-product-archive\"\n    >\n\n\n        <!-- =================================================\n             SEARCH\n             ================================================= -->\n\n        <div class=\"kmj-search\">\n\n            <div class=\"kmj-search-box\">\n\n                <input\n                    type=\"text\"\n                    id=\"kmj-search-input\"\n                    placeholder=\"Cari nama produk, SKU, atau produk...\"\n                    autocomplete=\"off\"\n                >\n\n                <button\n                    type=\"button\"\n                    id=\"kmj-search-button\"\n                    aria-label=\"Cari\"\n                >\n                    \ud83d\udd0d\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             KATEGORI\n             ================================================= -->\n\n        <div class=\"kmj-category-area\">\n\n            <div class=\"kmj-category-title\">\n\n                KATEGORI PRODUK\n\n            <\/div>\n\n\n            <div class=\"kmj-category-list\">\n\n\n                <button\n                    type=\"button\"\n                    class=\"kmj-category active\"\n                    data-category=\"\"\n                >\n\n                    Semua\n\n                <\/button>\n\n\n                \n                        <button\n                            type=\"button\"\n                            class=\"kmj-category\"\n                            data-category=\"granite\"\n                        >\n\n                            Granite\n                        <\/button>\n\n                        \n                        <button\n                            type=\"button\"\n                            class=\"kmj-category\"\n                            data-category=\"keramik\"\n                        >\n\n                            Keramik\n                        <\/button>\n\n                        \n                        <button\n                            type=\"button\"\n                            class=\"kmj-category\"\n                            data-category=\"sanitary\"\n                        >\n\n                            Sanitary\n                        <\/button>\n\n                        \n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             LOADING\n             ================================================= -->\n\n        <div\n            class=\"kmj-loading\"\n            id=\"kmj-loading\"\n        >\n\n            <div class=\"kmj-spinner\"><\/div>\n\n            <span>\n                Memuat produk...\n            <\/span>\n\n        <\/div>\n\n\n        <!-- =================================================\n             PRODUCTS\n             ================================================= -->\n\n        <div\n            class=\"kmj-products\"\n            id=\"kmj-products\"\n        ><\/div>\n\n\n        <!-- =================================================\n             PAGINATION\n             ================================================= -->\n\n        <div\n            id=\"kmj-pagination\"\n        ><\/div>\n\n\n    <\/div>\n\n\n    <style>\n\n\n    \/* =====================================================\n       CONTAINER\n       ===================================================== *\/\n\n    .kmj-archive {\n\n        width: 100%;\n\n        max-width: 1400px;\n\n        margin: 0 auto;\n\n        padding: 20px;\n\n        box-sizing: border-box;\n\n    }\n\n\n    \/* =====================================================\n       SEARCH\n       ===================================================== *\/\n\n    .kmj-search {\n\n        width: 100%;\n\n        margin-bottom: 25px;\n\n    }\n\n\n    .kmj-search-box {\n\n        display: flex;\n\n        width: 100%;\n\n        max-width: 750px;\n\n        margin: 0 auto;\n\n        border: 1px solid #ddd;\n\n        border-radius: 8px;\n\n        overflow: hidden;\n\n        background: #fff;\n\n    }\n\n\n    .kmj-search-box input {\n\n        flex: 1;\n\n        min-width: 0;\n\n        border: 0;\n\n        outline: none;\n\n        padding: 14px 16px;\n\n        font-size: 15px;\n\n        background: transparent;\n\n    }\n\n\n    .kmj-search-box button {\n\n        width: 55px;\n\n        border: 0;\n\n        background: #111;\n\n        color: #fff;\n\n        cursor: pointer;\n\n        font-size: 18px;\n\n    }\n\n\n    .kmj-search-box button:hover {\n\n        background: #333;\n\n    }\n\n\n    \/* =====================================================\n       CATEGORY\n       ===================================================== *\/\n\n    .kmj-category-area {\n\n        margin-bottom: 30px;\n\n    }\n\n\n    .kmj-category-title {\n\n        font-size: 18px;\n\n        font-weight: 700;\n\n        margin-bottom: 14px;\n\n    }\n\n\n    .kmj-category-list {\n\n        display: flex;\n\n        flex-wrap: wrap;\n\n        gap: 8px;\n\n    }\n\n\n    .kmj-category {\n\n        display: inline-block;\n\n        padding: 9px 17px;\n\n        border: 1px solid #ddd;\n\n        border-radius: 6px;\n\n        color: #333;\n\n        background: #fff;\n\n        text-decoration: none !important;\n\n        font-size: 14px;\n\n        cursor: pointer;\n\n        transition: .2s;\n\n    }\n\n\n    .kmj-category:hover {\n\n        border-color: #111;\n\n        color: #111;\n\n    }\n\n\n    .kmj-category.active {\n\n        background: #111;\n\n        border-color: #111;\n\n        color: #fff;\n\n    }\n\n\n    \/* =====================================================\n       PRODUCTS\n       ===================================================== *\/\n\n    .kmj-products {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(4, minmax(0, 1fr));\n\n        gap: 22px;\n\n        transition: opacity .2s ease;\n\n    }\n\n\n    .kmj-products.loading {\n\n        opacity: .35;\n\n    }\n\n\n    \/* =====================================================\n       PRODUCT CARD\n       ===================================================== *\/\n\n    .kmj-product {\n\n        background: #fff;\n\n        border: 1px solid #eee;\n\n        border-radius: 8px;\n\n        overflow: hidden;\n\n        transition: .25s;\n\n    }\n\n\n    .kmj-product:hover {\n\n        transform: translateY(-3px);\n\n        box-shadow:\n            0 8px 25px rgba(0,0,0,.08);\n\n    }\n\n\n    \/* =====================================================\n       IMAGE\n       ===================================================== *\/\n\n    .kmj-product-image {\n\n        display: block;\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 img {\n\n        width: 100%;\n\n        height: 100%;\n\n        object-fit: cover;\n\n        display: block;\n\n        transition: .3s;\n\n    }\n\n\n    .kmj-product:hover\n    .kmj-product-image img {\n\n        transform: scale(1.03);\n\n    }\n\n\n    \/* =====================================================\n       INFO\n       ===================================================== *\/\n\n    .kmj-product-info {\n\n        padding: 15px;\n\n    }\n\n\n    .kmj-product-category {\n\n        font-size: 11px;\n\n        color: #777;\n\n        margin-bottom: 5px;\n\n        text-transform: uppercase;\n\n    }\n\n\n    .kmj-product-title {\n\n        margin: 0 0 8px !important;\n\n        padding: 0 !important;\n\n        font-size: 16px !important;\n\n        line-height: 1.4 !important;\n\n    }\n\n\n    .kmj-product-title a {\n\n        color: #222 !important;\n\n        text-decoration: none !important;\n\n    }\n\n\n    .kmj-product-sku {\n\n        font-size: 12px;\n\n        color: #888;\n\n        margin-bottom: 8px;\n\n    }\n\n\n    .kmj-product-price {\n\n        margin-bottom: 14px;\n\n    }\n\n\n    .kmj-product-price .amount {\n\n        font-size: 15px;\n\n        font-weight: 600;\n\n    }\n\n\n    \/* =====================================================\n       BUTTON\n       ===================================================== *\/\n\n    .kmj-product-button {\n\n        display: block;\n\n        width: 100%;\n\n        box-sizing: border-box;\n\n        padding: 10px;\n\n        text-align: center;\n\n        background: #111;\n\n        color: #fff !important;\n\n        border-radius: 5px;\n\n        text-decoration: none !important;\n\n        font-size: 13px;\n\n    }\n\n\n    .kmj-product-button:hover {\n\n        background: #333;\n\n    }\n\n\n    \/* =====================================================\n       LOADING\n       ===================================================== *\/\n\n    .kmj-loading {\n\n        display: none;\n\n        justify-content: center;\n\n        align-items: center;\n\n        gap: 10px;\n\n        padding: 30px;\n\n        color: #777;\n\n    }\n\n\n    .kmj-loading.active {\n\n        display: flex;\n\n    }\n\n\n    .kmj-spinner {\n\n        width: 20px;\n\n        height: 20px;\n\n        border: 3px solid #ddd;\n\n        border-top-color: #111;\n\n        border-radius: 50%;\n\n        animation:\n            kmjSpin .7s linear infinite;\n\n    }\n\n\n    @keyframes kmjSpin {\n\n        to {\n\n            transform: rotate(360deg);\n\n        }\n\n    }\n\n\n    \/* =====================================================\n       EMPTY\n       ===================================================== *\/\n\n    .kmj-no-product {\n\n        grid-column: 1 \/ -1;\n\n        text-align: center;\n\n        padding: 70px 20px;\n\n    }\n\n\n    .kmj-no-product-icon {\n\n        font-size: 40px;\n\n        margin-bottom: 10px;\n\n    }\n\n\n    .kmj-no-product h3 {\n\n        margin: 0 0 8px;\n\n    }\n\n\n    .kmj-no-product p {\n\n        margin: 0;\n\n        color: #777;\n\n    }\n\n\n    \/* =====================================================\n       PAGINATION\n       ===================================================== *\/\n\n    .kmj-pagination {\n\n        display: flex;\n\n        justify-content: center;\n\n        gap: 6px;\n\n        margin-top: 35px;\n\n        flex-wrap: wrap;\n\n    }\n\n\n    .kmj-page {\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: #333;\n\n        border-radius: 5px;\n\n        cursor: pointer;\n\n    }\n\n\n    .kmj-page:hover {\n\n        border-color: #111;\n\n    }\n\n\n    .kmj-page.active {\n\n        background: #111;\n\n        color: #fff;\n\n        border-color: #111;\n\n    }\n\n\n    \/* =====================================================\n       TABLET\n       ===================================================== *\/\n\n    @media (max-width: 1000px) {\n\n        .kmj-products {\n\n            grid-template-columns:\n                repeat(3, minmax(0, 1fr));\n\n        }\n\n    }\n\n\n    \/* =====================================================\n       MOBILE\n       ===================================================== *\/\n\n    @media (max-width: 700px) {\n\n        .kmj-archive {\n\n            padding: 12px;\n\n        }\n\n\n        .kmj-products {\n\n            grid-template-columns:\n                repeat(2, minmax(0, 1fr));\n\n            gap: 12px;\n\n        }\n\n\n        .kmj-product-info {\n\n            padding: 10px;\n\n        }\n\n\n        .kmj-product-title {\n\n            font-size: 14px !important;\n\n        }\n\n\n        .kmj-category-list {\n\n            flex-wrap: nowrap;\n\n            overflow-x: auto;\n\n            padding-bottom: 5px;\n\n        }\n\n\n        .kmj-category {\n\n            white-space: nowrap;\n\n            flex-shrink: 0;\n\n        }\n\n    }\n\n\n    <\/style>\n\n\n    <script>\n\n    jQuery(document).ready(function($) {\n\n\n        let kmjSearchTimer = null;\n\n        let kmjCurrentCategory = '';\n\n        let kmjCurrentPage = 1;\n\n\n        const archive =\n            $('#kmj-product-archive');\n\n        const products =\n            $('#kmj-products');\n\n        const loading =\n            $('#kmj-loading');\n\n        const pagination =\n            $('#kmj-pagination');\n\n        const searchInput =\n            $('#kmj-search-input');\n\n\n        \/* =================================================\n           LOAD PRODUCTS\n           ================================================= *\/\n\n        function kmjLoadProducts(page = 1) {\n\n            kmjCurrentPage = page;\n\n\n            loading.addClass('active');\n\n            products.addClass('loading');\n\n\n            $.ajax({\n\n                url: 'https:\/\/bumdeskamajaya.my\/wp-admin\/admin-ajax.php',\n\n                type: 'POST',\n\n                dataType: 'json',\n\n                data: {\n\n                    action:\n                        'kmj_product_filter',\n\n                    search:\n                        searchInput.val(),\n\n                    category:\n                        kmjCurrentCategory,\n\n                    paged:\n                        page\n\n                },\n\n\n                success: function(response) {\n\n\n                    if (\n                        response &&\n                        response.success\n                    ) {\n\n                        products.html(\n                            response.data.products\n                        );\n\n\n                        pagination.html(\n                            response.data.pagination\n                        );\n\n                    } else {\n\n                        products.html(\n                            '<div class=\"kmj-no-product\">' +\n                            '<h3>Terjadi kesalahan<\/h3>' +\n                            '<p>Silakan coba lagi.<\/p>' +\n                            '<\/div>'\n                        );\n\n                    }\n\n                },\n\n\n                error: function() {\n\n                    products.html(\n\n                        '<div class=\"kmj-no-product\">' +\n\n                        '<div class=\"kmj-no-product-icon\">\u26a0\ufe0f<\/div>' +\n\n                        '<h3>Gagal memuat produk<\/h3>' +\n\n                        '<p>Silakan refresh halaman.<\/p>' +\n\n                        '<\/div>'\n\n                    );\n\n                },\n\n\n                complete: function() {\n\n                    loading.removeClass('active');\n\n                    products.removeClass('loading');\n\n                }\n\n            });\n\n        }\n\n\n        \/* =================================================\n           CATEGORY CLICK\n           ================================================= *\/\n\n        $(document).on(\n            'click',\n            '.kmj-category',\n            function() {\n\n\n                kmjCurrentCategory =\n                    $(this).data('category');\n\n\n                kmjCurrentPage = 1;\n\n\n                $('.kmj-category')\n                    .removeClass('active');\n\n\n                $(this)\n                    .addClass('active');\n\n\n                kmjLoadProducts(1);\n\n\n            }\n        );\n\n\n        \/* =================================================\n           SEARCH\n           ================================================= *\/\n\n        searchInput.on(\n            'input',\n            function() {\n\n\n                clearTimeout(\n                    kmjSearchTimer\n                );\n\n\n                kmjSearchTimer =\n                    setTimeout(\n                        function() {\n\n                            kmjLoadProducts(1);\n\n                        },\n                        400\n                    );\n\n            }\n        );\n\n\n        \/* =================================================\n           SEARCH BUTTON\n           ================================================= *\/\n\n        $('#kmj-search-button').on(\n            'click',\n            function() {\n\n                clearTimeout(\n                    kmjSearchTimer\n                );\n\n                kmjLoadProducts(1);\n\n            }\n        );\n\n\n        \/* =================================================\n           ENTER SEARCH\n           ================================================= *\/\n\n        searchInput.on(\n            'keydown',\n            function(e) {\n\n                if (\n                    e.key === 'Enter'\n                ) {\n\n                    e.preventDefault();\n\n                    clearTimeout(\n                        kmjSearchTimer\n                    );\n\n                    kmjLoadProducts(1);\n\n                }\n\n            }\n        );\n\n\n        \/* =================================================\n           PAGINATION\n           ================================================= *\/\n\n        $(document).on(\n            'click',\n            '.kmj-page',\n            function() {\n\n                const page =\n                    $(this).data('page');\n\n                kmjLoadProducts(page);\n\n\n                $('html, body').animate({\n\n                    scrollTop:\n                        archive.offset().top - 80\n\n                }, 300);\n\n            }\n        );\n\n\n        \/* =================================================\n           FIRST LOAD\n           ================================================= *\/\n\n        kmjLoadProducts(1);\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<div class=\"elementor-element elementor-element-0b5dd0f e-flex e-con-boxed e-con e-parent\" data-id=\"0b5dd0f\" 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-5e2f262 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5e2f262\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/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":"<p>KOLEKSI KERAMIK TERBARU KAMI Dari Berbagai Brand Pilihan, Menghadirkan Motif, Warna, dan Desain Modern untuk Mempercantik Setiap Ruang di Rumah Anda. TELUSURI Compare KR4040334 Compare KR4040269 Compare KR4040318 Visualisasikan Ruangan Impian Anda Coba berbagai pilihan keramik dan granit langsung pada ruangan. Pilih produk, atur dinding atau lantai, lalu lihat bagaimana tampilannya sebelum menentukan pilihan. VISUALIZER PRODUK KAMI Percantik Ruang, Wujudkan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/pages\/383","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=383"}],"version-history":[{"count":170,"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/pages\/383\/revisions"}],"predecessor-version":[{"id":1073,"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=\/wp\/v2\/pages\/383\/revisions\/1073"}],"wp:attachment":[{"href":"https:\/\/bumdeskamajaya.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}