{"id":2922,"date":"2026-01-31T08:29:59","date_gmt":"2026-01-31T05:29:59","guid":{"rendered":"https:\/\/www.mada-alhadithah.com.sa\/?post_type=products&#038;p=2922"},"modified":"2026-04-26T15:56:37","modified_gmt":"2026-04-26T12:56:37","slug":"electronic","status":"publish","type":"products","link":"https:\/\/www.mada-alhadithah.com.sa\/ar\/products\/electronic\/","title":{"rendered":"\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2922\" class=\"elementor elementor-2922\" data-elementor-post-type=\"products\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db335b1 e-con-full e-flex e-con e-parent\" data-id=\"db335b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f2d708 e-con-full e-flex e-con e-parent\" data-id=\"9f2d708\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a5518 elementor-widget elementor-widget-html\" data-id=\"25a5518\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* --- 1. THEME VARIABLES --- *\/\r\n        :root {\r\n            --color-dark: #064E3B;      \r\n            --color-gold: #D4AF37;      \r\n            --color-white: #ffffff;\r\n            --overlay-color: rgba(6, 78, 59, 0.85);\r\n            --bg-body: #f8f9fa;\r\n            --card-bg: #ffffff;\r\n            --shadow-soft: 0 10px 40px rgba(0,0,0,0.06);\r\n            --shadow-hover: 0 20px 50px rgba(6, 78, 59, 0.15);\r\n            --font-arabic: 'Noto Naskh Arabic', serif;\r\n            --font-en: 'Inter', sans-serif;\r\n        }\r\n\r\n        body { \r\n            margin: 0; \r\n            font-family: var(--font-arabic); \r\n            background-color: var(--bg-body); \r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* --- 2. HEADER STYLES --- *\/\r\n        .dynamic-page-header-wrapper {\r\n            width: 100%;\r\n            direction: rtl; \/* Default RTL *\/\r\n            text-align: right;\r\n            font-family: var(--font-arabic);\r\n        }\r\n\r\n        .dynamic-page-header {\r\n            position: relative;\r\n            height: 450px; \r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: flex-start; \r\n            padding-top: 180px; \r\n            text-align: center;\r\n            background-color: var(--color-dark);\r\n            background-image: url('https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2024\/04\/banner.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            direction: rtl; \r\n        }\r\n\r\n        .dynamic-page-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: var(--overlay-color);\r\n            z-index: 1;\r\n        }\r\n\r\n        .header-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            max-width: 800px;\r\n            padding: 0 20px;\r\n            animation: slideDown 1s ease-out;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .page-title {\r\n            color: var(--color-white);\r\n            font-size: 3.5rem; \r\n            font-weight: 700;\r\n            margin: 0;\r\n            line-height: 1.5; \r\n            text-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .title-divider {\r\n            width: 80px; height: 4px;\r\n            background-color: var(--color-gold);\r\n            margin: 20px auto 25px auto; \r\n            border-radius: 2px;\r\n        }\r\n\r\n        .breadcrumb-nav {\r\n            display: inline-block;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(5px);\r\n            padding: 10px 30px;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .breadcrumb-list {\r\n            list-style: none; padding: 0; margin: 0;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 1.1rem; font-weight: 500;\r\n            direction: rtl; \r\n        }\r\n\r\n        .breadcrumb-item { color: rgba(255, 255, 255, 0.8); display: flex; align-items: center; }\r\n        .breadcrumb-item a { color: var(--color-white); text-decoration: none; transition: color 0.3s; }\r\n        .breadcrumb-item a:hover { color: var(--color-gold); }\r\n        .breadcrumb-item + .breadcrumb-item::before { content: '\/'; margin: 0 15px; color: var(--color-gold); font-weight: bold; }\r\n        .breadcrumb-item.active { color: var(--color-gold); pointer-events: none; }\r\n\r\n        @keyframes slideDown {\r\n            from { opacity: 0; transform: translateY(-30px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* --- 3. MASONRY GRID STYLES --- *\/\r\n        #smart-masonry-section { padding: 80px 20px 60px; text-align: center; direction: rtl; }\r\n\r\n        .heading-box { margin-bottom: 50px; }\r\n        .main-heading { color: var(--color-dark); font-family: var(--font-arabic); font-size: 3rem; margin: 0; font-weight: 700; line-height: 1.4; }\r\n        .sub-heading { display: block; color: var(--color-gold); font-size: 1.2rem; margin-top: 10px; font-family: var(--font-arabic); }\r\n\r\n        .masonry-grid {\r\n            column-count: 4; \r\n            column-gap: 25px;\r\n            max-width: 1400px; \r\n            margin: 0 auto; \r\n            padding: 0 15px;\r\n        }\r\n\r\n        .masonry-item {\r\n            break-inside: avoid; \r\n            margin-bottom: 25px;\r\n            background: var(--card-bg); \r\n            border-radius: 16px;\r\n            overflow: hidden; \r\n            position: relative; \r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            box-shadow: var(--shadow-soft);\r\n            border: 1px solid rgba(0,0,0,0.04);\r\n            text-align: center;\r\n            -webkit-column-break-inside: avoid;\r\n            page-break-inside: avoid;\r\n            will-change: transform;\r\n        }\r\n\r\n        .masonry-item:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: var(--shadow-hover);\r\n            border-color: rgba(198, 168, 124, 0.4);\r\n        }\r\n\r\n        .img-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            background: radial-gradient(circle at center, #ffffff 40%, #f9f9f9 100%);\r\n            padding: 15px;\r\n            min-height: 200px;\r\n            display: flex; align-items: center; justify-content: center;\r\n        }\r\n\r\n        .masonry-item img {\r\n            width: 100%; height: auto; \r\n            display: block;\r\n            transition: transform 0.6s ease;\r\n            mix-blend-mode: multiply; \r\n            object-fit: contain;\r\n            will-change: transform;\r\n        }\r\n        .masonry-item:hover img { transform: scale(1.08); }\r\n\r\n        .quick-view-btn {\r\n            position: absolute; bottom: -50px; left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex; align-items: center; gap: 8px;\r\n            padding: 10px 24px;\r\n            background: rgba(6, 78, 59, 0.95); color: #fff;\r\n            border-radius: 30px; font-size: 0.9rem; font-weight: 600;\r\n            transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            z-index: 10;\r\n            white-space: nowrap;\r\n        }\r\n        .masonry-item:hover .quick-view-btn { bottom: 20px; }\r\n        .quick-view-btn:hover { background: var(--color-gold); color: #000; }\r\n\r\n        .prod-badge {\r\n            position: absolute; top: 15px; right: 15px; left: auto;\r\n            background: var(--color-dark); color: #fff;\r\n            font-size: 11px; font-weight: 700;\r\n            padding: 6px 12px; border-radius: 4px; z-index: 2;\r\n        }\r\n        .badge-gold { background: var(--color-gold); color: #000; }\r\n\r\n        .item-info {\r\n            padding: 20px 25px; background: #fff; text-align: center;\r\n            position: relative; z-index: 5; border-top: 1px solid #f5f5f5;\r\n        }\r\n        .item-tag { display: block; color: var(--color-gold); font-size: 0.85rem; font-weight: 700; margin-bottom: 8px; }\r\n        .item-title { color: var(--color-dark); font-weight: 700; font-size: 1.1rem; margin: 0; line-height: 1.4; font-family: var(--font-arabic); }\r\n\r\n        \/* --- 4. LIGHTBOX --- *\/\r\n        #lightbox {\r\n            display: none; position: fixed; z-index: 99999;\r\n            left: 0; top: 0; width: 100%; height: 100%;\r\n            background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(8px);\r\n            justify-content: center; align-items: center;\r\n            opacity: 0; transition: opacity 0.4s ease;\r\n            direction: rtl;\r\n        }\r\n        #lightbox.active { display: flex; opacity: 1; }\r\n        #lightbox img {\r\n            max-width: 90%; max-height: 85vh; border-radius: 8px;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n            transform: scale(0.95); transition: transform 0.4s ease;\r\n            background: #fff;\r\n        }\r\n        #lightbox.active img { transform: scale(1); }\r\n        #close-icon {\r\n            position: absolute; top: 30px; left: 40px; right: auto;\r\n            color: #fff; font-size: 35px; cursor: pointer; transition: 0.3s;\r\n        }\r\n        #close-icon:hover { color: var(--color-gold); transform: rotate(90deg); }\r\n\r\n        \/* --- 5. RESPONSIVE DESIGN --- *\/\r\n        @media (max-width: 1200px) { .masonry-grid { column-count: 3; } }\r\n        @media (max-width: 992px) { .masonry-grid { column-count: 2; } }\r\n        @media (max-width: 576px) { .masonry-grid { column-count: 1; padding: 0 10px; } .main-heading { font-size: 2.5rem; } .dynamic-page-header { height: 350px; padding-top: 140px; } }\r\n\r\n        \/* ========================================================== *\/\r\n        \/* --- 6. DUAL LANGUAGE TOGGLE & TRANSLATEPRESS LTR FIXES --- *\/\r\n        \/* ========================================================== *\/\r\n\r\n        .lang-en { display: none; }\r\n        .lang-ar { display: inline; }\r\n\r\n        html[lang^=\"en\"] .dynamic-page-header-wrapper, html.translated-ltr .dynamic-page-header-wrapper, body.translatepress-en .dynamic-page-header-wrapper, [dir=\"ltr\"] .dynamic-page-header-wrapper,\r\n        html[lang^=\"en\"] .dynamic-page-header, html.translated-ltr .dynamic-page-header, body.translatepress-en .dynamic-page-header, [dir=\"ltr\"] .dynamic-page-header,\r\n        html[lang^=\"en\"] .breadcrumb-list, html.translated-ltr .breadcrumb-list, body.translatepress-en .breadcrumb-list, [dir=\"ltr\"] .breadcrumb-list,\r\n        html[lang^=\"en\"] #smart-masonry-section, html.translated-ltr #smart-masonry-section, body.translatepress-en #smart-masonry-section, [dir=\"ltr\"] #smart-masonry-section {\r\n            direction: ltr !important; text-align: left;\r\n        }\r\n\r\n        html[lang^=\"en\"] body, html[lang^=\"en\"] .page-title, html[lang^=\"en\"] .breadcrumb-list, html[lang^=\"en\"] .main-heading, html[lang^=\"en\"] .sub-heading, html[lang^=\"en\"] .item-tag, html[lang^=\"en\"] .item-title, html[lang^=\"en\"] .quick-view-btn, html[lang^=\"en\"] .prod-badge,\r\n        html.translated-ltr body, html.translated-ltr .page-title, html.translated-ltr .breadcrumb-list, html.translated-ltr .main-heading, html.translated-ltr .sub-heading, html.translated-ltr .item-tag, html.translated-ltr .item-title, html.translated-ltr .quick-view-btn, html.translated-ltr .prod-badge,\r\n        body.translatepress-en body, body.translatepress-en .page-title, body.translatepress-en .breadcrumb-list, body.translatepress-en .main-heading, body.translatepress-en .sub-heading, body.translatepress-en .item-tag, body.translatepress-en .item-title, body.translatepress-en .quick-view-btn, body.translatepress-en .prod-badge,\r\n        [dir=\"ltr\"] body, [dir=\"ltr\"] .page-title, [dir=\"ltr\"] .breadcrumb-list, [dir=\"ltr\"] .main-heading, [dir=\"ltr\"] .sub-heading, [dir=\"ltr\"] .item-tag, [dir=\"ltr\"] .item-title, [dir=\"ltr\"] .quick-view-btn, [dir=\"ltr\"] .prod-badge {\r\n            font-family: var(--font-en), system-ui, -apple-system, sans-serif !important;\r\n        }\r\n\r\n        html[lang^=\"en\"] .lang-ar, html.translated-ltr .lang-ar, body.translatepress-en .lang-ar, [dir=\"ltr\"] .lang-ar { display: none !important; }\r\n        html[lang^=\"en\"] .lang-en, html.translated-ltr .lang-en, body.translatepress-en .lang-en, [dir=\"ltr\"] .lang-en { display: inline !important; }\r\n\r\n        html[lang^=\"en\"] .prod-badge, html.translated-ltr .prod-badge, body.translatepress-en .prod-badge, [dir=\"ltr\"] .prod-badge { right: auto !important; left: 15px !important; }\r\n        html[lang^=\"en\"] #lightbox, html.translated-ltr #lightbox, body.translatepress-en #lightbox, [dir=\"ltr\"] #lightbox { direction: ltr !important; }\r\n        html[lang^=\"en\"] #close-icon, html.translated-ltr #close-icon, body.translatepress-en #close-icon, [dir=\"ltr\"] #close-icon { left: auto !important; right: 40px !important; }\r\n        html[lang^=\"en\"] .header-content, html[lang^=\"en\"] .item-info, html[lang^=\"en\"] .heading-box, [dir=\"ltr\"] .header-content, [dir=\"ltr\"] .item-info, [dir=\"ltr\"] .heading-box { text-align: center !important; }\r\n    <\/style>\r\n\r\n\r\n<div class=\"dynamic-page-header-wrapper\">\r\n    <header class=\"dynamic-page-header\">\r\n        <div class=\"header-content\">\r\n            <h1 class=\"page-title\">\r\n                <span class=\"lang-ar\">\u0627\u0644\u062a\u062e\u064a\u064a\u0645<\/span>\r\n                <span class=\"lang-en\">Camping<\/span>\r\n            <\/h1>\r\n            <div class=\"title-divider\"><\/div>\r\n            <nav class=\"breadcrumb-nav\">\r\n                <ol class=\"breadcrumb-list\">\r\n                    <li class=\"breadcrumb-item\">\r\n                        <a href=\"\/\">\r\n                            <span class=\"lang-ar\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span>\r\n                            <span class=\"lang-en\">Home<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li class=\"breadcrumb-item active\">\r\n                        <span class=\"lang-ar\">\u0627\u0644\u062a\u062e\u064a\u064a\u0645<\/span>\r\n                        <span class=\"lang-en\">Camping<\/span>\r\n                    <\/li>\r\n                <\/ol>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n<\/div>\r\n\r\n<section id=\"smart-masonry-section\">\r\n    <div class=\"heading-box\">\r\n        <h2 class=\"main-heading\">\r\n            <span class=\"lang-ar\">\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u062a\u062e\u064a\u064a\u0645 \u0648\u0627\u0644\u0631\u062d\u0644\u0627\u062a<\/span>\r\n            <span class=\"lang-en\">Camping & Outdoor Essentials<\/span>\r\n        <\/h2>\r\n        <span class=\"sub-heading\">\r\n            <span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0631\u062d\u0644\u0627\u062a\u0643<\/span>\r\n            <span class=\"lang-en\">Complete Tools & Equipment for your Trips<\/span>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"masonry-grid\">\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Butane-High-Performance-Gas.jpeg\">\r\n            <span class=\"prod-badge badge-gold\"><span class=\"lang-ar\">\u062c\u062f\u064a\u062f<\/span><span class=\"lang-en\">New<\/span><\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Butane-High-Performance-Gas.jpeg\" alt=\"Butane High Performance Gas\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0648\u0642\u0648\u062f<\/span><span class=\"lang-en\">Fuel<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u063a\u0627\u0632 \u0627\u0644\u0628\u0648\u062a\u0627\u0646 \u0639\u0627\u0644\u064a \u0627\u0644\u0623\u062f\u0627\u0621<\/span><span class=\"lang-en\">Butane High Performance Gas<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Flame-Lighter-Fluid.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Flame-Lighter-Fluid.jpeg\" alt=\"Flame Lighter Fluid\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0633\u0627\u0626\u0644 \u0625\u0634\u0639\u0627\u0644<\/span><span class=\"lang-en\">Lighter Fluid<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0633\u0627\u0626\u0644 \u0625\u0634\u0639\u0627\u0644 \u0627\u0644\u0644\u0647\u0628<\/span><span class=\"lang-en\">Flame Lighter Fluid<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Asmaco-Camping-Gas-1.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Asmaco-Camping-Gas-1.jpeg\" alt=\"Asmaco Camping Gas\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0648\u0642\u0648\u062f<\/span><span class=\"lang-en\">Gas<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u063a\u0627\u0632 \u062a\u062e\u064a\u064a\u0645 \u0623\u0633\u0645\u0627\u0643\u0648<\/span><span class=\"lang-en\">Asmaco Camping Gas<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Lion-Fire-Butane-Gas.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Lion-Fire-Butane-Gas.jpeg\" alt=\"Lion Fire Butane Gas\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0648\u0642\u0648\u062f<\/span><span class=\"lang-en\">Fuel<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u063a\u0627\u0632 \u0628\u0648\u062a\u0627\u0646 \u0644\u0627\u064a\u0648\u0646 \u0641\u0627\u064a\u0631<\/span><span class=\"lang-en\">Lion Fire Butane Gas<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Camping-Chairs.jpeg\">\r\n            <span class=\"prod-badge badge-gold\"><span class=\"lang-ar\">\u0631\u0627\u062d\u0629<\/span><span class=\"lang-en\">Comfort<\/span><\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Camping-Chairs-300x200.jpeg\" alt=\"Camping Chairs\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0623\u062b\u0627\u062b<\/span><span class=\"lang-en\">Furniture<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0643\u0631\u0627\u0633\u064a \u062a\u062e\u064a\u064a\u0645<\/span><span class=\"lang-en\">Camping Chairs<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Camping-Bag.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Camping-Bag-200x300.png\" alt=\"Camping Bag\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u062d\u0642\u0627\u0626\u0628<\/span><span class=\"lang-en\">Bags<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u062d\u0642\u064a\u0628\u0629 \u062a\u062e\u064a\u064a\u0645 \u0644\u0644\u0631\u062d\u0644\u0627\u062a<\/span><span class=\"lang-en\">Camping Bag<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/BBQ-Stand.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/BBQ-Stand-281x300.jpeg\" alt=\"BBQ Stand\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0634\u0648\u0627\u0621<\/span><span class=\"lang-en\">BBQ<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u062d\u0627\u0645\u0644 \u0634\u0648\u0627\u0621 (\u0634\u0648\u0627\u064a\u0629)<\/span><span class=\"lang-en\">BBQ Stand<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Asmaco-Camping-Gas.jpeg\">\r\n            <span class=\"prod-badge\"><span class=\"lang-ar\">\u0637\u0627\u0642\u0629<\/span><span class=\"lang-en\">Fuel<\/span><\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Asmaco-Camping-Gas-300x280.jpeg\" alt=\"Asmaco Camping Gas\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0648\u0642\u0648\u062f<\/span><span class=\"lang-en\">Gas<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u063a\u0627\u0632 \u062a\u062e\u064a\u064a\u0645 \u0623\u0633\u0645\u0627\u0643\u0648<\/span><span class=\"lang-en\">Asmaco Camping Gas<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Villey-Portable-mini-foldind-beach-table.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Villey-Portable-mini-foldind-beach-table-300x280.jpeg\" alt=\"Villey Portable Table\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0623\u062b\u0627\u062b \u0642\u0627\u0628\u0644 \u0644\u0644\u0637\u064a<\/span><span class=\"lang-en\">Folding Furniture<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0637\u0627\u0648\u0644\u0629 \u0634\u0627\u0637\u0626 \u0648\u062a\u062e\u064a\u064a\u0645 \u0635\u063a\u064a\u0631\u0629<\/span><span class=\"lang-en\">Villey Portable Mini Table<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Thermal-Jug-with-Fauget.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Thermal-Jug-with-Fauget-200x300.png\" alt=\"Thermal Jug with Faucet\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u062d\u0627\u0641\u0638\u0627\u062a \u062d\u0631\u0627\u0631\u0629<\/span><span class=\"lang-en\">Thermal<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u062d\u0627\u0641\u0638\u0629 \u0645\u064a\u0627\u0647 \u062d\u0631\u0627\u0631\u064a\u0629 \u0628\u0635\u0646\u0628\u0648\u0631<\/span><span class=\"lang-en\">Thermal Jug with Faucet<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/SS-Vaccum-Flask.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/SS-Vaccum-Flask-292x300.jpeg\" alt=\"SS Vacuum Flask\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a \u0634\u0631\u0628<\/span><span class=\"lang-en\">Drinkware<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u062a\u0631\u0645\u0633 \u0645\u0641\u0631\u063a \u0645\u0646 \u0627\u0644\u0633\u062a\u0627\u0646\u0644\u0633 \u0633\u062a\u064a\u0644<\/span><span class=\"lang-en\">SS Vacuum Flask<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Rust-remover-and-lubricant.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Rust-remover-and-lubricant-191x300.jpeg\" alt=\"Rust remover and lubricant\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0635\u064a\u0627\u0646\u0629<\/span><span class=\"lang-en\">Maintenance<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0632\u064a\u0644 \u0635\u062f\u0623 \u0648\u0645\u0632\u0644\u0642<\/span><span class=\"lang-en\">Rust Remover & Lubricant<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Trible-torch.jpeg\">\r\n            <span class=\"prod-badge badge-gold\"><span class=\"lang-ar\">\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span><span class=\"lang-en\">Pro<\/span><\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Trible-torch-300x202.jpeg\" alt=\"Runi Trible torch\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0634\u0639\u0644\u0627\u062a<\/span><span class=\"lang-en\">Torches<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0634\u0639\u0644\u0629 \u0631\u0648\u0646\u064a \u0627\u0644\u062b\u0644\u0627\u062b\u064a\u0629<\/span><span class=\"lang-en\">Runi Triple Torch<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Stove-Burner.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Stove-Burner-300x176.jpeg\" alt=\"Runi Stove Burner\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0648\u0627\u0642\u062f<\/span><span class=\"lang-en\">Stoves<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0648\u0642\u062f \u0631\u0648\u0646\u064a<\/span><span class=\"lang-en\">Runi Stove Burner<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Portable-Gas-Stove.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Portable-Gas-Stove-300x114.jpeg\" alt=\"Runi Portable Gas Stove\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0648\u0627\u0642\u062f \u0645\u062d\u0645\u0648\u0644\u0629<\/span><span class=\"lang-en\">Portable Stoves<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0648\u0642\u062f \u063a\u0627\u0632 \u0631\u0648\u0646\u064a \u0627\u0644\u0645\u062d\u0645\u0648\u0644<\/span><span class=\"lang-en\">Runi Portable Gas Stove<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Portable-Gas-Burner.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Portable-Gas-Burner-300x219.jpeg\" alt=\"Runi Portable Gas Burner\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0634\u0639\u0644\u0627\u062a \u0645\u062d\u0645\u0648\u0644\u0629<\/span><span class=\"lang-en\">Portable Burners<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0634\u0639\u0644\u0629 \u063a\u0627\u0632 \u0631\u0648\u0646\u064a \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629<\/span><span class=\"lang-en\">Runi Portable Gas Burner<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Gas.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Gas-233x300.jpeg\" alt=\"Runi Gas\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0639\u0628\u0648\u0627\u062a \u063a\u0627\u0632<\/span><span class=\"lang-en\">Gas Cartridges<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u063a\u0627\u0632 \u0631\u0648\u0646\u064a<\/span><span class=\"lang-en\">Runi Gas<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Gas-torch.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Gas-torch-255x300.jpeg\" alt=\"Runi Gas torch\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0634\u0639\u0644\u0627\u062a \u063a\u0627\u0632<\/span><span class=\"lang-en\">Gas Torches<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0634\u0639\u0644\u0629 \u063a\u0627\u0632 \u0631\u0648\u0646\u064a<\/span><span class=\"lang-en\">Runi Gas Torch<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Gas-stove.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Runi-Gas-stove-300x247.jpeg\" alt=\"Runi Gas stove\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0648\u0627\u0642\u062f<\/span><span class=\"lang-en\">Stoves<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0648\u0642\u062f \u063a\u0627\u0632 \u0631\u0648\u0646\u064a<\/span><span class=\"lang-en\">Runi Gas Stove<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Prism-Chafing-Fuel.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Prism-Chafing-Fuel-248x300.jpeg\" alt=\"Prism Chafing Fuel\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0648\u0642\u0648\u062f \u062a\u0633\u062e\u064a\u0646<\/span><span class=\"lang-en\">Chafing Fuel<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0648\u0642\u0648\u062f \u062a\u0633\u062e\u064a\u0646 \u0628\u0631\u064a\u0632\u0645<\/span><span class=\"lang-en\">Prism Chafing Fuel<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Portable-Stove-Gas.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Portable-Stove-Gas-300x277.png\" alt=\"Portable Stove & Gas\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u062c\u0645\u0648\u0639\u0627\u062a<\/span><span class=\"lang-en\">Sets<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0648\u0642\u062f \u0645\u062d\u0645\u0648\u0644 \u0645\u0639 \u063a\u0627\u0632<\/span><span class=\"lang-en\">Portable Stove & Gas Set<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Portable-Aluminium-Folding-camping-table.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Portable-Aluminium-Folding-camping-table-277x300.jpeg\" alt=\"Portable Aluminium Folding camping table\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0623\u062b\u0627\u062b \u0623\u0644\u0645\u0646\u064a\u0648\u0645<\/span><span class=\"lang-en\">Aluminium Furniture<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0637\u0627\u0648\u0644\u0629 \u062a\u062e\u064a\u064a\u0645 \u0623\u0644\u0645\u0646\u064a\u0648\u0645 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0637\u064a<\/span><span class=\"lang-en\">Aluminium Folding Table<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Multi-Purpose-Torch.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Multi-Purpose-Torch-300x233.jpeg\" alt=\"Multi Purpose Torch\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a<\/span><span class=\"lang-en\">Tools<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0634\u0639\u0644\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0623\u063a\u0631\u0627\u0636<\/span><span class=\"lang-en\">Multi Purpose Torch<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"masonry-item\" dir=\"auto\" data-lightbox-img=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Manual-Pump-Pressure-sprayer.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Manual-Pump-Pressure-sprayer-200x300.png\" alt=\"Manual Pump Pressure sprayer\" loading=\"lazy\">\r\n                <div class=\"quick-view-btn\">\r\n                    <span class=\"lang-ar\">\u0639\u0631\u0636 \u0633\u0631\u064a\u0639<\/span><span class=\"lang-en\">Quick View<\/span> <i class=\"fas fa-eye\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0631\u0634\u0627\u0634\u0627\u062a<\/span><span class=\"lang-en\">Sprayers<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0628\u062e\u0627\u062e \u0636\u063a\u0637 \u0628\u0645\u0636\u062e\u0629 \u064a\u062f\u0648\u064a\u0629<\/span><span class=\"lang-en\">Manual Pump Pressure Sprayer<\/span><\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<div id=\"lightbox\">\r\n    <span id=\"close-icon\">&times;<\/span>\r\n    <img decoding=\"async\" id=\"lb-image\" src=\"\" alt=\"Zoomed Image\">\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const lightbox = document.getElementById('lightbox');\r\n        const lightboxImg = document.getElementById('lb-image');\r\n        const closeIcon = document.getElementById('close-icon');\r\n        \r\n        if (!lightbox || !lightboxImg) return;\r\n\r\n        document.querySelector('.masonry-grid').addEventListener('click', function(e) {\r\n            const item = e.target.closest('.masonry-item');\r\n            if (item && item.dataset.lightboxImg) {\r\n                lightboxImg.src = item.dataset.lightboxImg;\r\n                lightbox.classList.add('active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n        });\r\n\r\n        function closeGallery(e) {\r\n            if (e.target !== lightboxImg) {\r\n                lightbox.classList.remove('active');\r\n                document.body.style.overflow = ''; \r\n                setTimeout(() => { lightboxImg.src = ''; }, 400);\r\n            }\r\n        }\r\n\r\n        lightbox.addEventListener('click', closeGallery);\r\n        if (closeIcon) {\r\n            closeIcon.addEventListener('click', closeGallery);\r\n        }\r\n\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === \"Escape\" && lightbox.classList.contains('active')) {\r\n                closeGallery(e);\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"parent":0,"template":"elementor_header_footer","class_list":["post-2922","products","type-products","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/2922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products"}],"about":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/types\/products"}],"version-history":[{"count":15,"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/2922\/revisions"}],"predecessor-version":[{"id":4565,"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/2922\/revisions\/4565"}],"wp:attachment":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/media?parent=2922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}