{"id":3385,"date":"2026-02-06T07:54:01","date_gmt":"2026-02-06T04:54:01","guid":{"rendered":"https:\/\/www.mada-alhadithah.com.sa\/?post_type=products&#038;p=3385"},"modified":"2026-04-22T21:55:19","modified_gmt":"2026-04-22T18:55:19","slug":"coffee-machine","status":"publish","type":"products","link":"https:\/\/www.mada-alhadithah.com.sa\/ar\/products\/coffee-machine\/","title":{"rendered":"\u0645\u0627\u0643\u064a\u0646\u0629 \u0642\u0647\u0648\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3385\" class=\"elementor elementor-3385\" data-elementor-post-type=\"products\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79ac0c7 e-con-full e-flex e-con e-parent\" data-id=\"79ac0c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-376b987 elementor-widget elementor-widget-html\" data-id=\"376b987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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\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            --font-en: 'Inter', sans-serif;\r\n        }\r\n\r\n        body { margin: 0; }\r\n\r\n        \/* Force RTL (Right to Left) Default for Arabic *\/\r\n        .dynamic-page-header-wrapper {\r\n            direction: rtl;\r\n            text-align: center;\r\n            font-family: var(--font-arabic);\r\n        }\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; \/* Force RTL *\/\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; \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;\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        \/* 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; \/* 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        \r\n        .breadcrumb-item a {\r\n            color: var(--color-white); text-decoration: none; transition: color 0.3s;\r\n        }\r\n        \r\n        .breadcrumb-item a:hover { color: var(--color-gold); }\r\n\r\n        \/* Universal Separator Fix (Works for both RTL & LTR flexbox) *\/\r\n        .breadcrumb-item + .breadcrumb-item::before {\r\n            content: '\/'; margin: 0 15px; color: var(--color-gold); font-weight: bold;\r\n        }\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\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\"] .dynamic-page-header-wrapper, \r\n        html.translated-ltr .dynamic-page-header-wrapper, \r\n        body.translatepress-en .dynamic-page-header-wrapper, \r\n        [dir=\"ltr\"] .dynamic-page-header-wrapper,\r\n        \r\n        html[lang^=\"en\"] .dynamic-page-header, \r\n        html.translated-ltr .dynamic-page-header, \r\n        body.translatepress-en .dynamic-page-header, \r\n        [dir=\"ltr\"] .dynamic-page-header,\r\n        \r\n        html[lang^=\"en\"] .breadcrumb-list, \r\n        html.translated-ltr .breadcrumb-list, \r\n        body.translatepress-en .breadcrumb-list, \r\n        [dir=\"ltr\"] .breadcrumb-list {\r\n            direction: ltr !important;\r\n            font-family: var(--font-en), system-ui, 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    <\/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            \r\n            <h1 class=\"page-title\">\r\n                <span class=\"lang-ar\">\u0645\u0643\u0627\u0626\u0646 \u0627\u0644\u0642\u0647\u0648\u0629 \u0648\u0645\u0644\u062d\u0642\u0627\u062a\u0647\u0627<\/span>\r\n                <span class=\"lang-en\">Coffee Machines & Accessories<\/span>\r\n            <\/h1>\r\n            \r\n            <div class=\"title-divider\"><\/div>\r\n            \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\">\u0645\u0643\u0627\u0626\u0646 \u0627\u0644\u0642\u0647\u0648\u0629 \u0648\u0645\u0644\u062d\u0642\u0627\u062a\u0647\u0627<\/span>\r\n                        <span class=\"lang-en\">Coffee Machines & Accessories<\/span>\r\n                    <\/li>\r\n                <\/ol>\r\n            <\/nav>\r\n\r\n        <\/div>\r\n    <\/header>\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-874c9f7 e-con-full e-flex e-con e-parent\" data-id=\"874c9f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1794763 elementor-widget elementor-widget-html\" data-id=\"1794763\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Coffee Machines Bilingual 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: #fdfbf7;\r\n            --card-bg: #ffffff;\r\n            --brand-brown: #4b3621;\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(75, 54, 33, 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        }\r\n\r\n        \/* --- SECTION --- *\/\r\n        #smart-masonry-section { \r\n            padding: 80px 20px 60px; \r\n            text-align: center; \r\n            direction: rtl; \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-brown);\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            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        \/* --- IMAGE AREA --- *\/\r\n        .img-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            background: radial-gradient(circle at center, #ffffff 40%, #f4f1ea 100%);\r\n            padding: 20px;\r\n            min-height: 200px;\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: multiply;\r\n            object-fit: contain;\r\n            will-change: transform;\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(75, 54, 33, 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        }\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        \/* --- INFO AREA --- *\/\r\n        .item-info {\r\n            padding: 20px 25px; \r\n            background: #fff; \r\n            text-align: center;\r\n            position: relative; \r\n            z-index: 5;\r\n            border-top: 1px solid #f5f5f5;\r\n        }\r\n\r\n        .item-tag {\r\n            display: block; \r\n            color: var(--brand-gold);\r\n            font-size: 0.85rem; \r\n            font-weight: 700; \r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .item-title {\r\n            color: var(--brand-brown);\r\n            font-weight: 700; \r\n            font-size: 1.1rem; \r\n            margin: 0;\r\n            line-height: 1.4;\r\n        }\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-brown); 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(--brand-gold); color: #000; }\r\n\r\n        \/* --- 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; \r\n            top: 30px; \r\n            left: 40px; \r\n            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        .lang-en { display: none; }\r\n        .lang-ar { display: inline; }\r\n\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;\r\n        }\r\n\r\n        html[lang^=\"en\"] body, 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 .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 .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\"] .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\"] #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\"] .prod-badge, html.translated-ltr .prod-badge, body.translatepress-en .prod-badge, [dir=\"ltr\"] .prod-badge { right: auto !important; left: 15px !important; }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\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\u0639\u062f\u0627\u062a \u0648\u0622\u0644\u0627\u062a \u0627\u0644\u0642\u0647\u0648\u0629<\/span>\r\n            <span class=\"lang-en\">Coffee Machines & Equipment<\/span>\r\n        <\/h2>\r\n        <span class=\"sub-heading\">\r\n            <span class=\"lang-ar\">\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0643\u0627\u0626\u0646 \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\r\n            <span class=\"lang-en\">Latest Machines & Professional Brewing Tools<\/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\/Capsule-coffee-machine.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Capsule-coffee-machine-211x300.png\" alt=\"Capsule coffee machine\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a<\/span><span class=\"lang-en\">Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0642\u0647\u0648\u0629 \u0643\u0628\u0633\u0648\u0644\u0627\u062a<\/span><span class=\"lang-en\">Capsule Coffee Machine<\/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\/10-in-1-Coffee-Machine.png\">\r\n            <span class=\"prod-badge badge-gold\"><span class=\"lang-ar\">\u0645\u062a\u0639\u062f\u062f<\/span><span class=\"lang-en\">Multi<\/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\/10-in-1-Coffee-Machine-222x300.png\" alt=\"10 in 1 Coffee Machine\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a<\/span><span class=\"lang-en\">Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0642\u0647\u0648\u0629 10 \u0641\u064a 1<\/span><span class=\"lang-en\">10 in 1 Coffee Machine<\/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\/5-in-1-Coffee-machine.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/5-in-1-Coffee-machine-254x300.png\" alt=\"5 in 1 Coffee machine\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a<\/span><span class=\"lang-en\">Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0642\u0647\u0648\u0629 5 \u0641\u064a 1<\/span><span class=\"lang-en\">5 in 1 Coffee Machine<\/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\/Pour-Over-Drip-Coffee-set.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Pour-Over-Drip-Coffee-set-300x212.png\" alt=\"Pour Over Drip Coffee set\" 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-search-plus\"><\/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 \u062a\u062d\u0636\u064a\u0631<\/span><span class=\"lang-en\">Brewing Tools<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0637\u0642\u0645 \u0642\u0647\u0648\u0629 \u0627\u0644\u062a\u0642\u0637\u064a\u0631 V60<\/span><span class=\"lang-en\">Pour Over Drip Coffee 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\/Pour-over-coffee-maker.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Pour-over-coffee-maker-300x200.png\" alt=\"Pour over coffee maker\" 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-search-plus\"><\/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 \u062a\u062d\u0636\u064a\u0631<\/span><span class=\"lang-en\">Brewing Tools<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0623\u062f\u0627\u0629 \u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0642\u0647\u0648\u0629 \u0627\u0644\u0645\u0642\u0637\u0631\u0629<\/span><span class=\"lang-en\">Pour Over Coffee Maker<\/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-Coffee-Grinder.jpeg\">\r\n            <span class=\"prod-badge\"><span class=\"lang-ar\">\u0645\u062d\u0645\u0648\u0644<\/span><span class=\"lang-en\">Portable<\/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\/Portable-Coffee-Grinder-289x300.jpeg\" alt=\"Portable Coffee Grinder\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0637\u0627\u062d\u0646<\/span><span class=\"lang-en\">Grinders<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0637\u062d\u0646\u0629 \u0642\u0647\u0648\u0629 \u0645\u062d\u0645\u0648\u0644\u0629<\/span><span class=\"lang-en\">Portable Coffee Grinder<\/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\/Philips-Drip-coffee-machine.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Philips-Drip-coffee-machine-206x300.png\" alt=\"Philips Drip coffee machine\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a<\/span><span class=\"lang-en\">Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0642\u0647\u0648\u0629 \u0645\u0642\u0637\u0631\u0629 \u0641\u064a\u0644\u064a\u0628\u0633<\/span><span class=\"lang-en\">Philips Drip Coffee Machine<\/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\/Philips-all-in-one-drip-coffee-maker-with-built-in-Grinder.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Philips-all-in-one-drip-coffee-maker-with-built-in-Grinder-270x300.png\" alt=\"Philips all in one drip coffee maker\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a<\/span><span class=\"lang-en\">Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0641\u064a\u0644\u064a\u0628\u0633 \u0645\u0639 \u0645\u0637\u062d\u0646\u0629 \u0645\u062f\u0645\u062c\u0629<\/span><span class=\"lang-en\">Philips All-in-One Coffee Maker<\/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-function-coffee-machine.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Multi-function-coffee-machine-300x185.png\" alt=\"Multi function coffee machine\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a<\/span><span class=\"lang-en\">Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0642\u0647\u0648\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0648\u0638\u0627\u0626\u0641<\/span><span class=\"lang-en\">Multi Function Coffee Machine<\/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\/High-Pressure-Capsule-Coffee-Machine.jpeg\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/High-Pressure-Capsule-Coffee-Machine-208x300.jpeg\" alt=\"High Pressure Capsule Coffee Machine\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a<\/span><span class=\"lang-en\">Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0643\u0628\u0633\u0648\u0644\u0627\u062a \u0628\u0636\u063a\u0637 \u0639\u0627\u0644\u064a<\/span><span class=\"lang-en\">High Pressure Capsule Machine<\/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\/High-End-Espresso-Machine.png\">\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\/High-End-Espresso-Machine-236x300.png\" alt=\"High End Espresso Machine\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span><span class=\"lang-en\">Pro Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0625\u0633\u0628\u0631\u064a\u0633\u0648 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span><span class=\"lang-en\">High End Espresso Machine<\/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\/Gemilai-Grinders.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Gemilai-Grinders-300x288.png\" alt=\"Gemilai Grinders\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0637\u0627\u062d\u0646<\/span><span class=\"lang-en\">Grinders<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0637\u0627\u062d\u0646 \u062c\u064a\u0645\u064a\u0644\u0627\u064a<\/span><span class=\"lang-en\">Gemilai Grinders<\/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\/Gemilai-G9010C.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Gemilai-G9010C-162x300.png\" alt=\"Gemilai G9010C\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0637\u0627\u062d\u0646 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span><span class=\"lang-en\">Pro Grinders<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0637\u062d\u0646\u0629 \u062c\u064a\u0645\u064a\u0644\u0627\u064a G9010C<\/span><span class=\"lang-en\">Gemilai G9010C<\/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\/Gemilai-G3006.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Gemilai-G3006-223x300.png\" alt=\"Gemilai G3006\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span><span class=\"lang-en\">Pro Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u062c\u064a\u0645\u064a\u0644\u0627\u064a G3006<\/span><span class=\"lang-en\">Gemilai G3006<\/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\/Espresso-Machine-portafilter.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Espresso-Machine-portafilter-150x150.png\" alt=\"Espresso Machine portafilter\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a<\/span><span class=\"lang-en\">Accessories<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0628\u0648\u0631\u062a\u0627\u0641\u0644\u062a\u0631 \u0645\u0627\u0643\u064a\u0646\u0629 \u0625\u0633\u0628\u0631\u064a\u0633\u0648<\/span><span class=\"lang-en\">Espresso Machine Portafilter<\/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\/Espresso-Coffee-Mchine-and-Matching-Grinder.png\">\r\n            <span class=\"prod-badge badge-gold\"><span class=\"lang-ar\">\u0637\u0642\u0645 \u0645\u062a\u0643\u0627\u0645\u0644<\/span><span class=\"lang-en\">Full Set<\/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\/Espresso-Coffee-Mchine-and-Matching-Grinder-284x300.png\" alt=\"Espresso Coffee Mchine and Matching Grinder\" 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-search-plus\"><\/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\">Machine Sets<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0637\u0642\u0645 \u0625\u0633\u0628\u0631\u064a\u0633\u0648 \u0648\u0645\u0637\u062d\u0646\u0629<\/span><span class=\"lang-en\">Espresso Machine & Grinder<\/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\/Deep-Flow-dripping-kettle-pro.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Deep-Flow-dripping-kettle-pro-221x300.png\" alt=\"Deep Flow dripping kettle pro\" 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-search-plus\"><\/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 \u062a\u062d\u0636\u064a\u0631<\/span><span class=\"lang-en\">Brewing Tools<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u063a\u0644\u0627\u064a\u0629 \u062a\u0642\u0637\u064a\u0631 \u062f\u064a\u0628 \u0641\u0644\u0648 \u0628\u0631\u0648<\/span><span class=\"lang-en\">Deep Flow Kettle Pro<\/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\/Deep-Flow-dripping-kettle-for-drip-coffee.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Deep-Flow-dripping-kettle-for-drip-coffee-300x198.png\" alt=\"Deep Flow dripping kettle\" 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-search-plus\"><\/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 \u062a\u062d\u0636\u064a\u0631<\/span><span class=\"lang-en\">Brewing Tools<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u063a\u0644\u0627\u064a\u0629 \u062a\u0642\u0637\u064a\u0631 \u062f\u064a\u0628 \u0641\u0644\u0648<\/span><span class=\"lang-en\">Deep Flow Dripping Kettle<\/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\/Coffee-Tea-Machine.png\">\r\n            <div class=\"img-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Coffee-Tea-Machine-300x278.png\" alt=\"Coffee & Tea Machine\" 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-search-plus\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"item-info\">\r\n                <span class=\"item-tag\"><span class=\"lang-ar\">\u0645\u0639\u062f\u0627\u062a<\/span><span class=\"lang-en\">Equipment<\/span><\/span>\r\n                <h3 class=\"item-title\"><span class=\"lang-ar\">\u0645\u0627\u0643\u064a\u0646\u0629 \u0642\u0647\u0648\u0629 \u0648\u0634\u0627\u064a<\/span><span class=\"lang-en\">Coffee & Tea Machine<\/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=\"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        \/\/ Use Event Delegation for better performance\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<\/body>\r\n<\/html>\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-3385","products","type-products","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/3385","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":9,"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/3385\/revisions"}],"predecessor-version":[{"id":4389,"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/products\/3385\/revisions\/4389"}],"wp:attachment":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/ar\/wp-json\/wp\/v2\/media?parent=3385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}