{"id":2923,"date":"2026-01-31T08:30:27","date_gmt":"2026-01-31T05:30:27","guid":{"rendered":"https:\/\/www.mada-alhadithah.com.sa\/?post_type=products&#038;p=2923"},"modified":"2026-04-22T19:53:45","modified_gmt":"2026-04-22T16:53:45","slug":"home-and-personal-care","status":"publish","type":"products","link":"https:\/\/www.mada-alhadithah.com.sa\/ar\/products\/home-and-personal-care\/","title":{"rendered":"\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u0634\u062e\u0635\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2923\" class=\"elementor elementor-2923\" data-elementor-post-type=\"products\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1704554 e-con-full e-flex e-con e-parent\" data-id=\"1704554\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7dbdce elementor-widget elementor-widget-html\" data-id=\"f7dbdce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- 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        --font-arabic: 'Noto Naskh Arabic', serif;\r\n    }\r\n\r\n    \/* Force RTL (Right to Left) *\/\r\n    .dynamic-page-header-wrapper {\r\n        direction: rtl !important;\r\n        text-align: right;\r\n        font-family: var(--font-arabic) !important;\r\n    }\r\n\r\n    body { margin: 0; }\r\n\r\n    \/* --- PAGE HEADER STYLES --- *\/\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        box-sizing: border-box;\r\n        direction: rtl !important; \/* Arabic Direction *\/\r\n    }\r\n\r\n    \/* Dark Overlay *\/\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    \/* --- TITLE STYLING --- *\/\r\n    .page-title {\r\n        color: var(--color-white);\r\n        font-size: 3.5rem; \r\n        font-weight: 700; \/* Adjusted to 700 for Noto Naskh *\/\r\n        margin: 0;\r\n        text-transform: none; \/* Removed for Arabic *\/\r\n        letter-spacing: 0px; \/* Removed for Arabic readability *\/\r\n        line-height: 1.4;\r\n        text-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    \/* Gold Divider *\/\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 STYLING --- *\/\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 !important; \/* RTL Flow *\/\r\n    }\r\n\r\n    .breadcrumb-item {\r\n        color: rgba(255, 255, 255, 0.8);\r\n        display: flex; align-items: center;\r\n    }\r\n    .breadcrumb-item a {\r\n        color: var(--color-white); text-decoration: none; transition: color 0.3s;\r\n    }\r\n    .breadcrumb-item a:hover { color: var(--color-gold); }\r\n\r\n    \/* RTL Separator Fix (Changed from ::after to ::before) *\/\r\n    .breadcrumb-item:not(:last-child)::before {\r\n        content: '\/'; margin: 0 15px; color: var(--color-gold); font-weight: bold;\r\n    }\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    \/* Mobile Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .dynamic-page-header { height: 350px; padding-top: 140px; }\r\n        .page-title { font-size: 2.2rem; }\r\n    }\r\n<\/style>\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\" id=\"dynamicTitle\">\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644...<\/h1>\r\n            <div class=\"title-divider\"><\/div>\r\n            <nav class=\"breadcrumb-nav\">\r\n                <ol class=\"breadcrumb-list\" id=\"dynamicBreadcrumb\"><\/ol>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n<\/div>\r\n    \r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ 1. Browser Title Extract\r\n        let fullTitle = document.title; \r\n\r\n        \/\/ 2. Cleaning Logic\r\n        if (fullTitle.includes('\u2013')) {\r\n            fullTitle = fullTitle.split('\u2013')[0]; \r\n        } \r\n        else if (fullTitle.includes('-')) {\r\n            fullTitle = fullTitle.split('-')[0];\r\n        }\r\n        else if (fullTitle.includes('|')) {\r\n            fullTitle = fullTitle.split('|')[0];\r\n        }\r\n\r\n        let cleanTitle = fullTitle.trim();\r\n\r\n        \/\/ 3. Set Title\r\n        const titleElement = document.getElementById('dynamicTitle');\r\n        if(titleElement) titleElement.textContent = cleanTitle;\r\n\r\n        \/\/ 4. Set Breadcrumb (Arabic Translation)\r\n        const breadcrumbList = document.getElementById('dynamicBreadcrumb');\r\n        const breadcrumbHTML = `\r\n            <li class=\"breadcrumb-item\"><a href=\"\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n            <li class=\"breadcrumb-item active\">${cleanTitle}<\/li>\r\n        `;\r\n        if(breadcrumbList) breadcrumbList.innerHTML = breadcrumbHTML;\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-133ff00 e-con-full e-flex e-con e-parent\" data-id=\"133ff00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c5037e elementor-widget elementor-widget-html\" data-id=\"2c5037e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <title>Bilingual Products Masonry Grid<\/title>\r\n\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        \/* --- VARIABLES --- *\/\r\n        :root {\r\n            --bg-body: #f8f9fa;\r\n            --card-bg: #ffffff;\r\n            --brand-green: #0b3d2e; \r\n            --brand-gold: #c6a87c;\r\n            --shadow-soft: 0 10px 40px rgba(0,0,0,0.06);\r\n            --shadow-hover: 0 20px 50px rgba(11, 61, 46, 0.15);\r\n            \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        }\r\n\r\n        \/* --- SECTION --- *\/\r\n        #masonry-section { \r\n            padding: 80px 20px 60px; \r\n            text-align: center; \r\n            direction: rtl; \/* Default RTL for Arabic *\/\r\n        }\r\n        \r\n        .heading-box { margin-bottom: 50px; }\r\n\r\n        .main-heading {\r\n            font-family: var(--font-arabic);\r\n            color: var(--brand-green);\r\n            font-size: 3rem; \r\n            margin: 0; \r\n            font-weight: 700; \r\n            line-height: 1.4;\r\n        }\r\n\r\n        .sub-heading {\r\n            display: block; \r\n            color: var(--brand-gold);\r\n            font-size: 1.2rem; \r\n            margin-top: 10px;\r\n            font-family: var(--font-arabic);\r\n        }\r\n\r\n        \/* --- GRID LAYOUT --- *\/\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        \/* --- CARD DESIGN --- *\/\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            \r\n            -webkit-column-break-inside: avoid;\r\n            page-break-inside: avoid;\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        \/* --- IMAGE AREA --- *\/\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: 180px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .masonry-item img {\r\n            width: 100%; \r\n            height: auto; \r\n            display: block;\r\n            transition: transform 0.6s ease;\r\n            mix-blend-mode: normal; \r\n        }\r\n\r\n        .masonry-item:hover img { transform: scale(1.08); }\r\n\r\n        \/* --- QUICK VIEW BUTTON --- *\/\r\n        .quick-view-btn {\r\n            position: absolute;\r\n            bottom: -50px; \r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex; align-items: center; gap: 8px;\r\n            padding: 10px 24px;\r\n            width: max-content;\r\n            background: rgba(11, 61, 46, 0.95);\r\n            color: #fff;\r\n            backdrop-filter: blur(4px);\r\n            border-radius: 30px;\r\n            font-size: 0.9rem; \r\n            font-weight: 600;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n            transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            z-index: 10;\r\n            font-family: var(--font-arabic);\r\n        }\r\n\r\n        .masonry-item:hover .quick-view-btn { bottom: 20px; }\r\n        .quick-view-btn:hover { background: var(--brand-gold); color: #000; }\r\n\r\n        \/* --- BADGES --- *\/\r\n        .prod-badge {\r\n            position: absolute; \r\n            top: 15px; \r\n            right: 15px; \r\n            left: auto;\r\n            background: var(--brand-green); color: #fff;\r\n            font-size: 11px; font-weight: 700; \r\n            padding: 6px 12px; border-radius: 4px; z-index: 2;\r\n            font-family: var(--font-arabic);\r\n        }\r\n        \r\n        .badge-gold { background: var(--brand-gold); color: #000; }\r\n\r\n        \/* --- INFO AREA --- *\/\r\n        .item-info {\r\n            padding: 20px 25px; background: #fff; text-align: center;\r\n            position: relative; z-index: 5;\r\n        }\r\n\r\n        .item-tag {\r\n            display: block; color: var(--brand-gold);\r\n            font-size: 0.85rem; \r\n            font-weight: 700; margin-bottom: 8px;\r\n        }\r\n\r\n        .item-title {\r\n            color: var(--brand-green);\r\n            font-family: var(--font-arabic);\r\n            font-weight: 700; font-size: 1.1rem; margin: 0;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* --- LIGHTBOX --- *\/\r\n        #lightbox {\r\n            display: none; position: fixed; z-index: 9999;\r\n            left: 0; top: 0; width: 100%; height: 100%;\r\n            background: rgba(11, 61, 46, 0.95); 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        }\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(--brand-gold); transform: rotate(90deg); }\r\n\r\n        \/* --- RESPONSIVE --- *\/\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; } }\r\n\r\n\r\n        \/* ========================================================== *\/\r\n        \/* --- DUAL LANGUAGE TOGGLE & TRANSLATEPRESS LTR FIXES ---  *\/\r\n        \/* ========================================================== *\/\r\n\r\n        \/* 1. Default State (Arabic visible, English hidden) *\/\r\n        .lang-en { display: none; }\r\n        .lang-ar { display: inline; }\r\n\r\n        \/* 2. English State Trigger (Activated by TranslatePress) *\/\r\n        html[lang^=\"en\"] #masonry-section, html.translated-ltr #masonry-section, body.translatepress-en #masonry-section, [dir=\"ltr\"] #masonry-section {\r\n            direction: ltr !important;\r\n        }\r\n\r\n        \/* Change Font to Inter when English *\/\r\n        html[lang^=\"en\"] body, html[lang^=\"en\"] .main-heading, html[lang^=\"en\"] .sub-heading, html[lang^=\"en\"] .prod-badge, html[lang^=\"en\"] .item-tag, html[lang^=\"en\"] .item-title, html[lang^=\"en\"] .quick-view-btn,\r\n        html.translated-ltr body, html.translated-ltr .main-heading, html.translated-ltr .sub-heading, html.translated-ltr .prod-badge, html.translated-ltr .item-tag, html.translated-ltr .item-title, html.translated-ltr .quick-view-btn,\r\n        body.translatepress-en body, body.translatepress-en .main-heading, body.translatepress-en .sub-heading, body.translatepress-en .prod-badge, body.translatepress-en .item-tag, body.translatepress-en .item-title, body.translatepress-en .quick-view-btn,\r\n        [dir=\"ltr\"] body, [dir=\"ltr\"] .main-heading, [dir=\"ltr\"] .sub-heading, [dir=\"ltr\"] .prod-badge, [dir=\"ltr\"] .item-tag, [dir=\"ltr\"] .item-title, [dir=\"ltr\"] .quick-view-btn {\r\n            font-family: var(--font-en), system-ui, -apple-system, sans-serif !important;\r\n        }\r\n\r\n        \/* Hide Arabic & Show English Text *\/\r\n        html[lang^=\"en\"] .lang-ar, html.translated-ltr .lang-ar, body.translatepress-en .lang-ar, [dir=\"ltr\"] .lang-ar {\r\n            display: none !important;\r\n        }\r\n        html[lang^=\"en\"] .lang-en, html.translated-ltr .lang-en, body.translatepress-en .lang-en, [dir=\"ltr\"] .lang-en {\r\n            display: inline !important;\r\n        }\r\n\r\n        \/* Fixes for LTR Layout Elements *\/\r\n        html[lang^=\"en\"] .prod-badge, html.translated-ltr .prod-badge, body.translatepress-en .prod-badge, [dir=\"ltr\"] .prod-badge {\r\n            right: auto !important; left: 15px !important;\r\n        }\r\n        html[lang^=\"en\"] #lightbox, html.translated-ltr #lightbox, body.translatepress-en #lightbox, [dir=\"ltr\"] #lightbox {\r\n            direction: ltr !important;\r\n        }\r\n        html[lang^=\"en\"] #close-icon, html.translated-ltr #close-icon, body.translatepress-en #close-icon, [dir=\"ltr\"] #close-icon {\r\n            left: auto !important; right: 40px !important;\r\n        }\r\n\r\n    <\/style>\r\n\r\n\r\n<section id=\"masonry-section\">\r\n    <div class=\"heading-box\">\r\n        <h2 class=\"main-heading\">\r\n            <span class=\"lang-ar\">\u0643\u062a\u0627\u0644\u0648\u062c \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/span>\r\n            <span class=\"lang-en\">Product Catalog<\/span>\r\n        <\/h2>\r\n        <span class=\"sub-heading\">\r\n            <span class=\"lang-ar\">\u062a\u0634\u0643\u064a\u0644\u0629 \u0630\u0627\u062a \u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/span>\r\n            <span class=\"lang-en\">High Quality Collection<\/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\/Prism-flash-mint-scent-1.jpeg\">\r\n            <span class=\"prod-badge badge-gold\">\r\n                <span class=\"lang-ar\">\u0645\u0646\u0639\u0634<\/span><span class=\"lang-en\">Fresh<\/span>\r\n            <\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Prism-flash-mint-scent-1-225x300.jpeg\" alt=\"\u0641\u0644\u0627\u0634 \u0628\u0631\u064a\u0632\u0645\" 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\">\r\n                    <span class=\"lang-ar\">\u0645\u0646\u0638\u0641\u0627\u062a<\/span><span class=\"lang-en\">Detergents<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0641\u0644\u0627\u0634 \u0628\u0631\u064a\u0632\u0645 \u0628\u0627\u0644\u0646\u0639\u0646\u0627\u0639<\/span><span class=\"lang-en\">Prism Flash Mint Scent<\/span>\r\n                <\/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-flash-flower-scent-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\/Prism-flash-flower-scent-1-225x300.jpeg\" alt=\"\u0641\u0644\u0627\u0634 \u0628\u0631\u064a\u0632\u0645\" 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\">\r\n                    <span class=\"lang-ar\">\u0645\u0646\u0638\u0641\u0627\u062a<\/span><span class=\"lang-en\">Detergents<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0641\u0644\u0627\u0634 \u0628\u0631\u064a\u0632\u0645 \u0628\u0627\u0644\u0632\u0647\u0648\u0631<\/span><span class=\"lang-en\">Prism Flash Flower Scent<\/span>\r\n                <\/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\/Ocean-Cool-Air-freshners-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\/Ocean-Cool-Air-freshners-1-300x200.jpeg\" alt=\"\u0645\u0639\u0637\u0631 \u062c\u0648\" 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\">\r\n                    <span class=\"lang-ar\">\u0645\u0639\u0637\u0631\u0627\u062a<\/span><span class=\"lang-en\">Air Fresheners<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0639\u0637\u0631 \u062c\u0648 \u0623\u0648\u0634\u0646 \u0643\u0648\u0644<\/span><span class=\"lang-en\">Ocean Cool Freshener<\/span>\r\n                <\/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\/Kettle-1.png\">\r\n            <span class=\"prod-badge\">\r\n                <span class=\"lang-ar\">\u0623\u062c\u0647\u0632\u0629<\/span><span class=\"lang-en\">Appliances<\/span>\r\n            <\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Kettle-1-300x221.png\" alt=\"\u063a\u0644\u0627\u064a\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\" 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\">\r\n                    <span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a \u0645\u0637\u0628\u062e<\/span><span class=\"lang-en\">Kitchenware<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u063a\u0644\u0627\u064a\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/span><span class=\"lang-en\">Electric Kettle<\/span>\r\n                <\/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\/Flash-Bowl-Cleaner-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\/Flash-Bowl-Cleaner-1-300x300.jpeg\" alt=\"\u0645\u0646\u0638\u0641 \u0645\u0631\u0627\u062d\u064a\u0636\" 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\">\r\n                    <span class=\"lang-ar\">\u0645\u0646\u0638\u0641\u0627\u062a<\/span><span class=\"lang-en\">Detergents<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0646\u0638\u0641 \u0645\u0631\u0627\u062d\u064a\u0636 \u0641\u0644\u0627\u0634<\/span><span class=\"lang-en\">Flash Bowl Cleaner<\/span>\r\n                <\/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\/Farissa-Beauty-soap-1.jpeg\">\r\n            <span class=\"prod-badge badge-gold\">\r\n                <span class=\"lang-ar\">\u062a\u062c\u0645\u064a\u0644<\/span><span class=\"lang-en\">Beauty<\/span>\r\n            <\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Farissa-Beauty-soap-1-300x212.jpeg\" alt=\"\u0635\u0627\u0628\u0648\u0646 \u0641\u0627\u0631\u064a\u0633\u0627\" 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\">\r\n                    <span class=\"lang-ar\">\u0639\u0646\u0627\u064a\u0629 \u0634\u062e\u0635\u064a\u0629<\/span><span class=\"lang-en\">Personal Care<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0635\u0627\u0628\u0648\u0646 \u0627\u0644\u062c\u0645\u0627\u0644 \u0641\u0627\u0631\u064a\u0633\u0627<\/span><span class=\"lang-en\">Farissa Beauty Soap<\/span>\r\n                <\/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\/Electric-Gas-Ignitor-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\/Electric-Gas-Ignitor-1-216x300.jpeg\" alt=\"\u0648\u0644\u0627\u0639\u0629 \u063a\u0627\u0632\" 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\">\r\n                    <span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a \u0645\u0637\u0628\u062e<\/span><span class=\"lang-en\">Kitchen Tools<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0648\u0644\u0627\u0639\u0629 \u063a\u0627\u0632 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/span><span class=\"lang-en\">Electric Gas Ignitor<\/span>\r\n                <\/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\/Drinking-water-pump-Manual-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\/Drinking-water-pump-Manual-1-200x300.jpeg\" alt=\"\u0645\u0636\u062e\u0629 \u0645\u064a\u0627\u0647\" 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\">\r\n                    <span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a \u0645\u0646\u0632\u0644\u064a\u0629<\/span><span class=\"lang-en\">Household<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0636\u062e\u0629 \u0645\u064a\u0627\u0647 \u064a\u062f\u0648\u064a\u0629<\/span><span class=\"lang-en\">Manual Water Pump<\/span>\r\n                <\/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\/Dema-for-Brighter-Wash-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\/Dema-for-Brighter-Wash-1-224x300.jpeg\" alt=\"\u0645\u0633\u062d\u0648\u0642 \u062f\u064a\u0645\u0627\" 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\">\r\n                    <span class=\"lang-ar\">\u063a\u0633\u064a\u0644<\/span><span class=\"lang-en\">Laundry<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0633\u062d\u0648\u0642 \u063a\u0633\u064a\u0644 \u062f\u064a\u0645\u0627<\/span><span class=\"lang-en\">Dema Wash Powder<\/span>\r\n                <\/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\/Dema-Detergent-Powder-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\/Dema-Detergent-Powder-1-300x239.jpeg\" alt=\"\u0645\u0633\u062d\u0648\u0642 \u062f\u064a\u0645\u0627\" 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\">\r\n                    <span class=\"lang-ar\">\u063a\u0633\u064a\u0644<\/span><span class=\"lang-en\">Laundry<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0633\u062d\u0648\u0642 \u062f\u064a\u0645\u0627 \u0644\u0644\u063a\u0633\u064a\u0644<\/span><span class=\"lang-en\">Dema Detergent Powder<\/span>\r\n                <\/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\/Clonex-Beauty-care-soap-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\/Clonex-Beauty-care-soap-1-300x212.jpeg\" alt=\"\u0635\u0627\u0628\u0648\u0646 \u0643\u0644\u0648\u0646\u0643\u0633\" 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\">\r\n                    <span class=\"lang-ar\">\u0639\u0646\u0627\u064a\u0629 \u0634\u062e\u0635\u064a\u0629<\/span><span class=\"lang-en\">Personal Care<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0635\u0627\u0628\u0648\u0646 \u0627\u0644\u062c\u0645\u0627\u0644 \u0643\u0644\u0648\u0646\u0643\u0633<\/span><span class=\"lang-en\">Clonex Beauty Soap<\/span>\r\n                <\/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\/Battery-Musquito-Swatter-1.jpeg\">\r\n            <span class=\"prod-badge\">\r\n                <span class=\"lang-ar\">\u0639\u0645\u0644\u064a<\/span><span class=\"lang-en\">Practical<\/span>\r\n            <\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Battery-Musquito-Swatter-1-300x300.jpeg\" alt=\"\u0635\u0627\u0639\u0642 \u0646\u0627\u0645\u0648\u0633\" 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\">\r\n                    <span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a \u0645\u0646\u0632\u0644\u064a\u0629<\/span><span class=\"lang-en\">Household<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0635\u0627\u0639\u0642 \u0646\u0627\u0645\u0648\u0633 \u0628\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629<\/span><span class=\"lang-en\">Battery Mosquito Swatter<\/span>\r\n                <\/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\/Automatic-Water-Dispenser-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\/Automatic-Water-Dispenser-1-220x300.jpeg\" alt=\"\u0645\u0648\u0632\u0639 \u0645\u064a\u0627\u0647\" 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\">\r\n                    <span class=\"lang-ar\">\u0623\u062c\u0647\u0632\u0629<\/span><span class=\"lang-en\">Appliances<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0648\u0632\u0639 \u0645\u064a\u0627\u0647 \u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a<\/span><span class=\"lang-en\">Automatic Water Dispenser<\/span>\r\n                <\/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\/Aura-Furniture-Polish-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\/Aura-Furniture-Polish-1-205x300.jpeg\" alt=\"\u0645\u0644\u0645\u0639 \u0623\u062b\u0627\u062b\" 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\">\r\n                    <span class=\"lang-ar\">\u0645\u0646\u0638\u0641\u0627\u062a<\/span><span class=\"lang-en\">Cleaners<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0644\u0645\u0639 \u0623\u062b\u0627\u062b \u0623\u0648\u0631\u0627<\/span><span class=\"lang-en\">Aura Furniture Polish<\/span>\r\n                <\/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\/Aura-Air-freshners-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\/Aura-Air-freshners-1-300x171.jpeg\" alt=\"\u0645\u0639\u0637\u0631\u0627\u062a \u062c\u0648\" 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\">\r\n                    <span class=\"lang-ar\">\u0645\u0639\u0637\u0631\u0627\u062a<\/span><span class=\"lang-en\">Air Fresheners<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0639\u0637\u0631\u0627\u062a \u062c\u0648 \u0623\u0648\u0631\u0627<\/span><span class=\"lang-en\">Aura Air Fresheners<\/span>\r\n                <\/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\/Aouball-4-In-1-Portable-Glass-Air-fryer-1500W-1.png\">\r\n            <span class=\"prod-badge badge-gold\">\r\n                <span class=\"lang-ar\">\u062d\u0635\u0631\u064a<\/span><span class=\"lang-en\">Exclusive<\/span>\r\n            <\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Aouball-4-In-1-Portable-Glass-Air-fryer-1500W-1-300x132.png\" alt=\"\u0642\u0644\u0627\u064a\u0629 \u0647\u0648\u0627\u0626\u064a\u0629\" 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\">\r\n                    <span class=\"lang-ar\">\u0623\u062c\u0647\u0632\u0629 \u0645\u0637\u0628\u062e<\/span><span class=\"lang-en\">Kitchen Appliances<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0642\u0644\u0627\u064a\u0629 \u0647\u0648\u0627\u0626\u064a\u0629 \u0632\u062c\u0627\u062c\u064a\u0629 \u0623\u0648\u0628\u0627\u0644<\/span><span class=\"lang-en\">Aouball Glass Air Fryer<\/span>\r\n                <\/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\/Zahra-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\/Zahra-1-300x250.jpeg\" alt=\"\u0645\u0646\u062a\u062c\u0627\u062a \u0632\u0647\u0631\u0629\" 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\">\r\n                    <span class=\"lang-ar\">\u063a\u0633\u064a\u0644<\/span><span class=\"lang-en\">Laundry<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0646\u062a\u062c\u0627\u062a \u0632\u0647\u0631\u0629<\/span><span class=\"lang-en\">Zahra Products<\/span>\r\n                <\/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\/VIP-Beauty-Soap-lemon-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\/VIP-Beauty-Soap-lemon-1-300x225.jpeg\" alt=\"\u0635\u0627\u0628\u0648\u0646 VIP\" 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\">\r\n                    <span class=\"lang-ar\">\u0639\u0646\u0627\u064a\u0629 \u0634\u062e\u0635\u064a\u0629<\/span><span class=\"lang-en\">Personal Care<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0635\u0627\u0628\u0648\u0646 VIP \u0628\u0627\u0644\u0644\u064a\u0645\u0648\u0646<\/span><span class=\"lang-en\">VIP Beauty Soap Lemon<\/span>\r\n                <\/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\/Tooth-Brushes-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\/Tooth-Brushes-1-169x300.jpeg\" alt=\"\u0641\u0631\u0634 \u0623\u0633\u0646\u0627\u0646\" 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\">\r\n                    <span class=\"lang-ar\">\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0641\u0645<\/span><span class=\"lang-en\">Oral Care<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0641\u0631\u0634 \u0623\u0633\u0646\u0627\u0646<\/span><span class=\"lang-en\">Toothbrushes Set<\/span>\r\n                <\/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\/TAJ-Dishwashing-liquid-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\/TAJ-Dishwashing-liquid-1-200x300.jpeg\" alt=\"\u0633\u0627\u0626\u0644 \u063a\u0633\u064a\u0644 \u062a\u0627\u062c\" 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\">\r\n                    <span class=\"lang-ar\">\u0645\u0637\u0628\u062e<\/span><span class=\"lang-en\">Kitchen<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0633\u0627\u0626\u0644 \u063a\u0633\u064a\u0644 \u0627\u0644\u0635\u062d\u0648\u0646 \u062a\u0627\u062c<\/span><span class=\"lang-en\">TAJ Dishwashing Liquid<\/span>\r\n                <\/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\/Taj-Dishwasher-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\/Taj-Dishwasher-1-289x300.jpeg\" alt=\"\u0645\u0646\u0638\u0641 \u0635\u062d\u0648\u0646 \u062a\u0627\u062c\" 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\">\r\n                    <span class=\"lang-ar\">\u0645\u0637\u0628\u062e<\/span><span class=\"lang-en\">Kitchen<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0645\u0646\u0638\u0641 \u0635\u062d\u0648\u0646 \u062a\u0627\u062c<\/span><span class=\"lang-en\">Taj Dishwasher<\/span>\r\n                <\/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\/Spark-Lighter-1.jpeg\">\r\n            <span class=\"prod-badge\">\r\n                <span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a<\/span><span class=\"lang-en\">Tools<\/span>\r\n            <\/span>\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Spark-Lighter-1-300x196.jpeg\" alt=\"\u0642\u062f\u0627\u062d\u0629 \u0634\u0631\u0627\u0631\u0629\" 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\">\r\n                    <span class=\"lang-ar\">\u0623\u062f\u0648\u0627\u062a \u0645\u0637\u0628\u062e<\/span><span class=\"lang-en\">Kitchen Tools<\/span>\r\n                <\/span>\r\n                <h3 class=\"item-title\">\r\n                    <span class=\"lang-ar\">\u0642\u062f\u0627\u062d\u0629 \u0634\u0631\u0627\u0631\u0629 (\u0648\u0644\u0627\u0639\u0629)<\/span><span class=\"lang-en\">Spark Lighter<\/span>\r\n                <\/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=\"View\">\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-2923","products","type-products","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/2923","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":4,"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/2923\/revisions"}],"predecessor-version":[{"id":4283,"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/2923\/revisions\/4283"}],"wp:attachment":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/media?parent=2923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}