1 2<!DOCTYPE html> 3<html 4 class="no-js" 5 lang="ar" 6 dir="rtl" 7> 8 <head> 9 <meta charset="utf-8" /> 10 <meta 11 http-equiv="x-ua-compatible" 12 content="ie=edge" 13 /> 14 <meta 15 name="viewport" 16 content="width=device-width, initial-scale=1" 17 /> 18 19 20 21 <meta name="robots" content="index, follow"> 22 23 24 25 <link rel="alternate" hreflang="ar-sa" href="https://dahsm.com/ar-sa/products"> 26 <link rel="alternate" hreflang="ar-us" href="https://dahsm.com/ar-us/products"> 27 28 <link rel="alternate" hreflang="ar-as" href="https://dahsm.com/products"> 29 <link rel="alternate" hreflang="x-default" href="https://dahsm.com/products"> 30 31 <link rel="canonical" href="https://dahsm.com/ar-us/products"> 32 33 <title>Ø¬Ù ÙØ¹ اÙÙ ÙØªØ¬Ø§Øª | ٠تجر DAHSM ÙØ¨Ùض Ø§ÙØ³Ù Ø§Ù Ø§ÙØ·Ø§Ø²Ø¬ Ù Ù Ø§ÙØ£ØØ³Ø§Ø¡</title> 34 35 <meta name="description" content="تسÙÙ Ø¬Ù ÙØ¹ اÙÙ ÙØªØ¬Ø§Øª ٠٠٠تجر دØÙ٠٠س٠ا٠| ÙØ¨Ùع Ø¨ÙØ¶ ÙØ·ÙÙØ± Ø§ÙØ³Ù اÙ"> 36 <meta http-equiv="Content-Language" content="ar"> 37 38 <meta property="og:locale" content="ar"> 39 <meta property="og:type" content="website"> 40 <meta property="og:title" content="Ø¬Ù ÙØ¹ اÙÙ ÙØªØ¬Ø§Øª | ٠تجر DAHSM ÙØ¨Ùض Ø§ÙØ³Ù Ø§Ù Ø§ÙØ·Ø§Ø²Ø¬ Ù Ù Ø§ÙØ£ØØ³Ø§Ø¡"> 41 <meta property="og:description" content="تسÙÙ Ø¬Ù ÙØ¹ اÙÙ ÙØªØ¬Ø§Øª ٠٠٠تجر دØÙ٠٠س٠ا٠| ÙØ¨Ùع Ø¨ÙØ¶ ÙØ·ÙÙØ± Ø§ÙØ³Ù اÙ"> 42 <meta property="og:url" content="https://dahsm.com/ar-us/products"> 43 <meta property="og:site_name" content="٠تجر دØÙ٠٠س٠ا٠| ÙØ¨Ùع Ø¨ÙØ¶ ÙØ·ÙÙØ± Ø§ÙØ³Ù اÙ"> 44 <meta property="og:image" content="https://media.zid.store/cdn-cgi/image/w=1200,h=630,q=90,fit=pad,background=white/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/dad5ae49-c7d9-4a83-a31f-51c5322a392e.png"> 45 <meta property="og:image:width" content="1200"> 46 <meta property="og:image:height" content="630"> 47 <meta name="twitter:image" content="https://media.zid.store/cdn-cgi/image/w=1200,h=630,q=90,fit=pad,background=white/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/dad5ae49-c7d9-4a83-a31f-51c5322a392e.png"> 48<meta property="og:image:alt" content="٠تجر دØÙ٠٠س٠ا٠| ÙØ¨Ùع Ø¨ÙØ¶ ÙØ·ÙÙØ± Ø§ÙØ³Ù اÙ"> 49 <meta name="twitter:image:alt" content="٠تجر دØÙ٠٠س٠ا٠| ÙØ¨Ùع Ø¨ÙØ¶ ÙØ·ÙÙØ± Ø§ÙØ³Ù اÙ"> 50 51
51<script type="application/ld+json"> 52 { 53 "@context": "https://schema.org", 54 "@graph": [ 55 { 56 "@type": "BreadcrumbList", 57 "@id": "https://dahsm.com/ar-us/products#breadcrumb", 58 "itemListElement": [ 59 { 60 "@type": "ListItem", 61 "position": 1, 62 "name": "\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629", 63 "item": "https://dahsm.com/" 64 }, 65 { 66 "@type": "ListItem", 67 "position": 2, 68 "name": "\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a", 69 "item": "https://dahsm.com/ar-us/products" 70 } 71 ] 72 }, 73 { 74 "@type": "CollectionPage", 75 "@id": "https://dahsm.com/ar-us/products#collection", 76 "name": "\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a", 77 "description": "\u062a\u0633\u0648\u0642 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0646 \u0645\u062a\u062c\u0631 \u062f\u062d\u0648\u0645\u064a \u0633\u0645\u0627\u0646 | \u0644\u0628\u064a\u0639 \u0628\u064a\u0636 \u0648\u0637\u064a\u0648\u0631 \u0627\u0644\u0633\u0645\u0627\u0646", 78 "url": "https://dahsm.com/ar-us/products", 79 "inLanguage": "ar", 80 "isPartOf": { "@id": "https://dahsm.com/#website" }, 81 "breadcrumb": { "@id": "https://dahsm.com/ar-us/products#breadcrumb" } 82 ,"mainEntity": { "@id": "https://dahsm.com/ar-us/products#itemlist" } 83 } 84 ,{ 85 "@type": "ItemList", 86 "@id": "https://dahsm.com/ar-us/products#itemlist", 87 "itemListOrder": "https://schema.org/ItemListOrderAscending", 88 "numberOfItems": 2, 89 "itemListElement": [ { 90 "@type": "ListItem", 91 "position": 1, 92 "name": "\u0628\u0627\u0643\u062c \u062f\u062d\u0648\u0645\u064a \u0627\u0644\u0645\u0644\u0643\u064a \u2013 \u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0641\u0627\u062e\u0631 \u0645\u062e\u062a\u0627\u0631", 93 "url": "https://dahsm.com/products/\u0628\u0627\u0643\u062c-\u062f\u062d\u0648\u0645\u064a-\u0627\u0644\u0645\u0644\u0643\u064a-\u0628\u064a\u0636-\u0633\u0645\u0627\u0646-\u0641\u0627\u062e\u0631-\u0645\u062e\u062a\u0627\u0631" 94 }, { 95 "@type": "ListItem", 96 "position": 2, 97 "name": "\u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0637\u0627\u0632\u062c \u2013 \u0639\u0644\u0628\u0629 21 \u0628\u064a\u0636\u0629", 98 "url": "https://dahsm.com/products/\u0628\u064a\u0636-\u0633\u0645\u0627\u0646-\u0637\u0627\u0632\u062c-\u0639\u0644\u0628\u0629-21-\u0628\u064a\u0636\u0629" 99 } ] 100 } 101 ] 102 } 103 </script>
103 104 105 106
106<script type="application/ld+json"> 107 { 108 "@context": "https://schema.org", 109 "@graph": [ 110 { 111 "@type": "Organization", 112 "@id": "https://dahsm.com/#organization", 113 "url": "https://dahsm.com/", 114 "name": "\u0645\u062a\u062c\u0631 \u062f\u062d\u0648\u0645\u064a \u0633\u0645\u0627\u0646 | \u0644\u0628\u064a\u0639 \u0628\u064a\u0636 \u0648\u0637\u064a\u0648\u0631 \u0627\u0644\u0633\u0645\u0627\u0646" 115,"telephone": "966570822834","image": "https://media.zid.store/cdn-cgi/image/w=512,h=512,q=90,fit=pad,background=white/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/dad5ae49-c7d9-4a83-a31f-51c5322a392e.png" 116 ,"logo": "https://media.zid.store/cdn-cgi/image/w=512,h=512,q=90,fit=pad,background=white/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/dad5ae49-c7d9-4a83-a31f-51c5322a392e.png" }, 117 { 118 "@type": "WebSite", 119 "@id": "https://dahsm.com/#website", 120 "url": "https://dahsm.com/", 121 "name": "\u0645\u062a\u062c\u0631 \u062f\u062d\u0648\u0645\u064a \u0633\u0645\u0627\u0646 | \u0644\u0628\u064a\u0639 \u0628\u064a\u0636 \u0648\u0637\u064a\u0648\u0631 \u0627\u0644\u0633\u0645\u0627\u0646", 122 "description": "\u0645\u062a\u062c\u0631 DAHSM \u064a\u0642\u062f\u0645 \u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0627\u0644\u0637\u0627\u0632\u062c \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0646 \u0645\u0632\u0627\u0631\u0639\u0646\u0627 \u0641\u064a \u0627\u0644\u0623\u062d\u0633\u0627\u0621. \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c \u0637\u0628\u064a\u0639\u064a \u063a\u0646\u064a \u0628\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0645\u0639 \u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639 \u0648\u062c\u0648\u062f\u0629 \u0645\u0636\u0645\u0648\u0646\u0629. \u0627\u0643\u062a\u0634\u0641 \u0641\u0648\u0627\u0626\u062f \u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0637\u0639\u0645\u0647 \u0627\u0644\u0645\u0645\u064a\u0632 \u0645\u0639 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627 \u0627\u0644\u0637\u0627\u0632\u062c\u0629.", 123 "publisher": { "@id": "https://dahsm.com/#organization" }, 124 "potentialAction": { 125 "@type": "SearchAction", 126 "target": { 127 "@type": "EntryPoint", 128 "urlTemplate": "https://dahsm.com/products?q={search_term_string}" 129 }, 130 "query-input": "required name=search_term_string" 131 } 132 } 133 ] 134 } 135 </script>
135 136 137 138<link rel="icon" href="https://media.zid.store/cdn-cgi/image/fit=scale-down,width=32,height=32/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/ae6dda77-b2bd-415f-94bd-d9ac775ffaa9.png" type="image/x-icon"> 139<link rel="shortcut icon" href="https://media.zid.store/cdn-cgi/image/fit=scale-down,width=32,height=32/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/ae6dda77-b2bd-415f-94bd-d9ac775ffaa9.png" type="image/x-icon"> 140<link rel="apple-touch-icon" href="https://media.zid.store/cdn-cgi/image/fit=scale-down,width=32,height=32/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/ae6dda77-b2bd-415f-94bd-d9ac775ffaa9.png"> 141 142 143 <meta property="business:contact_data:email" 144 content="[email protected]" /> 145 <meta property="business:contact_data:phone_number" 146 content="+966570822834" /> 147<meta property="business:contact_data:website" content="https://dahsm.com/" /> 148 149 150 151<link rel="preconnect" href="https://static.zid.store" crossorigin /> 152<link rel="modulepreload" href="https://static.zid.store/sdk/v3.23.2/theme-service/vitrin-theme-service.es.js" crossorigin /> 153<link rel="modulepreload" href="https://static.zid.store/sdk/v3.23.2/kit/vitrin-kit.es.js" crossorigin /> 154 155<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 156 157<style id="zid-store-customer-style"> 158 zid-store-customer, [zid-visible-customer], [zid-visible-guest], [zid-visible-wishlist], [zid-hidden-wishlist] { 159 display: none !important; 160 } 161</style> 162
163<script> 164!function(){const e=document.createElement("style");function t(){if(!document.body)return;const e=[],t=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,null,!1);let n;for(;n=t.nextNode();){const t=n.parentNode.nodeName.toLowerCase();"script"!==t&&"style"!==t&&e.push(n)}e.forEach((e=>{const t=e.nodeValue;if(t.includes("ر.س")||t.includes("SAR")){const n=window.getComputedStyle(e.parentNode),o=function(e){const t=e||16;return`<svg class="riyal-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1124.14 1256.39"\n width="${Math.round(.895*t)}" height="${t}"\n style="display:inline-block;vertical-align:-0.125em">\n <path fill="currentColor" d="M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z"/>\n <path fill="currentColor" d="M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z"/>\n </svg>`}(parseFloat(n.fontSize)),c=document.createElement("div");let l=t.replace(/(ر\.س)/g,o).replace(/(SAR)/g,o);c.innerHTML=l;const d=document.createDocumentFragment();for(;c.firstChild;)d.appendChild(c.firstChild);e.parentNode.replaceChild(d,e)}}))}function n(){t(),setTimeout((()=>{e.textContent="",document.head.contains(e)&&document.head.removeChild(e)}),0);let n=!1;const o=new MutationObserver((()=>{n||(n=!0,requestAnimationFrame((()=>{t(),n=!1})))}));document.body&&o.observe(document.body,{childList:!0,subtree:!0,characterData:!0})}e.textContent="\n /* Hide currency symbols during page load to prevent flashing */\n .currency-symbol-loading {\n visibility: hidden !important;\n }\n body {\n opacity: 0.99; /* Trigger repaint without visual effect */\n }\n ",document.head.appendChild(e),document.body?n():(document.addEventListener("DOMContentLoaded",n,{once:!0}),setTimeout(n,10))}(); 165</script>
165<script> 166!function(){const e=document.createElement("style");function t(){if(!document.body)return;const e=[],t=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,null,!1);let n;for(;n=t.nextNode();){const t=n.parentNode.nodeName.toLowerCase();"script"!==t&&"style"!==t&&e.push(n)}e.forEach((e=>{const t=e.nodeValue;if(t.includes("ر.ع")||t.includes("OMR")){const n=window.getComputedStyle(e.parentNode),o=function(e){const t=e||16;return`<svg class="omr-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 729.6 365.93"\n width="${Math.round(1.994*t)}" height="${t}"\n style="display:inline-block;vertical-align:-0.125em">\n <path fill="currentColor" d="M241.67,213.77c-.63-49.2,11.44-95.41,35.76-137.75C313.47,13.28,353.02-6.48,421.55,28.87c10.67,5.5,53.6,35.43,57.81,44.54,5.03,10.87-27.48,103.87-29.11,122.3-34.69-37.51-99.37-98.66-154.85-69.62-45.05,23.58-12.02,62.54,11.46,87.68h409.36l-26.41,47.64h-332.5c-.31,1.8.87,3.3,2.53,4.6,12.44,9.72,80.97,39.54,94.75,39.54h210.71l-26.89,48.94H13.37l26.91-48.94h253.38l-37.11-44.13H64.75l26.41-47.64h150.51Z"/>\n </svg>`}(parseFloat(n.fontSize)),c=document.createElement("div");let l=t.replace(/(ر\.ع\.)/g,o).replace(/(ر\.ع)/g,o).replace(/(OMR)/g,o);c.innerHTML=l;const d=document.createDocumentFragment();for(;c.firstChild;)d.appendChild(c.firstChild);e.parentNode.replaceChild(d,e)}}))}function n(){t(),setTimeout((()=>{e.textContent="",document.head.contains(e)&&document.head.removeChild(e)}),0);let n=!1;const o=new MutationObserver((()=>{n||(n=!0,requestAnimationFrame((()=>{t(),n=!1})))}));document.body&&o.observe(document.body,{childList:!0,subtree:!0,characterData:!0})}e.textContent="\n /* Hide currency symbols during page load to prevent flashing */\n .currency-symbol-loading {\n visibility: hidden !important;\n }\n body {\n opacity: 0.99; /* Trigger repaint without visual effect */\n }\n ",document.head.appendChild(e),document.body?n():(document.addEventListener("DOMContentLoaded",n,{once:!0}),setTimeout(n,10))}(); 167</script>
167 168
169<script> 170 window.vitrin = true; 171 window.__vitrinStoreSettings = {"id": 85737, "uuid": "dc7c4175-93d2-4e1c-9563-930c60da1596", "permalink": "https://dahsm.com/", "name": "\u0645\u062a\u062c\u0631 \u062f\u062d\u0648\u0645\u064a \u0633\u0645\u0627\u0646 | \u0644\u0628\u064a\u0639 \u0628\u064a\u0636 \u0648\u0637\u064a\u0648\u0631 \u0627\u0644\u0633\u0645\u0627\u0646", "logo": "https://media.zid.store/cdn-cgi/image/fit=scale-down,width=200/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/dad5ae49-c7d9-4a83-a31f-51c5322a392e.png", "icon": "https://media.zid.store/cdn-cgi/image/fit=scale-down,width=32,height=32/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/ae6dda77-b2bd-415f-94bd-d9ac775ffaa9.png", "is_customer_login_restrictions_enabled": false, "language": {"id": 2, "name": "\u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629", "code": "ar", "direction": "rtl"}, "languages": [{"id": 2, "name": "\u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629", "code": "ar", "direction": "rtl"}], "country": {"id": 4, "name": "American Samoa", "code": "AS", "country_code": "+1684", "flag": "https://media.zid.store/static/as.svg", "currency_code": "USD", "iso_code_2": "AS", "iso_code_3": "ASM", "address_format": "", "postcode_required": 0, "names": {"en": "American Samoa", "ar": "\u0633\u0627\u0645\u0648\u0627 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a"}}, "countries": [{"id": 223, "name": "United States", "code": "US", "country_code": "+1", "flag": "https://media.zid.store/static/us.svg", "currency_code": "USD", "iso_code_2": "US", "iso_code_3": "USA", "address_format": "", "postcode_required": 0, "names": {"en": "United States", "ar": "\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629"}}, {"id": 184, "name": "Saudi Arabia", "code": "SA", "country_code": "+966", "flag": "https://media.zid.store/static/sa.svg", "currency_code": "SAR", "iso_code_2": "SA", "iso_code_3": "SAU", "address_format": "", "postcode_required": 0, "names": {"en": "Saudi Arabia", "ar": "\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629"}}], "category": "public-service", "phone": "966570822834", "email": "[email protected]", "cache_timestamp": 1791232280.909039, "theme": {"id": "29398ac2-7538-4694-b2e2-43116895f3dd", "version": "v3.90.0", "namespace": "85737.29398ac2-7538-4694-b2e2-43116895f3dd.v2026.04.28", "theme_version_id": "d3a8ae01-5359-4846-b286-05939342afcb", "is_dev_store": false, "custom_css": null, "custom_js": null, "theme_id": "ecbdc4b4-268f-42e9-937c-9cb7c0d6697f", "theme_name": "Growth"}, "theme_rules": [], "timezone": "Asia/Riyadh", "settings": {"general": {"currency": {"id": 2, "name": "US Dollar", "country": {"id": 223, "name": "\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629", "code": "US", "country_code": "+1", "flag": "https://media.zid.store/static/us.svg", "currency_code": "USD", "iso_code_2": "US", "iso_code_3": "USA", "address_format": "", "postcode_required": 0, "names": {"en": "United States", "ar": "\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629"}}, "code": "USD", "symbol": " $ ", "symbol_left": " $ ", "symbol_right": " $ ", "format": "$1,0.00", "exchange_rate": "1"}, "shipping_destination": null, "default_shipping_destination": null, "business_address": null, "tax_settings": {"id": "", "country": {"id": 0, "code": "", "iso_code_2": "", "iso_code_3": "", "country_code": null, "currency_code": "USD", "address_format": "", "postcode_required": null, "name": null, "names": {"en": "", "ar": ""}, "flag": "https://media.zid.store/static/.svg"}, "tax_percentage": 0.0, "tax_number": null, "tax_registration_certificate": null, "settings": {}, "is_certificate_visible": false, "is_tax_number_visible": false, "tax_activate": false, "is_tax_self_paid": false, "is_tax_included_in_product_price": true, "is_shipping_fee_included_in_tax": false, "can_use_tax": true}, "availability": {"is_store_closed": false, "notify_customer": false, "closing_type": null, "closing_time_type": null, "is_time_counter_displayed": null, "is_available_hours_visible": null, "title": null, "message": null, "timezone": "UTC", "recurring_windows": {}, "period_start_at": null, "period_end_at": null, "time_until_reopening": null, "time_until_closure": null, "closed_now": false, "is_store_browsable": true}, "mobile_app_tab": {}, "mazeed": {"display_places": {}}, "one_signal": {}, "commercial_registration_number": "", "can_use_custom_css": true, "can_use_custom_js": true, "can_use_custom_robots": true, "url_redirects_enabled": true, "google_first_party_tracking": false}, "branding": {"colors": {"primary": "#00b286", "on_primary": "#ffffff", "primary_variant": null, "secondary": null, "on_secondary": null, "secondary_variant": null}, "logo": "https://media.zid.store/cdn-cgi/image/fit=scale-down,width=200/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/da
171d5ae49-c7d9-4a83-a31f-51c5322a392e.png", "icon": "https://media.zid.store/cdn-cgi/image/fit=scale-down,width=32,height=32/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/ae6dda77-b2bd-415f-94bd-d9ac775ffaa9.png", "cover": "https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/6b6e773d-7ee7-4a0b-b91d-ab492e727d12.jpg", "mobile_app_logo": "", "copyrights": "\n\u003ca href=\"https://zid.sa/?utm_source=store_powered_zid\u0026amp;utm_campaign=dahsm.com\" target=\"_blank\" style=\"display:flex; align-items:center; gap:6px; text-decoration: none;\"\u003e\n \u003cp style=\"letter-spacing: 0.17px;font-family: Suisse Intl, -apple-system, Helvetica, Arial, sans-serif;font-weight: 400;font-size: 0.875rem;line-height: 1.43;color: #75727B;\"\u003e\n \u0635\u0646\u0639 \u0628\u0648\u0627\u0633\u0637\u0629\n \u003c/p\u003e\n \u003cimg src=\"https://media.zid.store/b6aca386-4eeb-4e0f-8009-35ca7063d184.svg\"\u003e\n\u003c/a\u003e\n", "description": "", "seo": {"title": "\u0645\u062a\u062c\u0631 DAHSM \u0644\u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0627\u0644\u0637\u0627\u0632\u062c \u0645\u0646 \u0627\u0644\u0623\u062d\u0633\u0627\u0621", "description": "\u0645\u062a\u062c\u0631 DAHSM \u064a\u0642\u062f\u0645 \u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0627\u0644\u0637\u0627\u0632\u062c \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0646 \u0645\u0632\u0627\u0631\u0639\u0646\u0627 \u0641\u064a \u0627\u0644\u0623\u062d\u0633\u0627\u0621. \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c \u0637\u0628\u064a\u0639\u064a \u063a\u0646\u064a \u0628\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0645\u0639 \u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639 \u0648\u062c\u0648\u062f\u0629 \u0645\u0636\u0645\u0648\u0646\u0629. \u0627\u0643\u062a\u0634\u0641 \u0641\u0648\u0627\u0626\u062f \u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0637\u0639\u0645\u0647 \u0627\u0644\u0645\u0645\u064a\u0632 \u0645\u0639 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627 \u0627\u0644\u0637\u0627\u0632\u062c\u0629.", "hide_from_search_engines": false}}, "contact": {"title": "", "facebook": null, "twitter": null, "instagram": null, "snapchat": null, "tiktok": null, "business_center": null, "website": null, "phone": "+966570822834", "email": "[email protected]"}, "blog": {"is_enabled": false}, "brands": {"is_enabled": true}, "about_us": null, "announcement_bar": null, "menus": {"main_menu": {"id": "735d07a8-390f-42ec-8306-fd0a6667f301", "label": "\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629", "title": null, "slug": "main-menu", "type": "all_categories", "enabled": null, "items": [{"id": "32d28675-a115-4121-9b2e-5fe9e9fd1b29", "label": "\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629", "slug": null, "url": "/", "is_system_page": null, "items": [], "resource_type": "homepage", "sort_order": null}, {"id": "99917359-ba13-4faa-8d2b-088ed6fdcb4e", "label": "\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a", "slug": null, "url": "/products/", "is_system_page": null, "items": [], "resource_type": "products", "sort_order": null}, {"id": 225733, "label": "\u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0627\u0644\u0637\u0627\u0632\u062c", "slug": "\u0625\u0639\u0644\u0627\u0646\u0627\u062a-\u0627\u0644\u0645\u0648\u0627\u0642\u0639", "url": "/categories/225733/\u0625\u0639\u0644\u0627\u0646\u0627\u062a-\u0627\u0644\u0645\u0648\u0627\u0642\u0639", "is_system_page": null, "items": [], "name": "\u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0627\u0644\u0637\u0627\u0632\u062c", "uuid": "a5a1de60-d07c-4c0e-9060-575cac045d11", "description": "\u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0637\u0627\u0632\u062c \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0646 \u0645\u0632\u0627\u0631\u0639\u0646\u0627 \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u064a\u0635\u0644 \u0625\u0644\u064a\u0643 \u0628\u0637\u0639\u0645 \u0637\u0628\u064a\u0639\u064a \u0648\u0642\u064a\u0645\u0629 \u063a\u0630\u0627\u0626\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.", "seo_title": "\u0634\u0631\u0627\u0621 \u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0627\u0644\u0637\u0627\u0632\u062c \u0645\u0646 \u0627\u0644\u0623\u062d\u0633\u0627\u0621 | \u0645\u062a\u062c\u0631 DAHSM", "seo_description": "\u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0637\u0627\u0632\u062c \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0646 \u0645\u0632\u0627\u0631\u0639 \u0627\u0644\u0623\u062d\u0633\u0627\u0621 \u064a\u0642\u062f\u0645\u0647 \u0645\u062a\u062c\u0631 DAHSM \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0637\u0639\u0645 \u0648\u0642\u064a\u0645\u0629 \u063a\u0630\u0627\u0626\u064a\u0629. \u063a\u0646\u064a \u0628\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0641\u064a\u062f\u0629 \u0648\u064a\u0639\u062f \u062e\u064a\u0627\u0631\u0627\u064b \u0635\u062d\u064a\u0627\u064b \u0644\u0644\u0648\u062c\u0628\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629. \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0637\u0628\u064a\u0639\u064a \u0645\u0639 \u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639 \u0648\u062c\u0648\u062f\u0629 \u0645\u0648\u062b\u0648\u0642\u0629.", "image": "https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/041be8ad-42c8-4076-b646-96e8eb8ad3ec.jpg", "image_thumbnail": "https://media.zid.store/cdn-cgi/image/fit=scale-down,width=260,height=260/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/041be8ad-42c8-4076-b646-96e8eb8ad3ec.jpg", "img_alt_text": "\u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0637\u0627\u0632\u062c \u063a\u0646\u064a \u0628\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646", "cover_image": "https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/814bab28-52c6-4015-bb86-2a8b4420f1b7.png", "parent_category": null, "parent_id": null, "is_published": 1, "products": [], "resource_type": "category", "sort_order": 0}, {"id": 1508088, "label": "\u0627\u0644\u0628\u0643\u062c \u0627\u0644\u0645\u0644\u0643\u064a - \u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0641\u0627\u062e\u0631", "slug": "bakaj-malaki", "url": "/categories/1508088/bakaj-malaki", "is_system_page": null, "items": [], "name": "\u0627\u0644\u0628\u0643\u062c \u0627\u0644\u0645\u0644\u0643\u064a - \u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0641\u0627\u062e\u0631", "uuid": "5d88bb28-ba3e-4531-ab88-0d1d9ed5cc7e", "description": "", "seo_title": "\u0628\u0643\u062c \u0645\u0644\u0643\u064a \u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0641\u0627\u062e\u0631 \u0645\u0646 \u062f\u062d\u0648\u0645\u064a DAHSM", "seo_description": "\u0639\u0644\u0628\u0629 \u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0641\u0627\u062e\u0631\u0629 \u0628\u062a\u063a\u0644\u064a\u064
1711 \u0645\u0644\u0643\u064a \u0623\u0646\u064a\u0642 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0628\u064a\u0636 \u0637\u0628\u064a\u0639\u064a \u0645\u062e\u062a\u0627\u0631 \u0628\u0639\u0646\u0627\u064a\u0629 \u0645\u0646 \u0645\u0632\u0627\u0631\u0639 \u0627\u0644\u0623\u062d\u0633\u0627\u0621 \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u062a\u0635\u0645\u064a\u0645 \u0641\u0627\u062e\u0631", "image": "https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/b7352e38-987f-4bd3-8b90-04dac51dba71.jpg", "image_thumbnail": "https://media.zid.store/cdn-cgi/image/fit=scale-down,width=260,height=260/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/b7352e38-987f-4bd3-8b90-04dac51dba71.jpg", "img_alt_text": "\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0628\u0643\u062c \u0627\u0644\u0645\u0644\u0643\u064a \u0645\u0646 \u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0627\u0644\u0641\u0627\u062e\u0631 \u0645\u0646 \u062f\u062d\u0648\u0645\u064a\u060c \u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629", "cover_image": "", "parent_category": null, "parent_id": null, "is_published": 1, "products": [], "resource_type": "category", "sort_order": 0}, {"id": "61078780-3047-4c04-b95c-bda6d79b32ce", "label": "\u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a", "slug": null, "url": "/categories/", "is_system_page": null, "items": [], "resource_type": "categories", "sort_order": null}], "children": [{"id": "ae39b323-065e-4c5b-a798-528a4b435908", "label": "\u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a", "slug": "categories-menu", "type": "all_categories", "items": [], "children": [], "sort_order": null}], "sort_order": null}}, "policies": {"privacy_policy": {"enabled": false}, "return_exchange_policy": null, "complaints_and_suggestions": {"enabled": false}, "licensing": {"enabled": false}, "terms_and_conditions": {"enabled": false}, "refund_exchange_policy": {"enabled": true}, "return_policy": null}, "products": {"low_stock_label_enabled": false, "low_stock_quantity_threshold": 0, "wishlist_enabled": true, "reviews_enabled": false, "questions_enabled": null, "filter_by_city": false, "city_selection_required": false, "filter_by_nearest_inventory": false, "tamara_widget_enabled": false, "tabby_widget_enabled": false, "has_products_filtration": false, "is_metafields_enabled": false, "show_product_variants_in_feed": false, "default_products_ordering": null, "quick_donation_enabled": false}, "customers": {"is_customers_email_mandatory": false, "login_by_sms_enabled": true, "login_by_email_enabled": false, "login_by_whatsapp_enabled": true, "show_login_as_popup": true, "gmaps_in_address_enabled": false, "gmaps_in_address_mandatory": false, "spl_in_address_enabled": false, "gmaps_or_spl_enabled": true, "google_maps": {}, "show_marketing_consent_checkbox_in_login": false}, "checkout": {"reorder_enabled": false, "is_selling_blocked": false, "is_international_charge_notice_enabled": false, "show_pickup_option_stock_availability_for_checkout": true, "is_different_consignee_allowed": false, "tamara_public_key": "", "is_tamara_cart_widget_enabled": false, "is_tabby_cart_widget_enabled": false, "tamara_supported_currencies": [], "is_apple_pay_enabled_in_all_browsers": false, "is_buy_as_a_guest_enabled": true, "is_buy_as_b2b_enabled": true, "is_gmaps_in_address_enabled": false, "is_gmaps_in_address_mandatory": false, "is_spl_in_address_enabled": false, "is_gift_order_enabled": false, "gift_order_settings": null, "customer_note": {"enabled": true, "title": "\u0645\u0644\u0627\u062d\u0638\u0627\u062a\u0643", "placeholder": ""}, "is_gmaps_and_spl_in_address_enabled": true, "is_single_page_checkout_enabled": true, "checkout_restrictions": {"minimum_required_subtotal": 0.0, "maximum_allowed_subtotal": 0.0}, "is_multi_discounts_supported": false, "zidpay_country_code": "", "zidpay_merchant_id": "", "is_apple_pay_enabled": true, "is_apple_pay_quick_checkout_enabled": false, "is_qitaf_enabled": false, "is_mokafaa_enabled": false, "is_moneyhash_qitaf_enabled": false, "is_customer_wallets_enabled": false, "is_customer_referral_enabled": false, "is_loyalty_enabled": false, "loyalty_cashback_rules": [], "payment_methods": [{"name": "apple_pay", "icon": "https://media.zid.store/static/apple_pay.svg"}, {"name": "mada", "icon": "https://media.zid.store/static/mada-circle.png"}, {"name": "visa", "icon": "https://media.zid.store/static/visa-circle.png"}, {"name": "mastercard", "icon": "https://media.zid.store/static/mastercard-circle.png"}], "shipping_methods": [{"name": "\u0633\u0648\u0642 \u0628\u0648\u0639\u0634\u0631\u0629", "icon": "https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/1b149abc-7145-4feb-8517-9eff336d076d.png"}], "is_shipping_addresses_expanded_view": false, "is_coupon_form_enabled": true, "is_customer_note_expanded": false, "is_apple_pay_default_payment_method": false, "is_recipient_address_collection_enabled": false, "is_gifting_v2_enabled": false, "address_field_settings": [{"settings": [{"is_mandatory": true, "is_active": true, "dis
171play_name": {"en": "Block", "ar": "\u0627\u0644\u0645\u062c\u0645\u0639"}, "field": "district"}, {"is_mandatory": true, "is_active": true, "display_name": {"en": "Street", "ar": "\u0627\u0644\u0634\u0627\u0631\u0639"}, "field": "street"}, {"is_mandatory": false, "is_active": true, "display_name": {"en": "Building number / Apartment", "ar": "\u0627\u0644\u0645\u0628\u0646\u0649 / \u0627\u0644\u0634\u0642\u0629"}, "field": "building_number"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Zip Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0627\u0636\u0627\u0641\u064a"}, "field": "additional_number"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Postal Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a"}, "field": "postcode"}], "country": {"name": "\u0627\u0644\u0628\u062d\u0631\u064a\u0646", "priority": 5.0, "country_code": "BHR", "flag": "https://media.zid.store/static/bh.svg", "id": 17.0, "code": "BH"}, "is_active": true, "is_other_countries": false, "id": "a09ef605-dd89-4ac9-bc4b-46f17654f99e"}, {"settings": [{"is_mandatory": true, "is_active": true, "display_name": {"en": "District", "ar": "\u0627\u0644\u062d\u064a"}, "field": "district"}, {"is_mandatory": true, "is_active": true, "display_name": {"en": "Street", "ar": "\u0627\u0644\u0634\u0627\u0631\u0639"}, "field": "street"}, {"is_mandatory": true, "is_active": true, "display_name": {"en": "Building", "ar": "\u0627\u0644\u0645\u0628\u0646\u0649"}, "field": "building_number"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Postal Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a"}, "field": "postcode"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Zip Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0627\u0636\u0627\u0641\u064a"}, "field": "additional_number"}], "country": {"name": "\u0639\u0645\u0627\u0646", "priority": 4.0, "country_code": "OMN", "flag": "https://media.zid.store/static/om.svg", "id": 161.0, "code": "OM"}, "is_active": true, "is_other_countries": false, "id": "a09ef605-dd8b-4531-bb16-0719f16b431c"}, {"settings": [{"is_mandatory": true, "is_active": true, "display_name": {"en": "Area", "ar": "\u0627\u0644\u0645\u0646\u0637\u0642\u0629"}, "field": "district"}, {"is_mandatory": true, "is_active": true, "display_name": {"en": "Street", "ar": "\u0627\u0644\u0634\u0627\u0631\u0639"}, "field": "street"}, {"is_mandatory": true, "is_active": true, "display_name": {"en": "Building", "ar": "\u0627\u0644\u0645\u0628\u0646\u0649"}, "field": "building_number"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Postal Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a"}, "field": "postcode"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Zip Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0627\u0636\u0627\u0641\u064a"}, "field": "additional_number"}], "country": {"name": "\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629", "priority": 2.0, "country_code": "ARE", "flag": "https://media.zid.store/static/ae.svg", "id": 221.0, "code": "AE"}, "is_active": true, "is_other_countries": false, "id": "a09ef605-dd8d-4900-be18-0602b058c366"}, {"settings": [{"is_mandatory": true, "is_active": true, "display_name": {"en": "Zone", "ar": "\u0627\u0644\u0645\u0646\u0637\u0642\u0629"}, "field": "district"}, {"is_mandatory": true, "is_active": true, "display_name": {"en": "Street", "ar": "\u0627\u0644\u0634\u0627\u0631\u0639"}, "field": "street"}, {"is_mandatory": false, "is_active": true, "display_name": {"en": "Building", "ar": "\u0627\u0644\u0645\u0628\u0646\u0649"}, "field": "building_number"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Postal Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a"}, "field": "postcode"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Zip Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0627\u0636\u0627\u0641\u064a"}, "field": "additional_number"}], "country": {"name": "\u0642\u0637\u0631", "priority": 6.0, "country_code": "QAT", "flag": "https://media.zid.store/static/qa.svg", "id": 173.0, "code": "QA"}
171, "is_active": true, "is_other_countries": false, "id": "a09ef605-dd8f-434d-b5e7-9775288d1bb2"}, {"settings": [{"is_mandatory": true, "is_active": true, "display_name": {"en": "District", "ar": "\u0627\u0644\u062d\u064a"}, "field": "district"}, {"is_mandatory": true, "is_active": true, "display_name": {"en": "Street", "ar": "\u0627\u0644\u0634\u0627\u0631\u0639"}, "field": "street"}, {"is_mandatory": false, "is_active": true, "display_name": {"en": "Building", "ar": "\u0627\u0644\u0645\u0628\u0646\u0649"}, "field": "building_number"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Postal Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a"}, "field": "postcode"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Zip Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0627\u0636\u0627\u0641\u064a"}, "field": "additional_number"}], "country": {"name": "\u0645\u0635\u0631", "priority": 6.0, "country_code": "EGY", "flag": "https://media.zid.store/static/eg.svg", "id": 63.0, "code": "EG"}, "is_active": true, "is_other_countries": false, "id": "a09ef605-dd92-4be9-b452-87bacaf7e424"}, {"settings": [{"is_mandatory": true, "is_active": true, "display_name": {"en": "Area", "ar": "\u0627\u0644\u0645\u0646\u0637\u0642\u0629"}, "field": "district"}, {"is_mandatory": true, "is_active": true, "display_name": {"en": "Street", "ar": "\u0627\u0644\u0634\u0627\u0631\u0639"}, "field": "street"}, {"is_mandatory": false, "is_active": true, "display_name": {"en": "Building", "ar": "\u0627\u0644\u0645\u0628\u0646\u0649"}, "field": "building_number"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Postal Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a"}, "field": "postcode"}, {"is_mandatory": false, "is_active": false, "display_name": {"en": "Zip Code", "ar": "\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0627\u0636\u0627\u0641\u064a"}, "field": "additional_number"}], "country": {"name": "\u0627\u0644\u0623\u0631\u062f\u0646", "priority": 7.0, "country_code": "JOR", "flag": "https://media.zid.store/static/jo.svg", "id": 108.0, "code": "JO"}, "is_active": true, "is_other_countries": false, "id": "a09ef605-dd94-41ed-99a4-da4b9c98eae7"}], "show_checkout_as_popup": true}, "external_scripts": [{"id": 73369, "src": null, "url": "https://optimizeapp-media-prod.s3.eu-south-1.amazonaws.com/pixel-scripts/8f78b41365ad805d8e90b08f7784c7ca4ce14f4d-raw-zid-oa-script.js", "status": 2, "app_id": 2812, "version": 1.0}], "app_scripts_bundle": {"scripts": {"purchase_event": ["window.zidPurchaseEventTracking(window,transactionItems)"], "product_details_event": ["window.onload = () =\u003e typeof window.zidViewContentEventTracking === \u0027function\u0027 \u0026\u0026 window.zidViewContentEventTracking(window, productViewd);"], "add_to_cart_event": ["window.zidAddCartEventTracking(window,productCart)"], "start_checkout_event": ["window.zidInitiateCheckoutEventTracking(window,cart)"]}, "params": {"bgihw": null, "optimize_app": null}}, "cache_timestamp": 1791233446.615188, "zones": {"selection_enabled": false, "selection_mode": "automatic", "precision": "city"}, "badges": [{"badge_type": "quick_delivery", "is_enabled": false, "text": null, "description": null}, {"badge_type": "pickup", "is_enabled": false, "text": null, "description": null}], "has_capi": false}, "url": "dahsm.com"}; 172 173 window.zidStoreRegion = { 174 countries: [{"id": 223, "name": "United States", "code": "US", "country_code": "+1", "flag": "https://media.zid.store/static/us.svg", "currency_code": "USD", "iso_code_2": "US", "iso_code_3": "USA", "address_format": "", "postcode_required": 0, "names": {"en": "United States", "ar": "\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629"}}, {"id": 184, "name": "Saudi Arabia", "code": "SA", "country_code": "+966", "flag": "https://media.zid.store/static/sa.svg", "currency_code": "SAR", "iso_code_2": "SA", "iso_code_3": "SAU", "address_format": "", "postcode_required": 0, "names": {"en": "Saudi Arabia", "ar": "\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629"}}], 175 languages: [{"id": 2, "name": "\u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629", "code": "ar", "direction": "rtl"}], 176 is_city_required: false, 177 location_selection: {"selection_enabled": false, "selection_mode": "automatic", "precision": "city"}, 178 } 179 180 window.customerAuthState = { isAuthenticated: false, isGuest: true }; 181 182</script>
182 183
184<script> 185 (() => { 186 const S3_DOMAIN = "https://static.zid.store"; 187 const THEME_VERSION_ID = "d3a8ae01-5359-4846-b286-05939342afcb"; 188 const THEME_VERSION = "v3.90.0"; 189 190 function assetUrl(path) { 191 const themeHash = String(THEME_VERSION_ID).slice(-8); 192 const cleanPath = String(path || "").replace(/^\/+/, ""); // avoid double slashes 193 return `${S3_DOMAIN}/${themeHash}/${cleanPath}?v=${encodeURIComponent(THEME_VERSION)}`; 194 } 195 196 window.asset_url = assetUrl; 197 })(); 198</script>
198 199
200<script> 201 window.RaqeebStoreId = "dc7c4175-93d2-4e1c-9563-930c60da1596"; 202 (function () { 203 window.raqeeb = { 204 q: [["set", "trackerUrl", 'https://raqeeb.zid.sa/collect'], 205 ["set", "siteId", window.RaqeebStoreId], ["trackPageview"]], 206 }; 207 })(); 208</script>
vendor: 1 bytes, line 208
208
209<script type="module" async id="raqeeb-script" src="https://static.zid.store/sdk/v3.23.2/theme-statics/raqeeb.js" defer></script>
209 210 211
211<script> 212 window.customerLazyLoadingStores = true; 213 window.ScCid = null; 214 window.store_uuid = "dc7c4175-93d2-4e1c-9563-930c60da1596"; 215 window.customerAsync = new Promise(function (resolve, reject) { 216 window._customerAsyncResolve = resolve; 217 window._customerAsyncReject = reject; 218 }); 219 220 221 222 223 224 225 if (false) { 226 window.enableServerConversionEvents = true; 227 } 228 229 </script>
229 230 231
231<script type="module" async src="https://static.zid.store/sdk/v3.23.2/theme-statics/head-scripts-setup.js" defer></script>
231 232 233 234 <!-- Start external script --> 235
235<script async type="text/javascript" src="https://optimizeapp-media-prod.s3.eu-south-1.amazonaws.com/pixel-scripts/8f78b41365ad805d8e90b08f7784c7ca4ce14f4d-raw-zid-oa-script.js?v=1.0&store=dc7c4175-93d2-4e1c-9563-930c60da1596&vitrin=true"></script>
235 236 <!-- End external script --> 237 238 239 240 241
241<script defer> 242 // Scripts section 243 window.purchaseEvent = function purchaseEvent(transactionItems) { 244 window.zidPurchaseEventTracking(window,transactionItems) 245 }; 246 window.productDetailsEvent = function productDetailsEvent(productViewd) { 247 window.onload = () => typeof window.zidViewContentEventTracking === 'function' && window.zidViewContentEventTracking(window, productViewd); 248 }; 249 window.addToCartEvent = function addToCartEvent(productCart) { 250 window.zidAddCartEventTracking(window,productCart) 251 }; 252 window.startCheckoutEvent = function startCheckoutEvent(cart) { 253 window.zidInitiateCheckoutEventTracking(window,cart) 254 }; 255 </script>
255 256 257 258 259 260 261
262<script> 263 function debug(...args) { 264 if (!"prod".startsWith("prod")) { 265 console.log(...args); 266 } 267 } 268</script>
268 269 <link 270 rel="preconnect" 271 href="https://fonts.googleapis.com" 272 /> 273 <link 274 rel="preconnect" 275 href="https://fonts.gstatic.com" 276 crossorigin 277 /> 278 279 <link 280 rel="stylesheet" 281 media="print" 282 onload="this.onload=null;this.media='all'" 283 href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap" 284 /> 285 <!-- prettier-ignore-start --> 286 <style> 287 :root { 288 /* Font */ 289 --font-family: IBM Plex Sans Arabic, sans-serif; 290 291 /* ========== LIGHT MODE COLORS (Default) ========== */ 292 --background: #FFFFFF; 293 --foreground: #0B0A09; 294 --primary: #0B0A09; 295 --primary-foreground: #FFFFFF; 296 --secondary: #F6F5F4; 297 --muted: #545352; 298 --accent: #A89C90; 299 --border: #B5B5B5; 300 --input: #545352; 301 --ring: #0B0A09; 302 303 /* ========== RADIUS ========== */ 304 --radius: 4px; 305 --cols-mobile: 1; 306 --cols-desktop: 4; 307 } 308 </style> 309 <!-- prettier-ignore-end --> 310 311 <link 312 rel="stylesheet" 313 type="text/css" 314 href="https://static.zid.store/9342afcb/styles.css?v=v3.90.0" 315 /> 316 317
317<script 318 src="https://cdn.jsdelivr.net/npm/@tailwindplus/[email protected]" 319 type="module" 320 ></script>
320 321 322 </head> 323 <body 324 data-template="list_products" 325 class="min-h-dvh font-sans antialiased" 326 > 327<div class="sticky top-0 z-50"> 328 <header class="bg-secondary border-border-light border-b px-4 py-3 md:px-16 md:py-4"> 329 <nav class="theme-container relative flex items-center justify-between"> 330<el-dialog 331 id="mobile-drawer-dialog" 332 class="group contents"> 333 <button 334 type="button" 335 onclick="document.getElementById('mobile-drawer-dialog')?.show();" 336 class="text-foreground relative h-10 w-10 p-2 group-data-[transition]:pointer-events-none focus:outline-none lg:hidden" 337 aria-label="Toggle menu" 338 > 339 <span 340 aria-hidden="true" 341 class="absolute block h-0.5 w-5 transform bg-current transition duration-500 ease-in-out group-data-[closed]:-translate-y-1.5 group-data-[enter]:rotate-45 group-data-[leave]:!rotate-0 group-[:not([open])]:-translate-y-1.5 group-[[open]]:rotate-45" 342 ></span> 343 <span 344 aria-hidden="true" 345 class="absolute block h-0.5 w-5 transform bg-current transition duration-500 ease-in-out group-data-[enter]:opacity-0 group-data-[leave]:!opacity-100 group-[[open]]:opacity-0" 346 ></span> 347 <span 348 aria-hidden="true" 349 class="absolute block h-0.5 w-5 transform bg-current transition duration-500 ease-in-out group-data-[closed]:translate-y-1.5 group-data-[enter]:-rotate-45 group-data-[leave]:!-rotate-0 group-[:not([open])]:translate-y-1.5 group-[[open]]:-rotate-45" 350 ></span> 351 </button> 352 <dialog 353 id="mobile-drawer" 354 aria-labelledby="drawer-title" 355 class="fixed top-[var(--header-h)] right-0 bottom-0 left-0 size-auto max-h-none max-w-none overflow-hidden bg-transparent not-open:hidden backdrop:bg-transparent" 356 > 357 <el-dialog-backdrop 358 class="absolute inset-0 bg-black/10 backdrop-blur-sm transition-opacity duration-500 ease-in-out data-closed:opacity-0" 359 ></el-dialog-backdrop> 360 <div 361 tabindex="0" 362 class="absolute inset-0 focus:outline-none" 363 > 364 <el-dialog-panel 365 class="group/dialog-panel relative block size-full transform transition duration-500 ease-in-out data-closed:translate-x-full sm:duration-700" 366 > 367 <div class="bg-background relative flex h-full flex-col"> 368 <div class="flex h-full flex-col items-start gap-8 overflow-y-auto pt-4"> 369 <div class="flex w-full flex-col"> 370 <a 371 href="/ar-us/" 372 class="text-foreground text-sm min-h-px w-full min-w-px px-6 py-3 text-start" 373 > 374 Ø§ÙØµÙØØ© Ø§ÙØ±Ø¦ÙØ³ÙØ© 375 </a> 376 <a 377 href="/ar-us/products/" 378 class="text-foreground text-sm min-h-px w-full min-w-px px-6 py-3 text-start" 379 > 380 Ø¬Ù ÙØ¹ اÙÙ ÙØªØ¬Ø§Øª 381 </a> 382 <a 383 href="/ar-us/categories/225733/Ø¥Ø¹ÙØ§Ùات-اÙÙ ÙØ§Ùع" 384 class="text-foreground text-sm min-h-px w-full min-w-px px-6 py-3 text-start" 385 > 386 Ø¨ÙØ¶ Ø§ÙØ³Ù Ø§Ù Ø§ÙØ·Ø§Ø²Ø¬ 387 </a> 388 <a 389 href="/ar-us/categories/1508088/bakaj-malaki" 390 class="text-foreground text-sm min-h-px w-full min-w-px px-6 py-3 text-start" 391 > 392 Ø§ÙØ¨Ùج اÙÙ ÙÙÙ - Ø¨ÙØ¶ Ø³Ù Ø§Ù ÙØ§Ø®Ø± 393 </a> 394 <a 395 href="/ar-us/categories/" 396 class="text-foreground text-sm min-h-px w-full min-w-px px-6 py-3 text-start" 397 > 398 Ø¬Ù ÙØ¹ Ø§ÙØªØµÙÙÙØ§Øª 399 </a> 400 </div> 401 <div class="border-border-light flex w-full flex-col items-start gap-[3px] border-t pt-4 pb-6"> 402 <button 403 id="mobile-login-btn" 404 type="button" 405 onclick="handleLoginAction(); document.getElementById('mobile-drawer-dialog')?.hide();" 406 class="text-foreground text-sm min-h-px w-full min-w-px px-6 py-3 text-start" 407 > 408 تسجÙÙ Ø§ÙØ¯Ø®ÙÙ 409 </button> 410 <div 411 id="mobile-logged-in-links" 412 class="hidden w-full flex-col" 413 > 414 <a 415 href="https://dahsm.com/ar-us/account" 416 class="text-foreground text-sm min-h-px w-full min-w-px px-6 py-3 text-start" 417 > 418 Ø§ÙØØ³Ø§Ø¨ 419 </a> 420 <button 421 type="button" 422 onclick="zid.customer.logout()" 423 class="text-foreground text-sm min-h-px w-full min-w-px px-6 py-3 text-start" 424 > 425 تسجÙÙ Ø§ÙØ®Ø±Ùج 426 </button> 427 </div> 428 <button 429 type="button" 430 onclick="document.getElementById('mobile-drawer-dialog')?.hide(); zidOpenRegionSettingDialog();" 431 class="text-foreground text-sm flex w-full items-center gap-2 px-6 py-3 text-start" 432 > 433 <svg 434 xmlns="http://www.w3.org/2000/svg" 435 width="20" 436 height="20"
437 viewBox="0 0 24 24" 438 fill="none" 439 stroke="currentColor" 440 stroke-width="1.5" 441 > 442 <circle 443 cx="12" 444 cy="12" 445 r="10" 446 /> 447 <path 448 d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" 449 /> 450 </svg> 451 <span class="nav-country-text"> 452 United States </span> 453 454 </button> 455 </div> 456 </div> 457 </div> 458 </el-dialog-panel> 459 </div> 460 </dialog> 461</el-dialog> <div class="flex items-center gap-8"> 462 <a 463 href="/" 464 class="shrink-0" 465 aria-label="Ø§ÙØ±Ø¦ÙØ³ÙØ©" 466 > 467 468 <img 469 width="106" 470 height="44" 471 src=" https://media.zid.store/cdn-cgi/image/w=212,q=90,f=auto/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/dad5ae49-c7d9-4a83-a31f-51c5322a392e.png 472" 473 alt="٠تجر دØÙ٠٠س٠ا٠| ÙØ¨Ùع Ø¨ÙØ¶ ÙØ·ÙÙØ± Ø§ÙØ³Ù اÙ" 474 class="absolute md:relative md:top-auto left-1/2 md:left-auto -translate-x-1/2 md:translate-x-0 -translate-y-1/2 md:translate-y-0 max-h-[44px] md:max-h-[66px] w-auto object-contain" 475 /> 476 </a> 477 478 479 480 481 482 483<ul class="hidden items-center gap-6 lg:flex"> 484 <li> <a 485 href="/ar-us/" 486 class="text-foreground text-sm py-2 hover:underline" 487 > 488 Ø§ÙØµÙØØ© Ø§ÙØ±Ø¦ÙØ³ÙØ© 489 </a> 490</li> 491 <li> <a 492 href="/ar-us/products/" 493 class="text-foreground text-sm py-2 hover:underline" 494 > 495 Ø¬Ù ÙØ¹ اÙÙ ÙØªØ¬Ø§Øª 496 </a> 497</li> 498 <li> <a 499 href="/ar-us/categories/225733/Ø¥Ø¹ÙØ§Ùات-اÙÙ ÙØ§Ùع" 500 class="text-foreground text-sm py-2 hover:underline" 501 > 502 Ø¨ÙØ¶ Ø§ÙØ³Ù Ø§Ù Ø§ÙØ·Ø§Ø²Ø¬ 503 </a> 504</li> 505 <li> <a 506 href="/ar-us/categories/1508088/bakaj-malaki" 507 class="text-foreground text-sm py-2 hover:underline" 508 > 509 Ø§ÙØ¨Ùج اÙÙ ÙÙÙ - Ø¨ÙØ¶ Ø³Ù Ø§Ù ÙØ§Ø®Ø± 510 </a> 511</li> 512 <li> <a 513 href="/ar-us/categories/" 514 class="text-foreground text-sm py-2 hover:underline" 515 > 516 Ø¬Ù ÙØ¹ Ø§ÙØªØµÙÙÙØ§Øª 517 </a> 518</li> 519 520</ul> </div> 521 <ul class="flex items-center gap-1"> 522 <li><button 523 type="button" 524 command="show-modal" 525 commandfor="search-dialog" 526 class="flex size-10 items-center justify-center" 527 aria-label="Ø¨ØØ«" 528 data-search-trigger 529> 530 <svg 531 xmlns="http://www.w3.org/2000/svg" 532 width="24" 533 height="24" 534 viewBox="0 0 24 24" 535 class="text-foreground" 536 fill="none" 537 > 538 <path 539 d="M9.37695 3.37329C11.0475 3.37338 12.4514 3.95645 13.6182 5.1311C14.7863 6.30701 15.3652 7.71368 15.3652 9.37915C15.3652 10.0477 15.2604 10.6838 15.0518 11.2903C14.8436 11.8953 14.5304 12.4664 14.1084 13.0042L13.833 13.3547L14.1494 13.6682L20.1631 19.6321L20.166 19.634C20.2363 19.7029 20.2705 19.7798 20.2705 19.8967C20.2704 19.9847 20.2509 20.0516 20.21 20.1106L20.1621 20.1672L20.1602 20.1692C20.0833 20.2468 20.0021 20.2815 19.8867 20.2815C19.772 20.2815 19.7016 20.2473 19.6377 20.179L19.6318 20.1731L19.625 20.1672L13.6367 14.1838L13.3105 13.8586L12.96 14.1565C12.5697 14.4877 12.1179 14.7581 11.6016 14.9661L11.376 15.052C10.7695 15.2676 10.1165 15.3772 9.41406 15.3772C7.71323 15.3772 6.29193 14.7923 5.11914 13.6184C3.9443 12.4422 3.36235 11.0371 3.3623 9.37524C3.3623 7.71348 3.94477 6.3084 5.12109 5.13208C6.29674 3.95628 7.70599 3.37329 9.37695 3.37329ZM9.39062 4.07642C8.01061 4.07651 6.81093 4.53417 5.81543 5.44165L5.61816 5.62915C4.58695 6.66009 4.06543 7.91834 4.06543 9.37524C4.06548 10.8321 4.5874 12.0894 5.61816 13.1204C6.65036 14.1527 7.91745 14.673 9.39062 14.6731C10.8518 14.6731 12.1081 14.1517 13.1289 13.1184C14.1478 12.087 14.6621 10.8301 14.6621 9.37524C14.6621 7.92014 14.1476 6.66252 13.1279 5.6311C12.1067 4.59801 10.8508 4.07642 9.39062 4.07642Z" 540 fill="currentColor" 541 stroke="currentColor" 542 ></path> 543 </svg> 544</button> 545 546<el-dialog id="search-dialog-wrapper"> 547 <dialog 548 id="search-dialog" 549 class="fixed inset-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent backdrop:bg-transparent" 550 > 551 <el-dialog-backdrop 552 class="fixed inset-0 bg-black/10 backdrop-blur-sm transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in" 553 ></el-dialog-backdrop> 554 555 <div 556 tabindex="0" 557 class="mt-[var(--announcement-bar-h,0px)] flex focus:outline-none" 558 > 559 <el-dialog-panel 560 class="bg-background relative w-full transform overflow-hidden transition-all data-closed:-translate-y-full data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in" 561 > 562 <div class="px-4 py-3 md:px-16 md:py-4"> 563 <div class="theme-container"> 564 <div class="flex items-center gap-4"> 565 <div class="form-input-wrapper focus-within:border-foreground flex-1 focus-within:border-2"> 566 <div data-slot="icon"> 567 <svg 568 xmlns="http://www.w3.org/2000/svg" 569 width="24" 570 height="24"
571 viewBox="0 0 24 24" 572 fill="none" 573 > 574 <path 575 d="M9.37695 3.37329C11.0475 3.37338 12.4514 3.95645 13.6182 5.1311C14.7863 6.30701 15.3652 7.71368 15.3652 9.37915C15.3652 10.0477 15.2604 10.6838 15.0518 11.2903C14.8436 11.8953 14.5304 12.4664 14.1084 13.0042L13.833 13.3547L14.1494 13.6682L20.1631 19.6321L20.166 19.634C20.2363 19.7029 20.2705 19.7798 20.2705 19.8967C20.2704 19.9847 20.2509 20.0516 20.21 20.1106L20.1621 20.1672L20.1602 20.1692C20.0833 20.2468 20.0021 20.2815 19.8867 20.2815C19.772 20.2815 19.7016 20.2473 19.6377 20.179L19.6318 20.1731L19.625 20.1672L13.6367 14.1838L13.3105 13.8586L12.96 14.1565C12.5697 14.4877 12.1179 14.7581 11.6016 14.9661L11.376 15.052C10.7695 15.2676 10.1165 15.3772 9.41406 15.3772C7.71323 15.3772 6.29193 14.7923 5.11914 13.6184C3.9443 12.4422 3.36235 11.0371 3.3623 9.37524C3.3623 7.71348 3.94477 6.3084 5.12109 5.13208C6.29674 3.95628 7.70599 3.37329 9.37695 3.37329ZM9.39062 4.07642C8.01061 4.07651 6.81093 4.53417 5.81543 5.44165L5.61816 5.62915C4.58695 6.66009 4.06543 7.91834 4.06543 9.37524C4.06548 10.8321 4.5874 12.0894 5.61816 13.1204C6.65036 14.1527 7.91745 14.673 9.39062 14.6731C10.8518 14.6731 12.1081 14.1517 13.1289 13.1184C14.1478 12.087 14.6621 10.8301 14.6621 9.37524C14.6621 7.92014 14.1476 6.66252 13.1279 5.6311C12.1067 4.59801 10.8508 4.07642 9.39062 4.07642Z" 576 fill="currentColor" 577 stroke="currentColor" 578 ></path> 579 </svg> 580 </div> 581 <input 582 type="text" 583 id="search-input" 584 name="q" 585 autocomplete="off" 586 placeholder="Ø¨ØØ«" 587 data-search-input 588 /> 589 <button 590 type="button" 591 class="text-muted-foreground hidden shrink-0" 592 data-search-clear 593 aria-label="Ù Ø³Ø Ø§ÙØ¨ØØ«" 594 > 595 <svg 596 xmlns="http://www.w3.org/2000/svg" 597 width="24" 598 height="24"
599 viewBox="0 0 24 24" 600 fill="none" 601 > 602 <path 603 d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" 604 fill="currentColor" 605 /> 606 </svg> 607 </button> 608 </div> 609 <button 610 type="button" 611 command="close" 612 commandfor="search-dialog" 613 class="flex size-10 shrink-0 items-center justify-center" 614 aria-label="Ø¥ØºÙØ§Ù Ø§ÙØ¨ØØ«" 615 > 616 <svg 617 xmlns="http://www.w3.org/2000/svg" 618 width="24" 619 height="24" 620 viewBox="0 0 24 24" 621 fill="none" 622 > 623 <path 624 d="M18 6L6 18M6 6L18 18" 625 stroke="currentColor" 626 stroke-width="1.5" 627 stroke-linecap="round" 628 stroke-linejoin="round" 629 /> 630 </svg> 631 </button> 632 </div> 633 634 <div 635 class="flex hidden flex-col space-y-4 md:p-4" 636 data-search-results 637 > 638 <span class="text-muted text-sm py-2">اÙÙØªØ§Ø¦Ø¬</span> 639 <div 640 class="flex gap-4 overflow-x-auto" 641 data-search-products 642 ></div> 643 <div class="border-border-light border-t pt-4"> 644 <a 645 href="#" 646 class="text-foreground text-sm flex items-center gap-1 py-2" 647 data-search-all-link 648 > 649 <span data-search-all-text>Ø§ÙØ¨ØØ« ع٠''</span> 650 <svg 651 xmlns="http://www.w3.org/2000/svg" 652 width="16" 653 height="16"
654 viewBox="0 0 16 16" 655 fill="none" 656 class="rtl:rotate-180" 657 > 658 <path 659 d="M3 8H13M9 4L13 8L9 12" 660 stroke="currentColor" 661 stroke-width="1.5" 662 stroke-linecap="round" 663 stroke-linejoin="round" 664 /> 665 </svg> 666 </a> 667 </div> 668 </div> 669 670 <div 671 class="flex hidden flex-col space-y-4 p-4" 672 data-search-loading 673 > 674 <span class="text-muted text-sm py-2">Ø¬Ø§Ø±Ù Ø§ÙØ¨ØØ«...</span> 675 <div class="flex gap-4 overflow-x-auto"> 676 <div class="w-[320px] shrink-0 md:w-[380px]"> 677 <div class="bg-secondary aspect-[380/420] animate-pulse rounded"></div> 678 <div class="mt-4 flex flex-col gap-2"> 679 <div class="bg-secondary h-5 w-3/4 animate-pulse rounded"></div> 680 <div class="bg-secondary h-4 w-1/2 animate-pulse rounded"></div> 681 <div class="bg-secondary h-4 w-2/3 animate-pulse rounded"></div> 682 </div> 683 </div> 684 <div class="w-[320px] shrink-0 md:w-[380px]"> 685 <div class="bg-secondary aspect-[380/420] animate-pulse rounded"></div> 686 <div class="mt-4 flex flex-col gap-2"> 687 <div class="bg-secondary h-5 w-3/4 animate-pulse rounded"></div> 688 <div class="bg-secondary h-4 w-1/2 animate-pulse rounded"></div> 689 <div class="bg-secondary h-4 w-2/3 animate-pulse rounded"></div> 690 </div> 691 </div> 692 <div class="w-[320px] shrink-0 md:w-[380px]"> 693 <div class="bg-secondary aspect-[380/420] animate-pulse rounded"></div> 694 <div class="mt-4 flex flex-col gap-2"> 695 <div class="bg-secondary h-5 w-3/4 animate-pulse rounded"></div> 696 <div class="bg-secondary h-4 w-1/2 animate-pulse rounded"></div> 697 <div class="bg-secondary h-4 w-2/3 animate-pulse rounded"></div> 698 </div> 699 </div> 700 <div class="w-[320px] shrink-0 md:w-[380px]"> 701 <div class="bg-secondary aspect-[380/420] animate-pulse rounded"></div> 702 <div class="mt-4 flex flex-col gap-2"> 703 <div class="bg-secondary h-5 w-3/4 animate-pulse rounded"></div> 704 <div class="bg-secondary h-4 w-1/2 animate-pulse rounded"></div> 705 <div class="bg-secondary h-4 w-2/3 animate-pulse rounded"></div> 706 </div> 707 </div> 708 </div> 709 </div> 710 711 <div 712 class="hidden px-4 py-8 text-center" 713 data-search-empty 714 > 715 <p class="text-muted text-sm">ÙÙ ÙØªÙ Ø§ÙØ¹Ø«Ùر عÙÙ Ù ÙØªØ¬Ø§Øª</p> 716 </div> 717 </div> 718 </div> 719 </el-dialog-panel> 720 </div> 721 </dialog> 722</el-dialog></li> 723 724 <li class="hidden lg:block"> 725 <button 726 type="button" 727 onclick="zidOpenRegionSettingDialog()" 728 class="text-foreground text-sm flex items-center gap-1.5 py-2 hover:underline" 729 > 730 <svg 731 xmlns="http://www.w3.org/2000/svg" 732 width="20" 733 height="20"
734 viewBox="0 0 24 24" 735 fill="none" 736 stroke="currentColor" 737 stroke-width="1.5" 738 > 739 <circle 740 cx="12" 741 cy="12" 742 r="10" 743 /> 744 <path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" /> 745 </svg> 746 <span class="nav-country-text"> 747 United States </span> 748 749 </button> 750 </li> 751
752<script> 753</script>
753 <li class="hidden lg:block"> 754 <button 755 id="header-login-btn" 756 type="button" 757 onclick="handleLoginAction()" 758 class="flex size-10 items-center justify-center" 759 aria-label="تسجÙÙ Ø§ÙØ¯Ø®ÙÙ" 760 > 761 <svg 762 xmlns="http://www.w3.org/2000/svg" 763 width="24" 764 height="24" 765 viewBox="0 0 24 24" 766 class="text-foreground" 767 fill="none" 768 > 769 <path 770 d="M11.999 13.9229C13.0092 13.9229 14.0076 14.0477 14.9951 14.2979C15.8677 14.5189 16.779 14.8269 17.7285 15.2227L18.1377 15.3975C18.605 15.6053 18.9719 15.9062 19.249 16.3018V16.3008C19.5134 16.6783 19.6552 17.1421 19.6553 17.7158V18.5244C19.6553 18.8592 19.5425 19.1335 19.3027 19.374C19.0645 19.6129 18.7885 19.7275 18.4463 19.7275H5.55371C5.21376 19.7275 4.93928 19.6137 4.70215 19.375C4.46327 19.1345 4.35059 18.8598 4.35059 18.5244V17.7158C4.35064 17.1454 4.49342 16.6821 4.75879 16.3027C5.04025 15.9001 5.39983 15.5959 5.8457 15.3867C6.94406 14.895 7.99428 14.5294 8.99512 14.2861C9.99378 14.0434 10.9952 13.9229 11.999 13.9229ZM11.9971 14.6318C11.0198 14.6318 10.0665 14.7289 9.1377 14.9238C8.19445 15.1218 7.19336 15.484 6.13672 16.002H6.13574C5.81061 16.1618 5.55074 16.4068 5.35547 16.7188H5.35449C5.15849 17.0322 5.05371 17.3756 5.05371 17.7402V19.0244H18.9463V17.7402C18.9463 17.4158 18.8598 17.1098 18.6992 16.8281L18.626 16.709C18.4241 16.4034 18.1635 16.1624 17.8428 16.0039L17.8379 16.001L17.4375 15.8145C16.5127 15.3962 15.646 15.098 14.8398 14.9248C13.9299 14.7293 12.982 14.6318 11.9971 14.6318ZM11.999 4.59863C13.0272 4.59867 13.8317 4.92124 14.457 5.54492H14.458C15.0828 6.16805 15.4052 6.97149 15.4053 7.99902C15.4053 9.02689 15.0829 9.83061 14.458 10.4531C13.8327 11.076 13.0274 11.3974 11.999 11.3975C10.9705 11.3975 10.1671 11.0753 9.54492 10.4531C8.92267 9.83076 8.60059 9.02739 8.60059 7.99902C8.60066 7.03508 8.88347 6.26849 9.43164 5.66309L9.54492 5.54395C10.1672 4.92084 10.9707 4.59863 11.999 4.59863ZM12.001 5.30176C11.2461 5.30184 10.5903 5.55307 10.0732 6.06836V6.06934C9.55621 6.58522 9.30377 7.24022 9.30371 7.99512C9.30371 8.75119 9.55512 9.40783 10.0713 9.9248C10.5875 10.442 11.2435 10.6943 11.999 10.6943C12.6596 10.6943 13.2444 10.5021 13.7266 10.1084L13.9268 9.92676C14.4439 9.41023 14.6963 8.75378 14.6963 7.99805C14.6962 7.24144 14.4446 6.58444 13.9277 6.06836H13.9268C13.4106 5.55332 12.7555 5.30176 12.001 5.30176Z" 771 fill="currentColor" 772 stroke="currentColor" 773 ></path> 774 </svg> 775 </button> 776 <a 777 id="header-profile-btn" 778 href="https://dahsm.com/ar-us/account" 779 class="hidden size-10 items-center justify-center" 780 aria-label="اÙÙ ÙÙ Ø§ÙØ´Ø®ØµÙ" 781 > 782 <svg 783 xmlns="http://www.w3.org/2000/svg" 784 width="24" 785 height="24"
786 viewBox="0 0 24 24" 787 class="text-foreground" 788 fill="none" 789 > 790 <path 791 d="M11.999 13.9229C13.0092 13.9229 14.0076 14.0477 14.9951 14.2979C15.8677 14.5189 16.779 14.8269 17.7285 15.2227L18.1377 15.3975C18.605 15.6053 18.9719 15.9062 19.249 16.3018V16.3008C19.5134 16.6783 19.6552 17.1421 19.6553 17.7158V18.5244C19.6553 18.8592 19.5425 19.1335 19.3027 19.374C19.0645 19.6129 18.7885 19.7275 18.4463 19.7275H5.55371C5.21376 19.7275 4.93928 19.6137 4.70215 19.375C4.46327 19.1345 4.35059 18.8598 4.35059 18.5244V17.7158C4.35064 17.1454 4.49342 16.6821 4.75879 16.3027C5.04025 15.9001 5.39983 15.5959 5.8457 15.3867C6.94406 14.895 7.99428 14.5294 8.99512 14.2861C9.99378 14.0434 10.9952 13.9229 11.999 13.9229ZM11.9971 14.6318C11.0198 14.6318 10.0665 14.7289 9.1377 14.9238C8.19445 15.1218 7.19336 15.484 6.13672 16.002H6.13574C5.81061 16.1618 5.55074 16.4068 5.35547 16.7188H5.35449C5.15849 17.0322 5.05371 17.3756 5.05371 17.7402V19.0244H18.9463V17.7402C18.9463 17.4158 18.8598 17.1098 18.6992 16.8281L18.626 16.709C18.4241 16.4034 18.1635 16.1624 17.8428 16.0039L17.8379 16.001L17.4375 15.8145C16.5127 15.3962 15.646 15.098 14.8398 14.9248C13.9299 14.7293 12.982 14.6318 11.9971 14.6318ZM11.999 4.59863C13.0272 4.59867 13.8317 4.92124 14.457 5.54492H14.458C15.0828 6.16805 15.4052 6.97149 15.4053 7.99902C15.4053 9.02689 15.0829 9.83061 14.458 10.4531C13.8327 11.076 13.0274 11.3974 11.999 11.3975C10.9705 11.3975 10.1671 11.0753 9.54492 10.4531C8.92267 9.83076 8.60059 9.02739 8.60059 7.99902C8.60066 7.03508 8.88347 6.26849 9.43164 5.66309L9.54492 5.54395C10.1672 4.92084 10.9707 4.59863 11.999 4.59863ZM12.001 5.30176C11.2461 5.30184 10.5903 5.55307 10.0732 6.06836V6.06934C9.55621 6.58522 9.30377 7.24022 9.30371 7.99512C9.30371 8.75119 9.55512 9.40783 10.0713 9.9248C10.5875 10.442 11.2435 10.6943 11.999 10.6943C12.6596 10.6943 13.2444 10.5021 13.7266 10.1084L13.9268 9.92676C14.4439 9.41023 14.6963 8.75378 14.6963 7.99805C14.6962 7.24144 14.4446 6.58444 13.9277 6.06836H13.9268C13.4106 5.55332 12.7555 5.30176 12.001 5.30176Z" 792 fill="currentColor" 793 stroke="currentColor" 794 ></path> 795 </svg> 796 </a> 797 </li> 798 <li class="relative"> 799 <a 800 href="https://dahsm.com/ar-us/cart" 801 class="relative flex size-10 items-center justify-center" 802 > 803 <svg 804 xmlns="http://www.w3.org/2000/svg" 805 width="24" 806 height="24"
807 viewBox="0 0 24 24" 808 class="text-foreground" 809 fill="none" 810 > 811 <path 812 d="M11.999 1.8699C13.0632 1.8699 13.965 2.23624 14.7051 2.97049C15.3989 3.65874 15.7709 4.4912 15.8213 5.46854L15.8271 5.66678V5.94119H18.4463C18.901 5.94119 19.2955 6.10766 19.6299 6.44217C19.9643 6.77649 20.1309 7.17105 20.1309 7.62576V20.4461C20.1309 20.899 19.9641 21.2917 19.6299 21.6248C19.2955 21.9581 18.9011 22.1248 18.4463 22.1248H5.55371C5.10067 22.1248 4.70815 21.9581 4.375 21.6248C4.04176 21.2916 3.87598 20.8991 3.87598 20.4461V7.62576C3.87598 7.17098 4.04165 6.77651 4.375 6.44217C4.70814 6.10776 5.10075 5.94122 5.55371 5.94119H8.17285V5.66678C8.1808 4.60339 8.55537 3.70474 9.29492 2.97049C10.0342 2.23651 10.935 1.86992 11.999 1.8699ZM5.5293 20.4715H18.4717V7.60037H15.8271V9.7742C15.8271 10.0081 15.7466 10.2033 15.5869 10.3621C15.4273 10.5209 15.2305 10.6004 14.9951 10.6004C14.7601 10.6003 14.5648 10.5206 14.4082 10.3621C14.2517 10.2034 14.1729 10.008 14.1729 9.7742V7.60037H9.82715V9.7742C9.82711 10.0081 9.74663 10.2033 9.58691 10.3621C9.42732 10.5209 9.23046 10.6004 8.99512 10.6004C8.76014 10.6003 8.56481 10.5206 8.4082 10.3621C8.25168 10.2034 8.17289 10.008 8.17285 9.7742V7.60037H5.5293V20.4715ZM12 3.52908C11.4719 3.52908 11.0147 3.68698 10.6299 4.00272L10.4697 4.14725C10.0535 4.55929 9.84112 5.06599 9.83301 5.6658V5.94119H14.168V5.6658C14.1599 5.06597 13.9469 4.55929 13.5303 4.14725C13.1137 3.7351 12.6031 3.52918 12 3.52908Z" 813 fill="currentColor" 814 stroke="currentColor" 815 stroke-width="0.05" 816 ></path> 817 </svg> 818 <span 819 data-cart-badge 820 hidden 821 class="bg-destructive text-primary-foreground absolute -top-0.5 -right-0.5 flex h-5 w-5 items-center justify-center rounded-full text-[10px] leading-none" 822 > 823 0 824 </span> 825 </a> 826 827 </li> 828 </ul> 829 </nav> 830 </header> 831</div> <main id="main"> <section class="px-4 py-6 md:px-16"> 832 <div class="theme-container"> 833<nav 834 aria-label="breadcrumb" 835 class="" 836 837> 838 <ol 839 class="text-foreground text-sm flex flex-wrap items-center gap-2 break-words [&_a]:underline [&_a]:decoration-solid [&_a]:decoration-auto [&_a]:underline-offset-auto" 840 > 841 <li class=" inline-flex items-center gap-1.5"> 842 <a 843 href="https://dahsm.com/ar-us/" 844 class="" 845 > 846 Ø§ÙØ±Ø¦ÙØ³ÙØ© 847 </a> 848 </li> 849 850 <li 851 role="presentation" 852 aria-hidden="true" 853 class=" [&>svg]:size-4 [&>svg]:rtl:rotate-180" 854 > 855 <svg 856 xmlns="http://www.w3.org/2000/svg" 857 width="24" 858 height="24"
859 viewBox="0 0 24 24" 860 fill="none" 861 stroke="currentColor" 862 stroke-width="2" 863 stroke-linecap="round" 864 stroke-linejoin="round" 865 > 866 <path d="m9 18 6-6-6-6"></path> 867 </svg> 868 </li> 869 <li class=" inline-flex items-center gap-1.5"> 870 <span 871 role="link" 872 aria-disabled="true" 873 aria-current="page" 874 class=" font-semibold" 875 > 876 Ø¬Ù ÙØ¹ اÙÙ ÙØªØ¬Ø§Øª 877 </span> 878 </li> 879 880 </ol> 881</nav> </div> 882 </section> 883 884 <section class="px-4 pb-6 md:px-16 md:pb-16"> 885 <div class="theme-container"> 886 <div 887 id="products-content" 888 class="flex flex-col gap-6 transition-opacity duration-200" 889 > 890 891<div class="flex flex-col gap-4"> 892 <div class="flex flex-wrap items-center justify-between"> 893 <div class="md:hidden" > 894 895 896<button 897 type="button" 898 command="show-modal" 899 commandfor="filters-drawer" 900 class="btn btn-outlined btn-lg" 901> 902 <svg 903 xmlns="http://www.w3.org/2000/svg" 904 width="24" 905 height="24" 906 viewBox="0 0 24 24" 907 fill="none" 908 > 909 <path 910 d="M11.2441 16.6211H13.7617C13.9946 16.6211 14.1894 16.7016 14.3467 16.8633C14.5039 17.0252 14.583 17.2239 14.583 17.46C14.583 17.6957 14.5031 17.8894 14.3447 18.043C14.186 18.1968 13.9901 18.2744 13.7559 18.2744H11.2441C11.0091 18.2744 10.8135 18.1957 10.6553 18.0391C10.4972 17.8826 10.418 17.6872 10.418 17.4512C10.418 17.2153 10.4975 17.0185 10.6562 16.8594C10.815 16.7006 11.0103 16.6211 11.2441 16.6211ZM7.21387 11.1738H17.7803C18.015 11.1739 18.2108 11.2534 18.3691 11.4131C18.5274 11.5726 18.6064 11.7697 18.6064 12.0059C18.6064 12.2423 18.5271 12.4362 18.3691 12.5898C18.2108 12.7436 18.0153 12.8212 17.7803 12.8213H7.21387C6.97849 12.8212 6.78382 12.7424 6.62793 12.5859C6.47192 12.4294 6.39355 12.2336 6.39355 11.9971C6.39361 11.7609 6.47208 11.5658 6.62793 11.4092C6.78383 11.2526 6.97845 11.1739 7.21387 11.1738ZM4.20215 5.7207H20.8037C21.0386 5.7207 21.2343 5.80031 21.3926 5.95996C21.551 6.11955 21.6309 6.31684 21.6309 6.55273C21.6308 6.78843 21.5504 6.98371 21.3896 7.13965C21.2287 7.29576 21.0316 7.37402 20.7979 7.37402H4.19629C3.96101 7.37401 3.7663 7.29421 3.61035 7.13574C3.4543 6.97695 3.37606 6.77995 3.37598 6.54395C3.37598 6.30828 3.45492 6.11269 3.61328 5.95605C3.772 5.79928 3.96798 5.72075 4.20215 5.7207Z" 911 fill="currentColor" 912 stroke="currentColor" 913 stroke-width="0.05" 914 ></path> 915 </svg> 916 اÙÙÙØ§ØªØ± 917</button> 918 919<el-dialog class="contents"> 920 <dialog 921 id="filters-drawer" 922 aria-labelledby="drawer-title" 923 class="fixed inset-0 size-auto max-h-none max-w-none overflow-hidden bg-transparent not-open:hidden backdrop:bg-transparent" 924 > 925 <el-dialog-backdrop 926 class="absolute inset-0 bg-black/10 backdrop-blur-sm transition-opacity duration-500 ease-in-out data-closed:opacity-0" 927 ></el-dialog-backdrop> 928 <div 929 tabindex="0" 930 class="absolute inset-0 pe-10 focus:outline-none sm:pe-16" 931 > 932 <el-dialog-panel 933 class="group/dialog-panel relative block size-full max-w-md transform transition duration-500 ease-in-out sm:duration-700 ltr:data-closed:-translate-x-full rtl:data-closed:translate-x-full" 934 > 935 <form 936 method="GET" 937 action="" 938 onsubmit="return window.productFilter.submitDrawerForm(event)" 939 class="bg-background relative flex h-full flex-col" 940 > 941 <div class="flex min-h-0 flex-1 flex-col overflow-y-auto px-4 py-4 sm:px-8 sm:py-8"> 942 <div class="flex items-start justify-between"> 943 <h2 944 id="drawer-title" 945 class="text-foreground text-base font-semibold uppercase" 946 > 947 اÙÙÙØ§ØªØ± 948 </h2> 949 <button 950 type="button" 951 class="btn btn-icon btn-icon-md" 952 command="close" 953 commandfor="filters-drawer" 954 aria-label="Ø¥ØºÙØ§Ù اÙÙÙØØ©" 955 > 956 <svg
957 viewBox="0 0 24 24" 958 fill="none" 959 stroke="currentColor" 960 stroke-width="1.5" 961 aria-hidden="true" 962 class="size-6" 963 > 964 <path 965 d="M6 18 18 6M6 6l12 12" 966 stroke-linecap="round" 967 stroke-linejoin="round" 968 ></path> 969 </svg> 970 </button> 971 </div> 972 973 <div class="divide-border border-border mt-6 divide-y border-t"> 974 975 976 977 <div class="py-4 md:hidden"> 978 979<div class="disclosure-wrapper "> 980 <input 981 type="checkbox" 982 id="sorting-disclosure" 983 class="peer hidden" 984 /> 985 986 <label 987 for="sorting-disclosure" 988 class=" flex w-full cursor-pointer items-center justify-between gap-3 peer-checked:[&_svg]:rotate-0" 989 > 990 <span class="text-foreground text-sm font-medium"> ØªØ±ØªÙØ¨ ØØ³Ø¨ </span> 991 992 <svg 993 xmlns="http://www.w3.org/2000/svg" 994 width="24" 995 height="24" 996 viewBox="0 0 24 24" 997 fill="none" 998 class="text-foreground flex-shrink-0 rotate-180 transition-transform duration-200" 999 > 1000 <path 1001 d="M11.999 8.70312C12.0929 8.70312 12.1689 8.73142 12.249 8.81152L17.1924 13.7559C17.2744 13.8378 17.3008 13.9117 17.3008 13.999C17.3008 14.0863 17.2743 14.1602 17.1924 14.2422C17.1143 14.3202 17.0374 14.3506 16.9365 14.3506C16.8359 14.3505 16.7596 14.32 16.6816 14.2422L16.6807 14.2412L12.3516 9.9375L11.998 9.58594L7.31738 14.2666C7.23964 14.3443 7.17341 14.3662 7.09277 14.3633C6.99851 14.3598 6.91711 14.3282 6.83105 14.2422C6.75294 14.1641 6.72266 14.0872 6.72266 13.9863C6.72267 13.8854 6.75294 13.8086 6.83105 13.7305L11.75 8.81152C11.83 8.73152 11.9054 8.7032 11.999 8.70312Z" 1002 fill="currentColor" 1003 stroke="currentColor" 1004 ></path> 1005 </svg> 1006 </label> 1007 1008 <div 1009 class="grid [grid-template-rows:0fr] overflow-hidden transition-[grid-template-rows] duration-200 ease-out peer-checked:[grid-template-rows:1fr]" 1010 > 1011 <div class="min-h-0 overflow-hidden"> 1012 <div class="px-0 px-4 pt-4"> <input 1013 type="hidden" 1014 name="sort_by" 1015 value="popularity_order" 1016 /> 1017 <input 1018 type="hidden" 1019 name="order" 1020 value="asc" 1021 /> 1022 <div class="space-y-3"> 1023 <label class="form-control"> 1024 <input 1025 type="radio"
1026 id="sort-1" 1027 name="sort_option" 1028 value="popularity_order-asc" 1029checked onchange="window.productFilter.setSortParams(this, 'popularity_order', 'asc')" 1030 class="form-radio" 1031 /> 1032 Ø§ÙØ£Ùثر Ø´ÙÙØ¹Ùا 1033 </label> 1034 <label class="form-control"> 1035 <input 1036 type="radio" 1037 id="sort-2" 1038 name="sort_option" 1039 value="created_at-desc" 1040 onchange="window.productFilter.setSortParams(this, 'created_at', 'desc')" 1041 class="form-radio" 1042 /> 1043 Ø§ÙØ£ØØ¯Ø« 1044 </label> 1045 <label class="form-control"> 1046 <input 1047 type="radio" 1048 id="sort-3" 1049 name="sort_option" 1050 value="price-asc" 1051 onchange="window.productFilter.setSortParams(this, 'price', 'asc')" 1052 class="form-radio" 1053 /> 1054 Ø§ÙØ³Ø¹Ø± Ù Ù Ø§ÙØ£Ù٠إÙÙ Ø§ÙØ£Ø¹ÙÙ 1055 </label> 1056 <label class="form-control"> 1057 <input 1058 type="radio"
1059 id="sort-4" 1060 name="sort_option" 1061 value="price-desc" 1062 onchange="window.productFilter.setSortParams(this, 'price', 'desc')" 1063 class="form-radio" 1064 /> 1065 Ø§ÙØ³Ø¹Ø± Ù Ù Ø§ÙØ£Ø¹Ù٠إÙÙ Ø§ÙØ£ÙÙ 1066 </label> 1067 </div> 1068</div> 1069 </div> 1070 </div> 1071</div> </div> 1072 1073 1074 1075 1076 <div class="py-4"> 1077 1078<div class="disclosure-wrapper "> 1079 <input 1080 type="checkbox" 1081 id="availability-disclosure" 1082 class="peer hidden" 1083checked /> 1084 1085 <label 1086 for="availability-disclosure" 1087 class=" flex w-full cursor-pointer items-center justify-between gap-3 peer-checked:[&_svg]:rotate-0" 1088 > 1089 <span class="text-foreground text-sm font-medium"> Ø§ÙØªÙÙØ± </span> 1090 1091 <svg 1092 xmlns="http://www.w3.org/2000/svg" 1093 width="24" 1094 height="24" 1095 viewBox="0 0 24 24" 1096 fill="none" 1097 class="text-foreground flex-shrink-0 rotate-180 transition-transform duration-200" 1098 > 1099 <path 1100 d="M11.999 8.70312C12.0929 8.70312 12.1689 8.73142 12.249 8.81152L17.1924 13.7559C17.2744 13.8378 17.3008 13.9117 17.3008 13.999C17.3008 14.0863 17.2743 14.1602 17.1924 14.2422C17.1143 14.3202 17.0374 14.3506 16.9365 14.3506C16.8359 14.3505 16.7596 14.32 16.6816 14.2422L16.6807 14.2412L12.3516 9.9375L11.998 9.58594L7.31738 14.2666C7.23964 14.3443 7.17341 14.3662 7.09277 14.3633C6.99851 14.3598 6.91711 14.3282 6.83105 14.2422C6.75294 14.1641 6.72266 14.0872 6.72266 13.9863C6.72267 13.8854 6.75294 13.8086 6.83105 13.7305L11.75 8.81152C11.83 8.73152 11.9054 8.7032 11.999 8.70312Z" 1101 fill="currentColor" 1102 stroke="currentColor" 1103 ></path> 1104 </svg> 1105 </label> 1106 1107 <div 1108 class="grid [grid-template-rows:0fr] overflow-hidden transition-[grid-template-rows] duration-200 ease-out peer-checked:[grid-template-rows:1fr]" 1109 > 1110 <div class="min-h-0 overflow-hidden"> 1111 <div class="px-0 px-4 pt-4"> <div class="space-y-3"> 1112 <label class="form-control"> 1113 <input 1114 type="checkbox" 1115 id="availability-in_stock-drawer" 1116 name="availability" 1117 value="in_stock" 1118 class="form-checkbox" 1119 /> 1120 Ø¥Ø®ÙØ§Ø¡ اÙÙ ÙØªØ¬Ø§Øª ØºÙØ± اÙ٠تÙÙØ±Ø© 1121 </label> 1122 </div> 1123</div> 1124 </div> 1125 </div> 1126</div> </div> 1127 1128 <div class="filters--sidebar"> 1129 1130 1131 1132 </div> 1133 1134 <div class="py-4"> 1135 1136<div class="disclosure-wrapper "> 1137 <input 1138 type="checkbox" 1139 id="price-disclosure" 1140 class="peer hidden" 1141checked /> 1142 1143 <label 1144 for="price-disclosure" 1145 class=" flex w-full cursor-pointer items-center justify-between gap-3 peer-checked:[&_svg]:rotate-0" 1146 > 1147 <span class="text-foreground text-sm font-medium"> Ø§ÙØ³Ø¹Ø± </span> 1148 1149 <svg 1150 xmlns="http://www.w3.org/2000/svg" 1151 width="24" 1152 height="24" 1153 viewBox="0 0 24 24" 1154 fill="none" 1155 class="text-foreground flex-shrink-0 rotate-180 transition-transform duration-200" 1156 > 1157 <path 1158 d="M11.999 8.70312C12.0929 8.70312 12.1689 8.73142 12.249 8.81152L17.1924 13.7559C17.2744 13.8378 17.3008 13.9117 17.3008 13.999C17.3008 14.0863 17.2743 14.1602 17.1924 14.2422C17.1143 14.3202 17.0374 14.3506 16.9365 14.3506C16.8359 14.3505 16.7596 14.32 16.6816 14.2422L16.6807 14.2412L12.3516 9.9375L11.998 9.58594L7.31738 14.2666C7.23964 14.3443 7.17341 14.3662 7.09277 14.3633C6.99851 14.3598 6.91711 14.3282 6.83105 14.2422C6.75294 14.1641 6.72266 14.0872 6.72266 13.9863C6.72267 13.8854 6.75294 13.8086 6.83105 13.7305L11.75 8.81152C11.83 8.73152 11.9054 8.7032 11.999 8.70312Z" 1159 fill="currentColor" 1160 stroke="currentColor" 1161 ></path> 1162 </svg> 1163 </label> 1164 1165 <div 1166 class="grid [grid-template-rows:0fr] overflow-hidden transition-[grid-template-rows] duration-200 ease-out peer-checked:[grid-template-rows:1fr]" 1167 > 1168 <div class="min-h-0 overflow-hidden"> 1169 <div class="px-0 px-4 pt-4"><div class="space-y-4"> 1170 <div 1171 id="price-slider-drawer" 1172 class="price-range-slider" 1173 data-price-slider 1174 data-min-input="price_min_drawer" 1175 data-max-input="price_max_drawer" 1176 data-min-price="0" 1177 data-max-price="20000" 1178 ></div> 1179 <div class="flex items-center gap-3"> 1180 <div class="grid flex-1 items-center gap-2"> 1181 <label 1182 for="price_min_drawer" 1183 class="form-label" 1184 > 1185 Ù Ù, USD 1186 </label> 1187 <input 1188 type="text" 1189 id="price_min_drawer" 1190 name="from_price" 1191 inputmode="numeric" 1192 placeholder="0" 1193 class="form-input" 1194 /> 1195 </div> 1196 <span class="text-muted-foreground text-sm mt-7">â</span> 1197 <div class="grid flex-1 items-center gap-2"> 1198 <label 1199 for="price_max_drawer" 1200 class="form-label" 1201 > 1202 Ø¥ÙÙ, USD 1203 </label> 1204 <input 1205 type="text" 1206 id="price_max_drawer" 1207 name="to_price" 1208 inputmode="numeric" 1209 placeholder="بدÙÙ ØØ¯" 1210 class="form-input" 1211 /> 1212 </div> 1213 </div> 1214</div></div> 1215 </div> 1216 </div> 1217</div> </div> 1218 </div> 1219 </div> 1220 1221 <div class="border-border flex shrink-0 justify-end gap-3 border-t px-4 py-4 sm:px-8 sm:py-6"> 1222 <button 1223 type="button" 1224 class="btn btn-outlined btn-lg flex-1" 1225 onclick="window.productFilter.clearDrawerFilters()" 1226 > 1227 Ù Ø³Ø Ø§ÙÙÙ 1228 </button> 1229 <button 1230 type="submit" 1231 class="btn btn-filled btn-lg flex-1" 1232 > 1233 تطبÙÙ 1234 </button> 1235 </div> 1236 </form> 1237 </el-dialog-panel> 1238 </div> 1239 </dialog> 1240</el-dialog> </div> 1241 1242 <div class="hidden md:block"> 1243<div class="flex flex-wrap items-center gap-3"> 1244 <span class="text-muted-foreground text-sm"> اÙÙÙØ§ØªØ± </span> 1245 <button 1246 popovertarget="availability-popover" 1247 type="button" 1248 class="text-foreground text-sm group inline-flex items-center justify-center gap-2 border-none bg-transparent focus:ring-0" 1249 > 1250 <span>Ø§ÙØªÙÙØ±</span> 1251 <svg 1252 xmlns="http://www.w3.org/2000/svg" 1253 width="16" 1254 height="16"
1255 viewBox="0 0 16 16" 1256 fill="none" 1257 class="transition-transform duration-200 group-aria-expanded:rotate-180" 1258 > 1259 <path 1260 d="M8 5.96875C8.01431 5.96879 8.01997 5.97104 8.02148 5.97168C8.02382 5.97269 8.03271 5.97706 8.04785 5.99219L11.3438 9.28809C11.3597 9.30408 11.3644 9.31349 11.3652 9.31543C11.3656 9.31635 11.3672 9.32094 11.3672 9.33301C11.3671 9.34474 11.3656 9.3487 11.3652 9.34961C11.3645 9.35129 11.3601 9.36063 11.3438 9.37695C11.3289 9.39179 11.3198 9.39549 11.3174 9.39648C11.3148 9.39752 11.3076 9.40039 11.291 9.40039C11.2739 9.40036 11.2668 9.3974 11.2646 9.39648C11.2621 9.39541 11.253 9.39166 11.2383 9.37695L11.2373 9.37598L8.35254 6.50684L7.99902 6.15527L4.76074 9.39355C4.75291 9.40139 4.74699 9.40529 4.74414 9.40723C4.74242 9.40839 4.74153 9.40902 4.74121 9.40918H4.73438C4.71613 9.4085 4.70117 9.40625 4.67188 9.37695C4.65695 9.36203 4.65334 9.35297 4.65234 9.35059C4.65136 9.34822 4.64844 9.34117 4.64844 9.32422C4.64844 9.30715 4.65138 9.30016 4.65234 9.29785C4.65334 9.29547 4.65694 9.28642 4.67188 9.27148L7.95117 5.99219C7.96696 5.9764 7.97663 5.97248 7.97852 5.97168C7.98051 5.97086 7.98651 5.96875 8 5.96875Z" 1261 fill="currentColor" 1262 stroke="currentColor" 1263 ></path> 1264 </svg> 1265 </button> 1266 <el-popover 1267 id="availability-popover" 1268 anchor="bottom center" 1269 popover 1270 class="origin-top-center border-border-light bg-background min-w-[200px] rounded-none border p-4 transition transition-discrete [--anchor-gap:--spacing(2.5)] data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in" 1271 > 1272 <div class="space-y-1"> 1273 <label class="form-control py-2"> 1274 <input 1275 type="checkbox" 1276 id="availability-in_stock" 1277 name="availability" 1278 value="in_stock" 1279 onchange="window.productFilter.handleAvailability()" 1280 class="form-checkbox" 1281 /> 1282 Ø¥Ø®ÙØ§Ø¡ اÙÙ ÙØªØ¬Ø§Øª ØºÙØ± اÙ٠تÙÙØ±Ø© 1283 </label> 1284 </div> 1285 </el-popover> 1286 1287 <button 1288 popovertarget="price-popover" 1289 type="button" 1290 class="text-foreground text-sm group inline-flex items-center justify-center gap-2 border-none bg-transparent focus:ring-0" 1291 > 1292 <span>Ø§ÙØ³Ø¹Ø±</span> 1293 <svg 1294 xmlns="http://www.w3.org/2000/svg" 1295 width="16" 1296 height="16" 1297 viewBox="0 0 16 16" 1298 fill="none" 1299 class="transition-transform duration-200 group-aria-expanded:rotate-180" 1300 > 1301 <path 1302 d="M8 5.96875C8.01431 5.96879 8.01997 5.97104 8.02148 5.97168C8.02382 5.97269 8.03271 5.97706 8.04785 5.99219L11.3438 9.28809C11.3597 9.30408 11.3644 9.31349 11.3652 9.31543C11.3656 9.31635 11.3672 9.32094 11.3672 9.33301C11.3671 9.34474 11.3656 9.3487 11.3652 9.34961C11.3645 9.35129 11.3601 9.36063 11.3438 9.37695C11.3289 9.39179 11.3198 9.39549 11.3174 9.39648C11.3148 9.39752 11.3076 9.40039 11.291 9.40039C11.2739 9.40036 11.2668 9.3974 11.2646 9.39648C11.2621 9.39541 11.253 9.39166 11.2383 9.37695L11.2373 9.37598L8.35254 6.50684L7.99902 6.15527L4.76074 9.39355C4.75291 9.40139 4.74699 9.40529 4.74414 9.40723C4.74242 9.40839 4.74153 9.40902 4.74121 9.40918H4.73438C4.71613 9.4085 4.70117 9.40625 4.67188 9.37695C4.65695 9.36203 4.65334 9.35297 4.65234 9.35059C4.65136 9.34822 4.64844 9.34117 4.64844 9.32422C4.64844 9.30715 4.65138 9.30016 4.65234 9.29785C4.65334 9.29547 4.65694 9.28642 4.67188 9.27148L7.95117 5.99219C7.96696 5.9764 7.97663 5.97248 7.97852 5.97168C7.98051 5.97086 7.98651 5.96875 8 5.96875Z" 1303 fill="currentColor" 1304 stroke="currentColor" 1305 ></path> 1306 </svg> 1307 </button> 1308 <el-popover 1309 id="price-popover" 1310 anchor="bottom center" 1311 popover 1312 class="origin-top-center border-border-light bg-background max-w-[260px] rounded-none border p-4 transition transition-discrete [--anchor-gap:--spacing(2.5)] data-closed:scale-95 data-closed:transform data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in" 1313 > 1314 <form 1315 id="price-filter-form-simple" 1316 onsubmit="return window.productFilter.handlePriceSubmit(event, 'price_min_simple', 'price_max_simple')" 1317 > 1318<div class="space-y-4"> 1319 <div 1320 id="price-slider-simple" 1321 class="price-range-slider" 1322 data-price-slider 1323 data-min-input="price_min_simple" 1324 data-max-input="price_max_simple" 1325 data-min-price="0" 1326 data-max-price="20000" 1327 ></div> 1328 <div class="flex items-center gap-3"> 1329 <div class="grid flex-1 items-center gap-2"> 1330 <label 1331 for="price_min_simple" 1332 class="form-label" 1333 > 1334 Ù Ù, USD 1335 </label> 1336 <input 1337 type="text" 1338 id="price_min_simple" 1339 name="from_price" 1340 inputmode="numeric" 1341 placeholder="0" 1342 class="form-input" 1343 /> 1344 </div> 1345 <span class="text-muted-foreground text-sm mt-7">â</span> 1346 <div class="grid flex-1 items-center gap-2"> 1347 <label 1348 for="price_max_simple" 1349 class="form-label" 1350 > 1351 Ø¥ÙÙ, USD 1352 </label> 1353 <input 1354 type="text" 1355 id="price_max_simple" 1356 name="to_price" 1357 inputmode="numeric" 1358 placeholder="بدÙÙ ØØ¯" 1359 class="form-input" 1360 /> 1361 </div> 1362 </div> 1363</div> <div class="mt-3 flex justify-end"> 1364 <button 1365 type="submit" 1366 class="btn btn-text btn-sm" 1367 > 1368 تطبÙÙ 1369 </button> 1370 </div> 1371 </form> 1372 </el-popover> 1373</div></div> 1374 1375 <div class="flex items-center gap-3">
1376 <span class="text-muted-foreground text-sm hidden md:block"> 13772 ٠٠أص٠2 Ù ÙØªØ¬ </span> 1378 1379 1380 1381 1382 1383 1384 1385<div 1386 class="btn-group btn-group-separated md:!hidden" 1387 role="radiogroup" 1388 aria-label="اختر ØªØ®Ø·ÙØ· Ø§ÙØ´Ø¨ÙØ©" 1389> 1390 <label class="btn-group-item btn-group-item-icon"> 1391 <input 1392 type="radio" 1393 name="grid_view_mobile" 1394 value="one" 1395 class="sr-only" 1396 data-grid-btn="one" 1397 aria-label="Ø´Ø¨ÙØ© Ø¹Ù ÙØ¯ ÙØ§ØØ¯" 1398 /> 1399 <svg 1400 xmlns="http://www.w3.org/2000/svg" 1401 width="24" 1402 height="24" 1403 viewBox="0 0 24 24" 1404 fill="none" 1405 > 1406 <path 1407 d="M12 19V12V5M12 19V5V19Z" 1408 fill="currentColor" 1409 ></path> 1410 <path 1411 d="M12 19V5V12V19Z" 1412 stroke="currentColor" 1413 stroke-width="2" 1414 stroke-linecap="round" 1415 stroke-linejoin="round" 1416 ></path> 1417 </svg> 1418 1419 </label> 1420 <label class="btn-group-item btn-group-item-icon"> 1421 <input 1422 type="radio" 1423 name="grid_view_mobile" 1424 value="list" 1425 class="sr-only" 1426 data-grid-btn="list" 1427 aria-label="عرض ÙØ§Ø¦Ù Ø©" 1428 /> 1429 <svg 1430 width="24" 1431 height="24" 1432 viewBox="0 0 24 24" 1433 fill="none" 1434 xmlns="http://www.w3.org/2000/svg" 1435 > 1436 <path 1437 d="M19 14.5H5H19ZM19 19.5H5H19Z" 1438 fill="currentColor" 1439 ></path> 1440 <path 1441 d="M19 14.5H5M19 19.5H5" 1442 stroke="currentColor" 1443 stroke-width="2" 1444 stroke-linecap="round" 1445 ></path> 1446 <path 1447 d="M19 4.5L5 4.5M19 9.5H5" 1448 stroke="currentColor" 1449 stroke-width="2" 1450 stroke-linecap="round" 1451 ></path> 1452 </svg> 1453 1454 </label> 1455</div> 1456 1457<div 1458 class="btn-group btn-group-separated !hidden md:!flex" 1459 role="radiogroup" 1460 aria-label="اختر ØªØ®Ø·ÙØ· Ø§ÙØ´Ø¨ÙØ©" 1461> 1462 <label class="btn-group-item btn-group-item-icon"> 1463 <input 1464 type="radio" 1465 name="grid_view_desktop" 1466 value="four" 1467 class="sr-only" 1468 data-grid-btn="four" 1469 aria-label="Ø´Ø¨ÙØ© أربعة أع٠دة" 1470 checked 1471 /> 1472 <svg 1473 xmlns="http://www.w3.org/2000/svg" 1474 width="24" 1475 height="24" 1476 viewBox="0 0 24 24" 1477 fill="none" 1478 > 1479 <path 1480 d="M9.5 19V5M4.5 19V5" 1481 stroke="currentColor" 1482 stroke-width="2" 1483 stroke-linecap="round" 1484 ></path> 1485 <path 1486 d="M19.5 19V5M14.5 19V5" 1487 stroke="currentColor" 1488 stroke-width="2" 1489 stroke-linecap="round" 1490 ></path> 1491 </svg> 1492 1493 </label> 1494 <label class="btn-group-item btn-group-item-icon"> 1495 <input 1496 type="radio" 1497 name="grid_view_desktop" 1498 value="list" 1499 class="sr-only" 1500 data-grid-btn="list" 1501 aria-label="عرض ÙØ§Ø¦Ù Ø©" 1502 /> 1503 <svg 1504 width="24" 1505 height="24" 1506 viewBox="0 0 24 24" 1507 fill="none" 1508 xmlns="http://www.w3.org/2000/svg" 1509 > 1510 <path 1511 d="M19 14.5H5H19ZM19 19.5H5H19Z" 1512 fill="currentColor" 1513 ></path> 1514 <path 1515 d="M19 14.5H5M19 19.5H5" 1516 stroke="currentColor" 1517 stroke-width="2" 1518 stroke-linecap="round" 1519 ></path> 1520 <path 1521 d="M19 4.5L5 4.5M19 9.5H5" 1522 stroke="currentColor" 1523 stroke-width="2" 1524 stroke-linecap="round" 1525 ></path> 1526 </svg> 1527 1528 </label> 1529</div> </div> 1530 1531 <div class="hidden md:block"> 1532 1533 1534<div class="hidden items-center gap-3 sm:flex"> 1535 <span class="text-muted text-sm">ØªØ±ØªÙØ¨ ØØ³Ø¨</span> 1536 1537 <el-select 1538 id="sort-select" 1539 value="popularity_order-asc" 1540 onchange="window.productFilter.handleSortChange(this.value)" 1541 > 1542 <button 1543 type="button" 1544 class="text-foreground text-sm group inline-flex items-center justify-center gap-2 border-none bg-transparent focus:ring-0" 1545 > 1546 <el-selectedcontent class="underline underline-offset-auto">Ø§ÙØ£Ùثر Ø´ÙÙØ¹Ùا</el-selectedcontent> 1547 1548 <svg 1549 xmlns="http://www.w3.org/2000/svg" 1550 width="16" 1551 height="16"
1552 viewBox="0 0 16 16" 1553 fill="none" 1554 class="transition-transform duration-200 group-aria-expanded:rotate-180" 1555 aria-hidden="true" 1556 > 1557 <path 1558 d="M8 5.96875C8.01431 5.96879 8.01997 5.97104 8.02148 5.97168C8.02382 5.97269 8.03271 5.97706 8.04785 5.99219L11.3438 9.28809C11.3597 9.30408 11.3644 9.31349 11.3652 9.31543C11.3656 9.31635 11.3672 9.32094 11.3672 9.33301C11.3671 9.34474 11.3656 9.3487 11.3652 9.34961C11.3645 9.35129 11.3601 9.36063 11.3438 9.37695C11.3289 9.39179 11.3198 9.39549 11.3174 9.39648C11.3148 9.39752 11.3076 9.40039 11.291 9.40039C11.2739 9.40036 11.2668 9.3974 11.2646 9.39648C11.2621 9.39541 11.253 9.39166 11.2383 9.37695L11.2373 9.37598L8.35254 6.50684L7.99902 6.15527L4.76074 9.39355C4.75291 9.40139 4.74699 9.40529 4.74414 9.40723C4.74242 9.40839 4.74153 9.40902 4.74121 9.40918H4.73438C4.71613 9.4085 4.70117 9.40625 4.67188 9.37695C4.65695 9.36203 4.65334 9.35297 4.65234 9.35059C4.65136 9.34822 4.64844 9.34117 4.64844 9.32422C4.64844 9.30715 4.65138 9.30016 4.65234 9.29785C4.65334 9.29547 4.65694 9.28642 4.67188 9.27148L7.95117 5.99219C7.96696 5.9764 7.97663 5.97248 7.97852 5.97168C7.98051 5.97086 7.98651 5.96875 8 5.96875Z" 1559 fill="currentColor" 1560 stroke="currentColor" 1561 ></path> 1562 </svg> 1563 </button> 1564 1565 <el-options 1566 popover 1567 anchor="bottom center" 1568 class="origin-top-center border-border-light bg-background min-w-[180px] rounded-none border py-2 transition transition-discrete [--anchor-gap:--spacing(2.5)] data-closed:scale-95 data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in" 1569 > 1570 <el-option 1571 value="popularity_order-asc" 1572 class="text-foreground text-sm hover:bg-secondary aria-selected:bg-secondary block w-full cursor-pointer px-4 py-2 transition-colors" 1573 > 1574 Ø§ÙØ£Ùثر Ø´ÙÙØ¹Ùا 1575 </el-option> 1576 <el-option 1577 value="created_at-desc" 1578 class="text-foreground text-sm hover:bg-secondary aria-selected:bg-secondary block w-full cursor-pointer px-4 py-2 transition-colors" 1579 > 1580 Ø§ÙØ£ØØ¯Ø« 1581 </el-option> 1582 <el-option 1583 value="price-asc" 1584 class="text-foreground text-sm hover:bg-secondary aria-selected:bg-secondary block w-full cursor-pointer px-4 py-2 transition-colors" 1585 > 1586 Ø§ÙØ³Ø¹Ø± Ù Ù Ø§ÙØ£Ù٠إÙÙ Ø§ÙØ£Ø¹ÙÙ 1587 </el-option> 1588 <el-option 1589 value="price-desc" 1590 class="text-foreground text-sm hover:bg-secondary aria-selected:bg-secondary block w-full cursor-pointer px-4 py-2 transition-colors" 1591 > 1592 Ø§ÙØ³Ø¹Ø± Ù Ù Ø§ÙØ£Ø¹Ù٠إÙÙ Ø§ÙØ£ÙÙ 1593 </el-option> 1594 </el-options> 1595 </el-select> 1596</div></div> 1597 </div> 1598 1599 1600 1601 1602 1603 1604</div> <div 1605 data-grid-root="true" 1606 data-grid="four" 1607 class="group/grid grid gap-x-4 gap-y-10" 1608 > 1609 1610 1611 1612 1613<div 1614 class="group relative flex h-full flex-col gap-4 group-data-[grid=list]/grid:grid group-data-[grid=list]/grid:grid-cols-2 group-data-[grid=list]/grid:grid-rows-[1fr_auto] group-data-[grid=list]/grid:gap-4 md:group-data-[grid=list]/grid:grid-cols-[auto_1fr] md:group-data-[grid=list]/grid:grid-rows-[auto_auto]" 1615 data-product-card="eaacd946-f2bf-4b2d-bbf1-fbdf5455a438" 1616> 1617 <a 1618 href="https://dahsm.com/ar-us/products/Ø¨Ø§ÙØ¬-دØÙÙ Ù-اÙÙ ÙÙÙ-Ø¨ÙØ¶-س٠اÙ-ÙØ§Ø®Ø±-٠ختار" 1619 class=" relative block w-full overflow-hidden rounded group-data-[grid=list]/grid:col-span-1 group-data-[grid=list]/grid:row-span-1 group-data-[grid=list]/grid:aspect-square md:group-data-[grid=list]/grid:row-span-2 md:group-data-[grid=list]/grid:h-80" 1620 > 1621 <img 1622 src=" https://media.zid.store/cdn-cgi/image/w=600,q=80,f=auto/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/9ca1d179-bcc2-4434-a41f-884d5d07a320.png 1623" 1624 alt="Ø¨Ø§ÙØ¬ دØÙ٠٠اÙÙ ÙÙÙ â Ø¨Ùض Ø³Ù Ø§Ù ÙØ§Ø®Ø± ٠ختار" 1625 loading="lazy" 1626 class="h-auto w-full object-center" 1627 /> 1628 <div class="absolute top-4 flex flex-col gap-2 ltr:left-4 rtl:right-4">
1629 <span 1630 class="bundle-offer-badge hidden" 1631 data-bundle-offer-product-id="eaacd946-f2bf-4b2d-bbf1-fbdf5455a438" 1632 ></span> 1633 </div> 1634 1635 <button 1636 type="button" 1637 class="btn btn-icon btn-icon-md bg-background/10 absolute bottom-4 ltr:right-4 rtl:left-4 backdrop-blur-xs" 1638 data-wishlist-btn 1639 data-product-id="eaacd946-f2bf-4b2d-bbf1-fbdf5455a438" 1640 aria-label="أض٠ÙÙÙ ÙØ¶ÙØ©" 1641 > 1642 <svg 1643 xmlns="http://www.w3.org/2000/svg" 1644 fill="none" 1645 viewBox="0 0 24 24" 1646 stroke-width="1.5" 1647 stroke="currentColor" 1648 class="size-6" 1649 > 1650 <path 1651 stroke-linecap="round" 1652 stroke-linejoin="round" 1653 d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" 1654 /> 1655 </svg> 1656 </button> 1657 </a> 1658 <div 1659 class="flex flex-1 flex-col gap-3 group-data-[grid=list]/grid:col-span-1 group-data-[grid=list]/grid:row-span-1 group-data-[grid=list]/grid:min-w-0 group-data-[grid=list]/grid:self-start" 1660 > 1661 <div class="flex flex-col gap-2"> 1662 <h3 class="text-foreground text-sm font-medium"> 1663 <a href="https://dahsm.com/ar-us/products/Ø¨Ø§ÙØ¬-دØÙÙ Ù-اÙÙ ÙÙÙ-Ø¨ÙØ¶-س٠اÙ-ÙØ§Ø®Ø±-٠ختار"> Ø¨Ø§ÙØ¬ دØÙ٠٠اÙÙ ÙÙÙ â Ø¨Ùض Ø³Ù Ø§Ù ÙØ§Ø®Ø± ٠ختار </a> 1664 </h3> 1665 </div> 1666 <div class="flex flex-col gap-1"> 1667 <p class="text-foreground text-sm font-semibold"> 1668 10.00 $ 1669 </p> 1670 <div class="flex flex-wrap items-center gap-2"> 1671 <span class="text-destructive text-sm line-through"> 15.00 $ </span> 1672 <span 1673 class="bg-success/20 text-xs uppercase tracking-wide text-success inline-flex items-center rounded px-2 py-1 font-medium" 1674 > 1675 خص٠34% 1676 </span> 1677 </div> 1678 </div> 1679 <p 1680 class="text-muted text-sm hidden group-data-[grid=list]/grid:line-clamp-1 group-data-[grid=list]/grid:[display:-webkit-box] md:group-data-[grid=list]/grid:line-clamp-3" 1681 > 1682 Ø¨ÙØ¶ Ø³Ù Ø§Ù ÙØ§Ø®Ø± ٠٠دØÙ٠٠بتغÙÙÙ Ù ÙÙ٠أÙÙÙØ طازج Ù Ù Ø§ÙØ£ØØ³Ø§Ø¡ ÙØºÙÙ Ø¨Ø§ÙØ¨Ø±ÙتÙÙØ Ù ÙØ§Ø³Ø¨ ÙÙÙØ¯Ø§Ùا ÙØ§ÙØªØºØ°ÙØ© Ø§ÙØµØÙØ© 1683 </p> 1684 </div> 1685 <div 1686 class="mt-auto group-data-[grid=list]/grid:col-span-2 group-data-[grid=list]/grid:row-span-1 group-data-[grid=list]/grid:mt-0 md:group-data-[grid=list]/grid:col-span-1 md:group-data-[grid=list]/grid:col-start-2 md:group-data-[grid=list]/grid:self-start" 1687 > 1688 <button 1689 class="btn btn-outlined btn-lg w-full md:group-data-[grid=list]/grid:w-1/2" 1690 data-add-to-cart="eaacd946-f2bf-4b2d-bbf1-fbdf5455a438" 1691 > 1692 أض٠ÙÙØ³ÙØ© 1693 </button> 1694 1695 <div 1696 class="w-full md:group-data-[grid=list]/grid:w-1/2" 1697 data-quantity-section 1698 hidden 1699 > 1700 1701 1702 1703 1704 1705 1706<div 1707 class="qty-input qty-input-full" 1708 data-qty-input="card-qty-eaacd946-f2bf-4b2d-bbf1-fbdf5455a438" 1709data-product-id="eaacd946-f2bf-4b2d-bbf1-fbdf5455a438"> 1710 <button 1711 type="button" 1712 class="qty-input-btn" 1713 aria-label="Ø¥Ø²Ø§ÙØ©" 1714 data-qty-action="remove" 1715 > 1716 <svg 1717 viewBox="0 0 16 16" 1718 fill="none" 1719 xmlns="http://www.w3.org/2000/svg" 1720 > 1721 <path 1722 d="M11.3333 6V12.6667H4.66667V6H11.3333ZM10.1667 2H5.83333L5 2.83333H2V4.5H14V2.83333H11L10.1667 2ZM13 4.33333H3V12.6667C3 13.5833 3.75 14.3333 4.66667 14.3333H11.3333C12.25 14.3333 13 13.5833 13 12.6667V4.33333Z" 1723 fill="currentColor" 1724 /> 1725 </svg> 1726 1727 </button> 1728 1729 <button 1730 type="button" 1731 class="qty-input-btn" 1732 aria-label="تÙÙÙ٠اÙÙÙ ÙØ©" 1733 data-qty-action="decrease" 1734hidden > 1735 <svg 1736 viewBox="0 0 16 16" 1737 fill="none" 1738 xmlns="http://www.w3.org/2000/svg" 1739 > 1740 <path 1741 d="M4 7.44444V8.55556H12V7.44444H4Z" 1742 fill="currentColor" 1743 /> 1744 </svg> 1745 1746 </button> 1747 1748 <input 1749 type="number" 1750 id="card-qty-eaacd946-f2bf-4b2d-bbf1-fbdf5455a438" 1751 name="quantity" 1752 value="1" 1753 min="1" 1754 class="qty-input-field" 1755 aria-label="اÙÙÙ ÙØ©" 1756 data-qty-value 1757 /> 1758 1759 <button 1760 type="button" 1761 class="qty-input-btn" 1762 aria-label="Ø²ÙØ§Ø¯Ø© اÙÙÙ ÙØ©" 1763 data-qty-action="increase" 1764 > 1765 <svg
1766 viewBox="0 0 16 16" 1767 fill="none" 1768 xmlns="http://www.w3.org/2000/svg" 1769 > 1770 <path 1771 d="M12.6667 8.66667H8.66667V12.6667H7.33333V8.66667H3.33333V7.33333H7.33333V3.33333H8.66667V7.33333H12.6667V8.66667Z" 1772 fill="currentColor" 1773 /> 1774 </svg> 1775 1776 </button> 1777</div> </div> 1778 </div> 1779</div> 1780 1781 1782 1783<div 1784 class="group relative flex h-full flex-col gap-4 group-data-[grid=list]/grid:grid group-data-[grid=list]/grid:grid-cols-2 group-data-[grid=list]/grid:grid-rows-[1fr_auto] group-data-[grid=list]/grid:gap-4 md:group-data-[grid=list]/grid:grid-cols-[auto_1fr] md:group-data-[grid=list]/grid:grid-rows-[auto_auto]" 1785 data-product-card="bba6b039-f501-42d5-a95c-75d53537a1b8" 1786> 1787 <a 1788 href="https://dahsm.com/ar-us/products/Ø¨ÙØ¶-س٠اÙ-طازج-Ø¹ÙØ¨Ø©-21-Ø¨ÙØ¶Ø©" 1789 class=" relative block w-full overflow-hidden rounded group-data-[grid=list]/grid:col-span-1 group-data-[grid=list]/grid:row-span-1 group-data-[grid=list]/grid:aspect-square md:group-data-[grid=list]/grid:row-span-2 md:group-data-[grid=list]/grid:h-80" 1790 > 1791 <img 1792 src=" https://media.zid.store/cdn-cgi/image/w=600,q=80,f=auto/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/4f3b089d-63dc-4fe0-bad0-56dc04a21e00.png 1793" 1794 alt="Ø¨ÙØ¶ س٠ا٠طازج â Ø¹Ùبة 21 Ø¨ÙØ¶Ø©" 1795 loading="lazy" 1796 class="h-auto w-full object-center" 1797 /> 1798 <div class="absolute top-4 flex flex-col gap-2 ltr:left-4 rtl:right-4"> 1799 <span 1800 class="bundle-offer-badge hidden" 1801 data-bundle-offer-product-id="bba6b039-f501-42d5-a95c-75d53537a1b8" 1802 ></span> 1803 </div> 1804 1805 <button 1806 type="button" 1807 class="btn btn-icon btn-icon-md bg-background/10 absolute bottom-4 ltr:right-4 rtl:left-4 backdrop-blur-xs" 1808 data-wishlist-btn 1809 data-product-id="bba6b039-f501-42d5-a95c-75d53537a1b8" 1810 aria-label="أض٠ÙÙÙ ÙØ¶ÙØ©" 1811 > 1812 <svg 1813 xmlns="http://www.w3.org/2000/svg" 1814 fill="none" 1815 viewBox="0 0 24 24" 1816 stroke-width="1.5" 1817 stroke="currentColor" 1818 class="size-6" 1819 > 1820 <path 1821 stroke-linecap="round" 1822 stroke-linejoin="round" 1823 d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" 1824 /> 1825 </svg> 1826 </button> 1827 </a> 1828 <div 1829 class="flex flex-1 flex-col gap-3 group-data-[grid=list]/grid:col-span-1 group-data-[grid=list]/grid:row-span-1 group-data-[grid=list]/grid:min-w-0 group-data-[grid=list]/grid:self-start" 1830 > 1831 <div class="flex flex-col gap-2"> 1832 <h3 class="text-foreground text-sm font-medium"> 1833 <a href="https://dahsm.com/ar-us/products/Ø¨ÙØ¶-س٠اÙ-طازج-Ø¹ÙØ¨Ø©-21-Ø¨ÙØ¶Ø©"> Ø¨ÙØ¶ س٠ا٠طازج â Ø¹Ùبة 21 Ø¨ÙØ¶Ø© </a> 1834 </h3> 1835 </div> 1836 <p class="text-foreground text-sm"> 1837 3.50 $ 1838 </p> 1839 <p 1840 class="text-muted text-sm hidden group-data-[grid=list]/grid:line-clamp-1 group-data-[grid=list]/grid:[display:-webkit-box] md:group-data-[grid=list]/grid:line-clamp-3" 1841 > 1842 Ø¨ÙØ¶ س٠ا٠طازج ٠٠٠زارع Ø§ÙØ£ØØ³Ø§Ø¡ ÙØªÙ Ø§Ø®ØªÙØ§Ø±Ù Ø¨Ø¹ÙØ§ÙØ© ÙØ¶Ù Ø§Ù Ø£ÙØ¶Ù Ø¬ÙØ¯Ø© ÙØ·Ø¹Ù Ø·Ø¨ÙØ¹Ù. ÙØªÙ ÙØ² Ø¨ÙØ¶ Ø§ÙØ³Ù ا٠بÙÙÙ ØªÙ Ø§ÙØºØ°Ø§Ø¦ÙØ© Ø§ÙØ¹Ø§ÙÙØ© ÙØºÙØ§Ù Ø¨Ø§ÙØ¨Ø±ÙتÙÙ ÙØ§ÙÙÙØªØ§Ù ÙÙØ§ØªØ ÙÙØ¹Ø¯ Ø®ÙØ§Ø±Ø§Ù صØÙا٠٠ثاÙÙØ§Ù ÙÙÙØ¬Ø¨Ø§Øª اÙÙÙÙ ÙØ©. 1843 </p> 1844 </div> 1845 <div 1846 class="mt-auto group-data-[grid=list]/grid:col-span-2 group-data-[grid=list]/grid:row-span-1 group-data-[grid=list]/grid:mt-0 md:group-data-[grid=list]/grid:col-span-1 md:group-data-[grid=list]/grid:col-start-2 md:group-data-[grid=list]/grid:self-start" 1847 > 1848 <button 1849 class="btn btn-outlined btn-lg w-full md:group-data-[grid=list]/grid:w-1/2" 1850 data-add-to-cart="bba6b039-f501-42d5-a95c-75d53537a1b8" 1851 > 1852 أض٠ÙÙØ³ÙØ© 1853 </button> 1854 1855 <div 1856 class="w-full md:group-data-[grid=list]/grid:w-1/2" 1857 data-quantity-section 1858 hidden 1859 > 1860 1861 1862 1863 1864 1865 1866<div 1867 class="qty-input qty-input-full" 1868 data-qty-input="card-qty-bba6b039-f501-42d5-a95c-75d53537a1b8" 1869data-product-id="bba6b039-f501-42d5-a95c-75d53537a1b8"> 1870 <button 1871 type="button" 1872 class="qty-input-btn" 1873 aria-label="Ø¥Ø²Ø§ÙØ©" 1874 data-qty-action="remove" 1875 > 1876 <svg
1877 viewBox="0 0 16 16" 1878 fill="none" 1879 xmlns="http://www.w3.org/2000/svg" 1880 > 1881 <path 1882 d="M11.3333 6V12.6667H4.66667V6H11.3333ZM10.1667 2H5.83333L5 2.83333H2V4.5H14V2.83333H11L10.1667 2ZM13 4.33333H3V12.6667C3 13.5833 3.75 14.3333 4.66667 14.3333H11.3333C12.25 14.3333 13 13.5833 13 12.6667V4.33333Z" 1883 fill="currentColor" 1884 /> 1885 </svg> 1886 1887 </button> 1888 1889 <button 1890 type="button" 1891 class="qty-input-btn" 1892 aria-label="تÙÙÙ٠اÙÙÙ ÙØ©" 1893 data-qty-action="decrease" 1894hidden > 1895 <svg 1896 viewBox="0 0 16 16" 1897 fill="none" 1898 xmlns="http://www.w3.org/2000/svg" 1899 > 1900 <path 1901 d="M4 7.44444V8.55556H12V7.44444H4Z" 1902 fill="currentColor" 1903 /> 1904 </svg> 1905 1906 </button> 1907 1908 <input 1909 type="number" 1910 id="card-qty-bba6b039-f501-42d5-a95c-75d53537a1b8" 1911 name="quantity" 1912 value="1" 1913 min="1" 1914 class="qty-input-field" 1915 aria-label="اÙÙÙ ÙØ©" 1916 data-qty-value 1917 /> 1918 1919 <button 1920 type="button" 1921 class="qty-input-btn" 1922 aria-label="Ø²ÙØ§Ø¯Ø© اÙÙÙ ÙØ©" 1923 data-qty-action="increase" 1924 > 1925 <svg 1926 viewBox="0 0 16 16" 1927 fill="none" 1928 xmlns="http://www.w3.org/2000/svg" 1929 > 1930 <path 1931 d="M12.6667 8.66667H8.66667V12.6667H7.33333V8.66667H3.33333V7.33333H7.33333V3.33333H8.66667V7.33333H12.6667V8.66667Z" 1932 fill="currentColor" 1933 /> 1934 </svg> 1935 1936 </button> 1937</div> </div> 1938 </div> 1939</div> </div> 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951<div 1952 data-pagination-root 1953 class="flex flex-col-reverse items-center gap-4 md:flex-row" 1954> 1955 <div class="flex items-center gap-2"> 1956 <span class="text-muted text-sm">اÙÙ ÙØªØ¬Ø§Øª ÙÙ Ø§ÙØµÙØØ©</span> 1957 <el-select 1958 id="per-page-select" 1959 value="24" 1960 onchange="window.productFilter.handlePerPageChange(this.value)" 1961 > 1962 <button 1963 type="button" 1964 class="text-foreground text-sm group inline-flex items-center justify-center gap-2 border-none bg-transparent focus:ring-0" 1965 > 1966 <el-selectedcontent class="underline underline-offset-auto"> 24 </el-selectedcontent> 1967 <svg 1968 xmlns="http://www.w3.org/2000/svg" 1969 width="16" 1970 height="16"
1971 viewBox="0 0 16 16" 1972 fill="none" 1973 class="transition-transform duration-200 group-aria-expanded:rotate-180" 1974 > 1975 <path 1976 d="M8 5.96875C8.01431 5.96879 8.01997 5.97104 8.02148 5.97168C8.02382 5.97269 8.03271 5.97706 8.04785 5.99219L11.3438 9.28809C11.3597 9.30408 11.3644 9.31349 11.3652 9.31543C11.3656 9.31635 11.3672 9.32094 11.3672 9.33301C11.3671 9.34474 11.3656 9.3487 11.3652 9.34961C11.3645 9.35129 11.3601 9.36063 11.3438 9.37695C11.3289 9.39179 11.3198 9.39549 11.3174 9.39648C11.3148 9.39752 11.3076 9.40039 11.291 9.40039C11.2739 9.40036 11.2668 9.3974 11.2646 9.39648C11.2621 9.39541 11.253 9.39166 11.2383 9.37695L11.2373 9.37598L8.35254 6.50684L7.99902 6.15527L4.76074 9.39355C4.75291 9.40139 4.74699 9.40529 4.74414 9.40723C4.74242 9.40839 4.74153 9.40902 4.74121 9.40918H4.73438C4.71613 9.4085 4.70117 9.40625 4.67188 9.37695C4.65695 9.36203 4.65334 9.35297 4.65234 9.35059C4.65136 9.34822 4.64844 9.34117 4.64844 9.32422C4.64844 9.30715 4.65138 9.30016 4.65234 9.29785C4.65334 9.29547 4.65694 9.28642 4.67188 9.27148L7.95117 5.99219C7.96696 5.9764 7.97663 5.97248 7.97852 5.97168C7.98051 5.97086 7.98651 5.96875 8 5.96875Z" 1977 fill="currentColor" 1978 stroke="currentColor" 1979 ></path> 1980 </svg> 1981 </button> 1982 <el-options 1983 popover 1984 anchor="bottom center" 1985 class="bg-background origin-top-center border-border-light min-w-[60px] rounded-none border py-2 transition transition-discrete [--anchor-gap:--spacing(2.5)] data-closed:scale-95 data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in" 1986 > 1987 <el-option 1988 value="12" 1989 class="text-foreground text-sm hover:bg-secondary aria-selected:bg-secondary block w-full cursor-pointer px-4 py-2 text-center transition-colors" 1990 > 1991 12 1992 </el-option> 1993 <el-option 1994 value="24" 1995 class="text-foreground text-sm hover:bg-secondary aria-selected:bg-secondary block w-full cursor-pointer px-4 py-2 text-center transition-colors" 1996 > 1997 24 1998 </el-option> 1999 <el-option 2000 value="48" 2001 class="text-foreground text-sm hover:bg-secondary aria-selected:bg-secondary block w-full cursor-pointer px-4 py-2 text-center transition-colors" 2002 > 2003 48 2004 </el-option> 2005 </el-options> 2006 </el-select> 2007 </div> 2008 2009</div> </div> 2010 </div> 2011 </section> 2012 2013<el-dialog id="quick-view-dialog"> 2014 <dialog 2015 id="product-quick-view-modal" 2016 aria-labelledby="quick-view-title" 2017 class="fixed inset-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent backdrop:bg-transparent" 2018 data-error-message="ÙØ´Ù تØÙ Ù٠اÙÙ ÙØªØ¬. ØØ§Ù٠٠رة أخرÙ." 2019 data-go-to-product="Ø§ÙØ°Ùاب ÙØµÙØØ© اÙÙ ÙØªØ¬" 2020 data-location-selection-enabled="false" 2021 data-location-selection-mode="automatic" 2022 > 2023 <el-dialog-backdrop 2024 class="fixed inset-0 bg-black/10 backdrop-blur-sm transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in" 2025 ></el-dialog-backdrop> 2026 2027 <div 2028 tabindex="0" 2029 class="flex min-h-full justify-center p-4 focus:outline-none sm:items-center" 2030 > 2031 <el-dialog-panel 2032 class="bg-background relative w-full max-w-5xl transform overflow-hidden rounded p-4 transition-all data-closed:translate-y-4 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in data-closed:sm:translate-y-0 data-closed:sm:scale-95 md:p-6" 2033 > 2034 <div class="mb-4 flex items-center justify-between gap-1"> 2035 <h2 2036 id="quick-view-title" 2037 class="text-foreground text-base font-semibold" 2038 > 2039 اختر Ø§ÙØ®Ùارات 2040 </h2> 2041 <button 2042 command="close" 2043 commandfor="product-quick-view-modal" 2044 type="button" 2045 class="text-foreground inline-flex size-10 items-center justify-center rounded bg-white/10 p-2.5 backdrop-blur-sm transition-colors" 2046 aria-label="Ø¥ØºÙØ§Ù" 2047 > 2048 <svg 2049 xmlns="http://www.w3.org/2000/svg" 2050 width="24" 2051 height="24"
2052 viewBox="0 0 24 24" 2053 fill="none" 2054 stroke="currentColor" 2055 stroke-width="2" 2056 stroke-linecap="round" 2057 stroke-linejoin="round" 2058 > 2059 <path d="M18 6L6 18M6 6l12 12" /> 2060 </svg> 2061 </button> 2062 </div> 2063 2064 <div 2065 id="quick-view-skeleton" 2066 class="grid gap-6 sm:grid-cols-2" 2067 aria-label="جار٠تØÙ ÙÙ ØªÙØ§ØµÙ٠اÙÙ ÙØªØ¬" 2068 aria-busy="true" 2069 > 2070 <div class="animate-pulse space-y-3"> 2071 <div class="bg-secondary aspect-[3/4] rounded"></div> 2072 <div class="flex gap-2"> 2073 <div class="bg-secondary aspect-square w-1/4 rounded"></div> 2074 <div class="bg-secondary aspect-square w-1/4 rounded"></div> 2075 <div class="bg-secondary aspect-square w-1/4 rounded"></div> 2076 <div class="bg-secondary aspect-square w-1/4 rounded"></div> 2077 </div> 2078 </div> 2079 2080 <div class="animate-pulse space-y-4"> 2081 <div class="space-y-2"> 2082 <div class="bg-secondary h-8 w-3/4 rounded"></div> 2083 <div class="bg-secondary h-5 w-1/2 rounded"></div> 2084 </div> 2085 <div class="flex items-center gap-3"> 2086 <div class="bg-secondary h-7 w-24 rounded"></div> 2087 <div class="bg-secondary h-5 w-20 rounded"></div> 2088 </div> 2089 <div class="space-y-3"> 2090 <div class="bg-secondary h-4 w-20 rounded"></div> 2091 <div class="flex gap-2"> 2092 <div class="bg-secondary h-10 w-16 rounded"></div> 2093 <div class="bg-secondary h-10 w-16 rounded"></div> 2094 <div class="bg-secondary h-10 w-16 rounded"></div> 2095 </div> 2096 </div> 2097 <div class="space-y-2 pt-4"> 2098 <div class="bg-secondary h-12 w-full rounded"></div> 2099 </div> 2100 </div> 2101 </div> 2102 2103 <div 2104 id="quick-view-content" 2105 class="hidden" 2106 ></div> 2107 2108 2109 <div id="checkout_dialog"></div> 2110 2111
2111<script type="module" defer> 2112 (async () => { 2113 try { 2114 const KitComponents = await (window.__vitrinKitPromise || import("https://static.zid.store/sdk/v3.23.2/kit/vitrin-kit.es.js")); 2115 let container = document.getElementById('checkout_dialog'); 2116 window.__vitrinInitializedContainers = window.__vitrinInitializedContainers || new Set(); 2117 2118 if (window.__vitrinInitializedContainers.has('checkout_dialog')) { 2119 console.warn('[Zid Warning] Cannot duplicate the same template "checkout_dialog" on the same page. Only the first instance will be rendered.'); 2120 return; 2121 } 2122 2123 window.__vitrinInitializedContainers.add('checkout_dialog'); 2124 2125 // Default configuration 2126 const defaultConfig = { 2127 locale: "ar-us", 2128 lang: "ar", 2129 direction: "rtl", 2130 store_settings: window.__vitrinStoreSettings, 2131 app_env: "prod", 2132 sdk_version: "v3.23.2", 2133 shipping_destination: {}, 2134 edit_mode: false 2135 }; 2136 2137 const config = { 2138 ...defaultConfig, 2139 ...{"custom_styles_poll_timeout_ms": 30000} 2140 }; 2141 2142 // Add custom styles from window object if available 2143 if (window.zidCustomStyles) { 2144 const componentStyles = window.zidCustomStyles["checkout_dialog"] || {}; 2145 2146 // Merge global styles with component-specific styles 2147 config.custom_styles = { 2148 ...componentStyles 2149 }; 2150 } 2151 2152 KitComponents.initKit("checkout_dialog", container, config); 2153 2154 // Create global window object for the kit 2155 window.checkout_dialog = { 2156 open: (data) => KitComponents.dialogService.openDialog('checkout_dialog', data), 2157 close: () => KitComponents.dialogService.closeDialog('checkout_dialog') 2158 }; 2159 2160 } catch (error) { 2161 console.error('â Failed to load Kit Components:', error); 2162 } 2163 })(); 2164 </script>
2164 2165 2166 2167 <div 2168 id="quick-view-footer" 2169 class="border-border mt-4 hidden border-t pt-4 text-center" 2170 > 2171 <a 2172 id="quick-view-product-link" 2173 href="" 2174 class="text-foreground text-base underline hover:no-underline" 2175 > 2176 عرض ÙÙ Ø§ÙØªÙاصÙÙ 2177 </a> 2178 </div> 2179 </el-dialog-panel> 2180 </div> 2181 </dialog> 2182</el-dialog> 2183
2183<script> 2184 (function () { 2185 // Track grid mode separately for desktop and mobile 2186 let desktopGridMode = "four"; 2187 let mobileGridMode = "one"; 2188 2189 function isMobile() { 2190 return window.matchMedia("(max-width: 767px)").matches; 2191 } 2192 2193 function getCurrentMode() { 2194 return isMobile() ? mobileGridMode : desktopGridMode; 2195 } 2196 2197 function initGridControls() { 2198 const gridRoot = document.querySelector("[data-grid-root]"); 2199 2200 if (!gridRoot) return; 2201 2202 // Apply current mode to grid root 2203 gridRoot.setAttribute("data-grid", getCurrentMode()); 2204 2205 // Update button checked states 2206 const allButtons = document.querySelectorAll("[data-grid-btn]"); 2207 allButtons.forEach((btn) => { 2208 const mode = btn.dataset.gridBtn; 2209 const isDesktopBtn = mode === "four"; 2210 const isMobileBtn = mode === "one"; 2211 const isListBtn = mode === "list"; 2212 2213 let shouldCheck = false; 2214 if (isDesktopBtn) { 2215 shouldCheck = mode === desktopGridMode; 2216 } else if (isMobileBtn) { 2217 shouldCheck = mobileGridMode === "one"; 2218 } else if (isListBtn) { 2219 // List button appears on both - check based on current context 2220 shouldCheck = (isMobile() && mobileGridMode === "list") || (!isMobile() && desktopGridMode === "list"); 2221 } 2222 2223 btn.checked = shouldCheck; 2224 }); 2225 } 2226 2227 function setGrid(mode) { 2228 const gridRoot = document.querySelector("[data-grid-root]"); 2229 2230 // Update the appropriate mode based on button type 2231 if (mode === "one") { 2232 mobileGridMode = mode; 2233 } else if (mode === "four") { 2234 desktopGridMode = mode; 2235 } else if (mode === "list") { 2236 // List mode updates based on current viewport 2237 if (isMobile()) { 2238 mobileGridMode = mode; 2239 } else { 2240 desktopGridMode = mode; 2241 } 2242 } 2243 2244 if (gridRoot) { 2245 gridRoot.setAttribute("data-grid", mode); 2246 } 2247 2248 // Update all button states 2249 initGridControls(); 2250 } 2251 2252 // Event delegation for grid buttons (works after AJAX swap) 2253 document.addEventListener("click", (e) => { 2254 const btn = e.target.closest("[data-grid-btn]"); 2255 if (btn) { 2256 setGrid(btn.dataset.gridBtn); 2257 } 2258 }); 2259 2260 // Handle viewport changes 2261 const mediaQuery = window.matchMedia("(max-width: 767px)"); 2262 mediaQuery.addEventListener("change", () => { 2263 const gridRoot = document.querySelector("[data-grid-root]"); 2264 if (gridRoot) { 2265 gridRoot.setAttribute("data-grid", getCurrentMode()); 2266 } 2267 initGridControls(); 2268 }); 2269 2270 // Re-initialize after AJAX swap 2271 window.addEventListener("products-updated", initGridControls); 2272 2273 // Initial setup 2274 initGridControls(); 2275 })(); 2276 </script>
2276 2277</main> 2278 2279<footer 2280 id="footer" 2281 class="bg-secondary px-4 py-8 md:px-16 md:py-16" 2282> 2283 <div class="theme-container"> 2284 <div class="grid grid-cols-1 gap-8 md:grid-cols-[repeat(auto-fit,minmax(250px,1fr))]"> 2285 <div class="space-y-4"> 2286 <img 2287 width="106" 2288 height="44" 2289 src=" https://media.zid.store/cdn-cgi/image/w=212,q=90,f=auto/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/dad5ae49-c7d9-4a83-a31f-51c5322a392e.png 2290" 2291 alt="٠تجر دØÙ٠٠س٠ا٠| ÙØ¨Ùع Ø¨ÙØ¶ ÙØ·ÙÙØ± Ø§ÙØ³Ù اÙ" 2292 /> 2293 <p class="text-foreground text-sm text-balance"></p> 2294 <h3 class="text-foreground text-sm font-medium"> 2295 ØªØ§Ø¨Ø¹ÙØ§ 2296 </h3> 2297 <div class="flex gap-3"> 2298 </div> 2299 </div> 2300 <div> 2301 <div> 2302 <h3 class="text-foreground text-sm font-medium"> 2303 ØªÙØ§ØµÙ Ù Ø¹ÙØ§ 2304 </h3> 2305 <ul 2306 role="list" 2307 class="mt-4 space-y-2" 2308 > 2309 <li class="flex items-center"> 2310 <div class="shrink-0"> 2311 <svg 2312 xmlns="http://www.w3.org/2000/svg" 2313 fill="none"
2314 viewBox="0 0 24 24" 2315 stroke-width="1.5" 2316 stroke="currentColor" 2317 aria-hidden="true" 2318 data-slot="icon" 2319 class="size-4" 2320 > 2321 <path 2322 stroke-linecap="round" 2323 stroke-linejoin="round" 2324 d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" 2325 ></path> 2326 </svg> 2327 </div> 2328 <a href="/cdn-cgi/l/email-protection#34504650070759745359555d581a575b59" class="text-foreground text-sm ms-2"> 2329 <span class="__cf_email__" data-cfemail="64001600575709240309050d084a070b09">[email protected]</span> 2330 </a> 2331 </li> 2332 <li class="flex items-center"> 2333 <div class="text-foreground shrink-0"> 2334 <svg 2335 xmlns="http://www.w3.org/2000/svg" 2336 width="16" 2337 height="16"
2338 viewBox="0 0 16 16" 2339 fill="none" 2340 > 2341 <path 2342 d="M2.74603 2.32227H5.07904C5.27395 2.32227 5.43696 2.38407 5.5683 2.50781C5.66741 2.60115 5.74396 2.71701 5.79779 2.85547L5.84369 3.00195L6.29193 5.0293V5.03027C6.31987 5.21923 6.31605 5.38671 6.28119 5.5332C6.24657 5.6787 6.1753 5.8033 6.06635 5.90723L6.06537 5.9082L4.38666 7.56348L4.37299 7.57715L4.38275 7.59375C4.66144 8.06209 4.95717 8.50007 5.26947 8.90723C5.50372 9.21266 5.75691 9.50762 6.03021 9.79102L6.31049 10.0703C6.71156 10.485 7.13012 10.8604 7.56635 11.1963C8.00303 11.5325 8.45889 11.8268 8.93353 12.0781L8.95013 12.0869L8.96381 12.0732L10.5663 10.4277H10.5673C10.6944 10.2898 10.8393 10.1968 11.0019 10.1484C11.1245 10.1121 11.2479 10.0985 11.372 10.1074L11.496 10.124L13.3984 10.5439V10.5449C13.6027 10.6013 13.7668 10.7049 13.8915 10.8555C14.0162 11.006 14.079 11.1811 14.079 11.3809V13.6553C14.0789 13.8903 13.9994 14.0852 13.8417 14.2412C13.6839 14.3974 13.4896 14.4756 13.2578 14.4756C11.9569 14.4755 10.6328 14.1623 9.2851 13.5361C7.93722 12.9099 6.687 12.021 5.5351 10.8691C4.38343 9.71744 3.49366 8.46726 2.86615 7.11816C2.23857 5.76899 1.92572 4.44479 1.92572 3.14648C1.92579 2.91163 2.00418 2.71613 2.16107 2.55859C2.31789 2.401 2.51231 2.32227 2.74603 2.32227ZM8.29584 5.30176C8.40516 5.20388 8.53653 5.17319 8.6933 5.20996C9.27505 5.35132 9.77802 5.63354 10.2011 6.05762C10.5714 6.42884 10.8404 6.86173 11.0078 7.35645L11.0732 7.57227C11.1072 7.72539 11.0749 7.85655 10.9765 7.96777C10.8778 8.07938 10.7441 8.13566 10.5732 8.13574C10.4685 8.13574 10.3678 8.09958 10.2724 8.02637C10.2016 7.97197 10.1466 7.90372 10.1074 7.82129L10.0732 7.7334C9.96355 7.36181 9.772 7.03952 9.49896 6.7666C9.22603 6.49368 8.90376 6.30212 8.53217 6.19238H8.53314C8.40938 6.15239 8.31103 6.08956 8.23822 6.00391C8.16595 5.91889 8.12982 5.81912 8.12982 5.7041C8.12985 5.57628 8.16161 5.46972 8.22357 5.38281L8.29584 5.30176ZM8.63763 2.27441L8.63861 2.27539C10.0494 2.43686 11.2533 3.01635 12.2499 4.01465C13.2462 5.01258 13.8258 6.21619 13.9902 7.62598V7.62695L13.9911 7.62793C14.0121 7.76975 13.9721 7.88817 13.872 7.98633C13.7708 8.08545 13.645 8.13574 13.4931 8.13574C13.3721 8.13569 13.2643 8.09236 13.1699 8.00488C13.0991 7.93928 13.0477 7.86033 13.0165 7.76758L12.9921 7.66992C12.8357 6.52835 12.3496 5.54877 11.5331 4.73242C10.7168 3.91607 9.73723 3.42859 8.59564 3.26953C8.45957 3.24814 8.34819 3.18922 8.26068 3.09375C8.17362 2.99882 8.12982 2.88435 8.12982 2.74902C8.12984 2.60358 8.17935 2.4832 8.27826 2.38672C8.3763 2.291 8.49541 2.25342 8.63763 2.27441ZM3.01849 3.4375C3.03812 3.88998 3.10977 4.36864 3.23236 4.87305C3.35508 5.37785 3.54876 5.94138 3.81342 6.5625L3.82806 6.59668L3.85443 6.57031L5.20013 5.23145L5.2099 5.22266L5.20697 5.20898L4.82806 3.43164L4.82318 3.41211H3.01752L3.01849 3.4375ZM12.9892 11.5703L12.9697 11.5654L11.3124 11.2227L11.2988 11.2197L11.289 11.2305L9.98041 12.6016L9.95599 12.627L9.98822 12.6416C10.4319 12.848 10.915 13.0165 11.4374 13.1475C11.9603 13.2785 12.4691 13.3569 12.9628 13.3818L12.9892 13.3828V11.5703Z" 2343 fill="currentColor" 2344 stroke="currentColor" 2345 stroke-width="0.05" 2346 ></path> 2347 </svg> 2348 </div> 2349 <a 2350 href="tel:+966570822834" 2351 class="text-foreground text-sm ms-2" 2352 > 2353 +966570822834 2354 </a> 2355 </li> 2356 </ul> 2357 </div> 2358 </div> 2359 </div> 2360 <div class="border-border-light mt-6 border-t pt-6"> 2361 <div class="flex flex-col items-center justify-between space-y-4 lg:flex-row lg:space-y-0"> 2362 <div class="text-foreground text-sm"> 2363 <span> 2364<a href="https://zid.sa/?utm_source=store_powered_zid&utm_campaign=dahsm.com" target="_blank" style="display:flex; align-items:center; gap:6px; text-decoration: none;"> 2365 <p style="letter-spacing: 0.17px;font-family: Suisse Intl, -apple-system, Helvetica, Arial, sans-serif;font-weight: 400;font-size: 0.875rem;line-height: 1.43;color: #75727B;"> 2366 ØµÙØ¹ Ø¨ÙØ§Ø³Ø·Ø© 2367 </p> 2368 <img src="https://media.zid.store/b6aca386-4eeb-4e0f-8009-35ca7063d184.svg"> 2369</a> 2370</span> 2371 </div> 2372 2373 <div class="flex flex-wrap items-center gap-x-2"> 2374 <a 2375 class="py-1" 2376 href="/shipping-and-payment" 2377 > 2378 <img 2379 src=" https://media.zid.store/cdn-cgi/image/w=48,h=48,q=100/https://media.zid.store/dc7c4175-93d2-4e1c-9563-930c60da1596/1b149abc-7145-4feb-8517-9eff336d076d.png 2380" 2381 width="48" 2382 height="24" 2383 loading="lazy" 2384 alt="سÙÙ Ø¨ÙØ¹Ø´Ø±Ø©" 2385 class="h-6 max-w-13.5 rounded-sm object-contain" 2386 /> 2387 </a> 2388 2389 <a 2390 class="py-1" 2391 href="/shipping-and-payment" 2392 > 2393 <img 2394 src=" https://media.zid.store/cdn-cgi/image/w=48,h=48,q=100/https://media.zid.store/static/apple_pay.svg 2395" 2396 width="48" 2397 height="24" 2398 loading="lazy" 2399 alt="apple_pay" 2400 class="h-6 max-w-13.5 rounded-sm object-contain" 2401 /> 2402 </a> 2403 <a 2404 class="py-1" 2405 href="/shipping-and-payment" 2406 > 2407 <img 2408 src=" https://media.zid.store/cdn-cgi/image/w=48,h=48,q=100/https://media.zid.store/static/mada-circle.png 2409" 2410 width="48" 2411 height="24" 2412 loading="lazy" 2413 alt="mada" 2414 class="h-6 max-w-13.5 rounded-sm object-contain" 2415 /> 2416 </a> 2417 <a 2418 class="py-1" 2419 href="/shipping-and-payment" 2420 > 2421 <img 2422 src=" https://media.zid.store/cdn-cgi/image/w=48,h=48,q=100/https://media.zid.store/static/visa-circle.png 2423" 2424 width="48" 2425 height="24" 2426 loading="lazy" 2427 alt="visa" 2428 class="h-6 max-w-13.5 rounded-sm object-contain" 2429 /> 2430 </a> 2431 <a 2432 class="py-1" 2433 href="/shipping-and-payment" 2434 > 2435 <img 2436 src=" https://media.zid.store/cdn-cgi/image/w=48,h=48,q=100/https://media.zid.store/static/mastercard-circle.png 2437" 2438 width="48" 2439 height="24" 2440 loading="lazy" 2441 alt="mastercard" 2442 class="h-6 max-w-13.5 rounded-sm object-contain" 2443 /> 2444 </a> 2445 2446 2447 2448 </div> 2449 </div> 2450 </div> 2451 </div> 2452</footer> 2453 2454 2455 2456 2457 <div id="region_settings_dialog"></div>
vendor: 112 bytes, lines 2457-2459
2457 2458 2459 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2459<script type="module" defer> 2460 (async () => { 2461 try { 2462 const KitComponents = await (window.__vitrinKitPromise || import("https://static.zid.store/sdk/v3.23.2/kit/vitrin-kit.es.js")); 2463 let container = document.getElementById('region_settings_dialog'); 2464 window.__vitrinInitializedContainers = window.__vitrinInitializedContainers || new Set(); 2465 2466 if (window.__vitrinInitializedContainers.has('region_settings_dialog')) { 2467 console.warn('[Zid Warning] Cannot duplicate the same template "region_settings_dialog" on the same page. Only the first instance will be rendered.'); 2468 return; 2469 } 2470 2471 window.__vitrinInitializedContainers.add('region_settings_dialog'); 2472 2473 // Default configuration 2474 const defaultConfig = { 2475 locale: "ar-us", 2476 lang: "ar", 2477 direction: "rtl", 2478 store_settings: window.__vitrinStoreSettings, 2479 app_env: "prod", 2480 sdk_version: "v3.23.2", 2481 shipping_destination: {}, 2482 edit_mode: false 2483 }; 2484 2485 const config = { 2486 ...defaultConfig, 2487 ...{"custom_styles_poll_timeout_ms": 30000, "session_city_id": null, "session_country": {"id": 223, "name": "United States", "code": "US", "country_code": "+1", "flag": "https://media.zid.store/static/us.svg", "currency_code": "USD", "iso_code_2": "US", "iso_code_3": "USA", "address_format": "", "postcode_required": 0, "names": {"en": "United States", "ar": "\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629"}}, "session_language": "ar", "direction": "ltr"} 2488 }; 2489 2490 // Add custom styles from window object if available 2491 if (window.zidCustomStyles) { 2492 const componentStyles = window.zidCustomStyles["region_settings_dialog"] || {}; 2493 2494 // Merge global styles with component-specific styles 2495 config.custom_styles = { 2496 ...componentStyles 2497 }; 2498 } 2499 2500 KitComponents.initKit("region_settings_dialog", container, config); 2501 2502 // Create global window object for the kit 2503 window.region_settings_dialog = { 2504 open: (data) => KitComponents.dialogService.openDialog('region_settings_dialog', data), 2505 close: () => KitComponents.dialogService.closeDialog('region_settings_dialog') 2506 }; 2507 2508 } catch (error) { 2509 console.error('â Failed to load Kit Components:', error); 2510 } 2511 })(); 2512 </script>
2512 2513 2514<el-dialog id="notify-me-dialog-wrapper"> 2515 <dialog 2516 id="notify-me-dialog" 2517 class="fixed inset-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent backdrop:bg-transparent" 2518 > 2519 <el-dialog-backdrop 2520 class="fixed inset-0 bg-black/10 backdrop-blur-sm transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in" 2521 ></el-dialog-backdrop> 2522 2523 <div 2524 tabindex="0" 2525 class="flex min-h-full justify-center p-4 focus:outline-none sm:items-center" 2526 > 2527 <el-dialog-panel 2528 class="bg-background relative w-full max-w-md transform overflow-hidden rounded p-6 transition-all data-closed:translate-y-4 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in data-closed:sm:translate-y-0 data-closed:sm:scale-95" 2529 > 2530 <div class="mb-6 flex items-center justify-between gap-2"> 2531 <h2 class="text-foreground text-base font-semibold">أعÙÙ ÙÙ Ø¹ÙØ¯ Ø§ÙØªÙÙØ±</h2> 2532 <button 2533 command="close" 2534 commandfor="notify-me-dialog" 2535 type="button" 2536 class="text-foreground inline-flex size-10 shrink-0 items-center justify-center rounded bg-white/10 p-2.5 backdrop-blur-sm transition-colors" 2537 aria-label="Ø¥ØºÙØ§Ù" 2538 > 2539 <svg 2540 xmlns="http://www.w3.org/2000/svg" 2541 width="24" 2542 height="24"
2543 viewBox="0 0 24 24" 2544 fill="none" 2545 stroke="currentColor" 2546 stroke-width="2" 2547 stroke-linecap="round" 2548 stroke-linejoin="round" 2549 > 2550 <path d="M18 6L6 18M6 6l12 12" /> 2551 </svg> 2552 </button> 2553 </div> 2554 2555 <form 2556 id="notify-me-form" 2557 class="flex flex-col gap-4" 2558 data-notify-me-form 2559 > 2560 <input 2561 type="hidden" 2562 name="product_id" 2563 value="" 2564 data-notify-product-id 2565 /> 2566 2567 <div class="flex flex-col gap-2"> 2568 <input 2569 type="text" 2570 name="name" 2571 placeholder="Ø§ÙØ§Ø³Ù " 2572 required 2573 class="form-input" 2574 data-notify-name 2575 /> 2576 </div> 2577 2578 <div class="flex flex-col gap-2"> 2579 <input 2580 type="email" 2581 name="email" 2582 placeholder="Ø§ÙØ¨Ø±Ùد Ø§ÙØ¥ÙÙØªØ±ÙÙÙ" 2583 required 2584 class="form-input" 2585 data-notify-email 2586 /> 2587 </div> 2588 2589 <div class="flex flex-col gap-1"> 2590 2591 2592 2593 2594 2595<div 2596 class="border-input data-[disabled=true]:border-border/50 data-[disabled=true]:bg-secondary data-[error=true]:border-destructive relative flex h-12 items-stretch rounded border data-[error=true]:border-2 rtl:flex-row-reverse" 2597 data-phone-input 2598 data-phone-input-id="phone-input-5784" 2599data-all-countries="true"> 2600 <input 2601 type="hidden" 2602 name="phone" 2603 id="phone-input-5784" 2604 data-phone-full-value 2605 value="+966" 2606 /> 2607 2608 <input 2609 type="hidden" 2610 name="phone_country_code" 2611 data-phone-country-code 2612 value="+966" 2613 /> 2614 2615 <button 2616 type="button" 2617 class="text-sm text-foreground focus:ring-ring disabled:text-muted-foreground/60 flex shrink-0 cursor-pointer items-center gap-2 rounded-l bg-transparent px-4 py-2 outline-none focus:z-10 focus:ring-2 disabled:cursor-not-allowed" 2618 data-slot="country-trigger" 2619 popovertarget="phone-input-5784-country-popover" 2620 aria-label="اختر ر٠ز Ø§ÙØ¯ÙÙØ©" 2621 > 2622 <span 2623 dir="ltr" 2624 data-phone-country-display 2625 >+966</span 2626 > 2627 <span class="text-foreground shrink-0"> 2628 <svg 2629 class="size-4"
2630 viewBox="0 0 24 24" 2631 fill="none" 2632 stroke="currentColor" 2633 stroke-width="2" 2634 stroke-linecap="round" 2635 stroke-linejoin="round" 2636 > 2637 <path d="M6 9L12 15L18 9" /> 2638 </svg> 2639 </span> 2640 </button> 2641 2642 <div class="bg-input w-px"></div> 2643 2644 <input 2645 type="tel" 2646 inputmode="numeric" 2647 dir="ltr" 2648 class="text-sm text-foreground placeholder:text-muted-foreground focus:ring-ring disabled:text-muted-foreground/60 h-full w-full flex-1 rounded-r bg-transparent px-3 py-2 outline-none focus:z-10 focus:ring-2 disabled:cursor-not-allowed" 2649 data-phone-number-input 2650 placeholder="رÙ٠اÙÙØ§ØªÙ" 2651 value="" 2652 autocomplete="tel-national" 2653 /> 2654 2655 <el-popover 2656 id="phone-input-5784-country-popover" 2657 popover 2658 anchor="bottom" 2659 class="bg-background border-border-light z-50 w-[300px] overflow-hidden rounded border p-0 shadow-lg transition transition-discrete [--anchor-gap:4px] data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in" 2660 > 2661 <div class="border-border-light flex items-center border-b px-3"> 2662 <svg 2663 xmlns="http://www.w3.org/2000/svg" 2664 width="16" 2665 height="16"
2666 viewBox="0 0 24 24" 2667 fill="none" 2668 stroke="currentColor" 2669 stroke-width="2" 2670 stroke-linecap="round" 2671 stroke-linejoin="round" 2672 class="text-muted-foreground me-2 size-4 shrink-0" 2673 > 2674 <circle 2675 cx="11" 2676 cy="11" 2677 r="8" 2678 ></circle> 2679 <path d="m21 21-4.3-4.3"></path> 2680 </svg> 2681 <input 2682 type="text" 2683 class="text-foreground placeholder:text-muted-foreground h-11 w-full bg-transparent py-3 text-sm outline-none" 2684 placeholder="Ø§Ø¨ØØ« ع٠دÙÙØ©..." 2685 autocomplete="off" 2686 data-phone-country-search 2687 /> 2688 </div> 2689 2690 <div 2691 class="max-h-[300px] overflow-y-auto p-1" 2692 data-phone-country-list 2693 > 2694 <button 2695 type="button" 2696 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2697 data-country-code="SA" 2698 data-dial-code="+966" 2699 data-country-name="Saudi Arabia" 2700 data-country-name-ar="Ø§ÙØ³Ø¹ÙØ¯ÙØ©" 2701aria-selected="true" > 2702 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2703 <img 2704 class="size-full object-cover" 2705 src="https://flagcdn.com/w40/sa.png" 2706 srcset="https://flagcdn.com/w80/sa.png 2x" 2707 alt="Saudi Arabia" 2708 loading="lazy" 2709 /> 2710 </span> 2711 <span class="flex-1 truncate text-start"> 2712 Ø§ÙØ³Ø¹ÙØ¯ÙØ© 2713 </span> 2714 <span class="text-muted shrink-0">+966</span> 2715 <svg 2716 width="16" 2717 height="16"
2718 viewBox="0 0 24 24" 2719 fill="none" 2720 stroke="currentColor" 2721 stroke-width="2" 2722 stroke-linecap="round" 2723 stroke-linejoin="round" 2724 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 2725 > 2726 <path d="M20 6 9 17l-5-5"></path> 2727 </svg> 2728 </button> 2729 <button 2730 type="button" 2731 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2732 data-country-code="AE" 2733 data-dial-code="+971" 2734 data-country-name="United Arab Emirates" 2735 data-country-name-ar="Ø§ÙØ¥Ù ارات" 2736 > 2737 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2738 <img 2739 class="size-full object-cover" 2740 src="https://flagcdn.com/w40/ae.png" 2741 srcset="https://flagcdn.com/w80/ae.png 2x" 2742 alt="United Arab Emirates" 2743 loading="lazy" 2744 /> 2745 </span> 2746 <span class="flex-1 truncate text-start"> 2747 Ø§ÙØ¥Ù ارات 2748 </span> 2749 <span class="text-muted shrink-0">+971</span> 2750 <svg 2751 width="16" 2752 height="16"
2753 viewBox="0 0 24 24" 2754 fill="none" 2755 stroke="currentColor" 2756 stroke-width="2" 2757 stroke-linecap="round" 2758 stroke-linejoin="round" 2759 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 2760 > 2761 <path d="M20 6 9 17l-5-5"></path> 2762 </svg> 2763 </button> 2764 <button 2765 type="button" 2766 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2767 data-country-code="BH" 2768 data-dial-code="+973" 2769 data-country-name="Bahrain" 2770 data-country-name-ar="Ø§ÙØ¨ØØ±ÙÙ" 2771 > 2772 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2773 <img 2774 class="size-full object-cover" 2775 src="https://flagcdn.com/w40/bh.png" 2776 srcset="https://flagcdn.com/w80/bh.png 2x" 2777 alt="Bahrain" 2778 loading="lazy" 2779 /> 2780 </span> 2781 <span class="flex-1 truncate text-start"> 2782 Ø§ÙØ¨ØØ±ÙÙ 2783 </span> 2784 <span class="text-muted shrink-0">+973</span> 2785 <svg 2786 width="16" 2787 height="16"
2788 viewBox="0 0 24 24" 2789 fill="none" 2790 stroke="currentColor" 2791 stroke-width="2" 2792 stroke-linecap="round" 2793 stroke-linejoin="round" 2794 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 2795 > 2796 <path d="M20 6 9 17l-5-5"></path> 2797 </svg> 2798 </button> 2799 <button 2800 type="button" 2801 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2802 data-country-code="QA" 2803 data-dial-code="+974" 2804 data-country-name="Qatar" 2805 data-country-name-ar="ÙØ·Ø±" 2806 > 2807 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2808 <img 2809 class="size-full object-cover" 2810 src="https://flagcdn.com/w40/qa.png" 2811 srcset="https://flagcdn.com/w80/qa.png 2x" 2812 alt="Qatar" 2813 loading="lazy" 2814 /> 2815 </span> 2816 <span class="flex-1 truncate text-start"> 2817 ÙØ·Ø± 2818 </span> 2819 <span class="text-muted shrink-0">+974</span> 2820 <svg 2821 width="16" 2822 height="16"
2823 viewBox="0 0 24 24" 2824 fill="none" 2825 stroke="currentColor" 2826 stroke-width="2" 2827 stroke-linecap="round" 2828 stroke-linejoin="round" 2829 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 2830 > 2831 <path d="M20 6 9 17l-5-5"></path> 2832 </svg> 2833 </button> 2834 <button 2835 type="button" 2836 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2837 data-country-code="KW" 2838 data-dial-code="+965" 2839 data-country-name="Kuwait" 2840 data-country-name-ar="اÙÙÙÙØª" 2841 > 2842 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2843 <img 2844 class="size-full object-cover" 2845 src="https://flagcdn.com/w40/kw.png" 2846 srcset="https://flagcdn.com/w80/kw.png 2x" 2847 alt="Kuwait" 2848 loading="lazy" 2849 /> 2850 </span> 2851 <span class="flex-1 truncate text-start"> 2852 اÙÙÙÙØª 2853 </span> 2854 <span class="text-muted shrink-0">+965</span> 2855 <svg 2856 width="16" 2857 height="16"
2858 viewBox="0 0 24 24" 2859 fill="none" 2860 stroke="currentColor" 2861 stroke-width="2" 2862 stroke-linecap="round" 2863 stroke-linejoin="round" 2864 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 2865 > 2866 <path d="M20 6 9 17l-5-5"></path> 2867 </svg> 2868 </button> 2869 <button 2870 type="button" 2871 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2872 data-country-code="OM" 2873 data-dial-code="+968" 2874 data-country-name="Oman" 2875 data-country-name-ar="ع٠اÙ" 2876 > 2877 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2878 <img 2879 class="size-full object-cover" 2880 src="https://flagcdn.com/w40/om.png" 2881 srcset="https://flagcdn.com/w80/om.png 2x" 2882 alt="Oman" 2883 loading="lazy" 2884 /> 2885 </span> 2886 <span class="flex-1 truncate text-start"> 2887 ع٠ا٠2888 </span> 2889 <span class="text-muted shrink-0">+968</span> 2890 <svg 2891 width="16" 2892 height="16"
2893 viewBox="0 0 24 24" 2894 fill="none" 2895 stroke="currentColor" 2896 stroke-width="2" 2897 stroke-linecap="round" 2898 stroke-linejoin="round" 2899 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 2900 > 2901 <path d="M20 6 9 17l-5-5"></path> 2902 </svg> 2903 </button> 2904 <button 2905 type="button" 2906 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2907 data-country-code="EG" 2908 data-dial-code="+20" 2909 data-country-name="Egypt" 2910 data-country-name-ar="٠صر" 2911 > 2912 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2913 <img 2914 class="size-full object-cover" 2915 src="https://flagcdn.com/w40/eg.png" 2916 srcset="https://flagcdn.com/w80/eg.png 2x" 2917 alt="Egypt" 2918 loading="lazy" 2919 /> 2920 </span> 2921 <span class="flex-1 truncate text-start"> 2922 ٠صر 2923 </span> 2924 <span class="text-muted shrink-0">+20</span> 2925 <svg 2926 width="16" 2927 height="16"
2928 viewBox="0 0 24 24" 2929 fill="none" 2930 stroke="currentColor" 2931 stroke-width="2" 2932 stroke-linecap="round" 2933 stroke-linejoin="round" 2934 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 2935 > 2936 <path d="M20 6 9 17l-5-5"></path> 2937 </svg> 2938 </button> 2939 <button 2940 type="button" 2941 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2942 data-country-code="JO" 2943 data-dial-code="+962" 2944 data-country-name="Jordan" 2945 data-country-name-ar="Ø§ÙØ£Ø±Ø¯Ù" 2946 > 2947 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2948 <img 2949 class="size-full object-cover" 2950 src="https://flagcdn.com/w40/jo.png" 2951 srcset="https://flagcdn.com/w80/jo.png 2x" 2952 alt="Jordan" 2953 loading="lazy" 2954 /> 2955 </span> 2956 <span class="flex-1 truncate text-start"> 2957 Ø§ÙØ£Ø±Ø¯Ù 2958 </span> 2959 <span class="text-muted shrink-0">+962</span> 2960 <svg 2961 width="16" 2962 height="16"
2963 viewBox="0 0 24 24" 2964 fill="none" 2965 stroke="currentColor" 2966 stroke-width="2" 2967 stroke-linecap="round" 2968 stroke-linejoin="round" 2969 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 2970 > 2971 <path d="M20 6 9 17l-5-5"></path> 2972 </svg> 2973 </button> 2974 <button 2975 type="button" 2976 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 2977 data-country-code="LB" 2978 data-dial-code="+961" 2979 data-country-name="Lebanon" 2980 data-country-name-ar="ÙØ¨ÙاÙ" 2981 > 2982 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 2983 <img 2984 class="size-full object-cover" 2985 src="https://flagcdn.com/w40/lb.png" 2986 srcset="https://flagcdn.com/w80/lb.png 2x" 2987 alt="Lebanon" 2988 loading="lazy" 2989 /> 2990 </span> 2991 <span class="flex-1 truncate text-start"> 2992 ÙØ¨Ùا٠2993 </span> 2994 <span class="text-muted shrink-0">+961</span> 2995 <svg 2996 width="16" 2997 height="16"
2998 viewBox="0 0 24 24" 2999 fill="none" 3000 stroke="currentColor" 3001 stroke-width="2" 3002 stroke-linecap="round" 3003 stroke-linejoin="round" 3004 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3005 > 3006 <path d="M20 6 9 17l-5-5"></path> 3007 </svg> 3008 </button> 3009 <button 3010 type="button" 3011 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3012 data-country-code="IQ" 3013 data-dial-code="+964" 3014 data-country-name="Iraq" 3015 data-country-name-ar="Ø§ÙØ¹Ø±Ø§Ù" 3016 > 3017 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3018 <img 3019 class="size-full object-cover" 3020 src="https://flagcdn.com/w40/iq.png" 3021 srcset="https://flagcdn.com/w80/iq.png 2x" 3022 alt="Iraq" 3023 loading="lazy" 3024 /> 3025 </span> 3026 <span class="flex-1 truncate text-start"> 3027 Ø§ÙØ¹Ø±Ø§Ù 3028 </span> 3029 <span class="text-muted shrink-0">+964</span> 3030 <svg 3031 width="16" 3032 height="16"
3033 viewBox="0 0 24 24" 3034 fill="none" 3035 stroke="currentColor" 3036 stroke-width="2" 3037 stroke-linecap="round" 3038 stroke-linejoin="round" 3039 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3040 > 3041 <path d="M20 6 9 17l-5-5"></path> 3042 </svg> 3043 </button> 3044 <button 3045 type="button" 3046 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3047 data-country-code="SY" 3048 data-dial-code="+963" 3049 data-country-name="Syria" 3050 data-country-name-ar="Ø³ÙØ±Ùا" 3051 > 3052 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3053 <img 3054 class="size-full object-cover" 3055 src="https://flagcdn.com/w40/sy.png" 3056 srcset="https://flagcdn.com/w80/sy.png 2x" 3057 alt="Syria" 3058 loading="lazy" 3059 /> 3060 </span> 3061 <span class="flex-1 truncate text-start"> 3062 Ø³ÙØ±Ùا 3063 </span> 3064 <span class="text-muted shrink-0">+963</span> 3065 <svg 3066 width="16" 3067 height="16"
3068 viewBox="0 0 24 24" 3069 fill="none" 3070 stroke="currentColor" 3071 stroke-width="2" 3072 stroke-linecap="round" 3073 stroke-linejoin="round" 3074 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3075 > 3076 <path d="M20 6 9 17l-5-5"></path> 3077 </svg> 3078 </button> 3079 <button 3080 type="button" 3081 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3082 data-country-code="YE" 3083 data-dial-code="+967" 3084 data-country-name="Yemen" 3085 data-country-name-ar="اÙÙÙ Ù" 3086 > 3087 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3088 <img 3089 class="size-full object-cover" 3090 src="https://flagcdn.com/w40/ye.png" 3091 srcset="https://flagcdn.com/w80/ye.png 2x" 3092 alt="Yemen" 3093 loading="lazy" 3094 /> 3095 </span> 3096 <span class="flex-1 truncate text-start"> 3097 اÙÙÙ Ù 3098 </span> 3099 <span class="text-muted shrink-0">+967</span> 3100 <svg 3101 width="16" 3102 height="16"
3103 viewBox="0 0 24 24" 3104 fill="none" 3105 stroke="currentColor" 3106 stroke-width="2" 3107 stroke-linecap="round" 3108 stroke-linejoin="round" 3109 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3110 > 3111 <path d="M20 6 9 17l-5-5"></path> 3112 </svg> 3113 </button> 3114 <button 3115 type="button" 3116 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3117 data-country-code="PS" 3118 data-dial-code="+970" 3119 data-country-name="Palestine" 3120 data-country-name-ar="ÙÙØ³Ø·ÙÙ" 3121 > 3122 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3123 <img 3124 class="size-full object-cover" 3125 src="https://flagcdn.com/w40/ps.png" 3126 srcset="https://flagcdn.com/w80/ps.png 2x" 3127 alt="Palestine" 3128 loading="lazy" 3129 /> 3130 </span> 3131 <span class="flex-1 truncate text-start"> 3132 ÙÙØ³Ø·ÙÙ 3133 </span> 3134 <span class="text-muted shrink-0">+970</span> 3135 <svg 3136 width="16" 3137 height="16"
3138 viewBox="0 0 24 24" 3139 fill="none" 3140 stroke="currentColor" 3141 stroke-width="2" 3142 stroke-linecap="round" 3143 stroke-linejoin="round" 3144 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3145 > 3146 <path d="M20 6 9 17l-5-5"></path> 3147 </svg> 3148 </button> 3149 <button 3150 type="button" 3151 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3152 data-country-code="SD" 3153 data-dial-code="+249" 3154 data-country-name="Sudan" 3155 data-country-name-ar="Ø§ÙØ³ÙداÙ" 3156 > 3157 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3158 <img 3159 class="size-full object-cover" 3160 src="https://flagcdn.com/w40/sd.png" 3161 srcset="https://flagcdn.com/w80/sd.png 2x" 3162 alt="Sudan" 3163 loading="lazy" 3164 /> 3165 </span> 3166 <span class="flex-1 truncate text-start"> 3167 Ø§ÙØ³Ùدا٠3168 </span> 3169 <span class="text-muted shrink-0">+249</span> 3170 <svg 3171 width="16" 3172 height="16"
3173 viewBox="0 0 24 24" 3174 fill="none" 3175 stroke="currentColor" 3176 stroke-width="2" 3177 stroke-linecap="round" 3178 stroke-linejoin="round" 3179 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3180 > 3181 <path d="M20 6 9 17l-5-5"></path> 3182 </svg> 3183 </button> 3184 <button 3185 type="button" 3186 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3187 data-country-code="LY" 3188 data-dial-code="+218" 3189 data-country-name="Libya" 3190 data-country-name-ar="ÙÙØ¨Ùا" 3191 > 3192 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3193 <img 3194 class="size-full object-cover" 3195 src="https://flagcdn.com/w40/ly.png" 3196 srcset="https://flagcdn.com/w80/ly.png 2x" 3197 alt="Libya" 3198 loading="lazy" 3199 /> 3200 </span> 3201 <span class="flex-1 truncate text-start"> 3202 ÙÙØ¨Ùا 3203 </span> 3204 <span class="text-muted shrink-0">+218</span> 3205 <svg 3206 width="16" 3207 height="16"
3208 viewBox="0 0 24 24" 3209 fill="none" 3210 stroke="currentColor" 3211 stroke-width="2" 3212 stroke-linecap="round" 3213 stroke-linejoin="round" 3214 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3215 > 3216 <path d="M20 6 9 17l-5-5"></path> 3217 </svg> 3218 </button> 3219 <button 3220 type="button" 3221 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3222 data-country-code="TN" 3223 data-dial-code="+216" 3224 data-country-name="Tunisia" 3225 data-country-name-ar="تÙÙØ³" 3226 > 3227 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3228 <img 3229 class="size-full object-cover" 3230 src="https://flagcdn.com/w40/tn.png" 3231 srcset="https://flagcdn.com/w80/tn.png 2x" 3232 alt="Tunisia" 3233 loading="lazy" 3234 /> 3235 </span> 3236 <span class="flex-1 truncate text-start"> 3237 تÙÙØ³ 3238 </span> 3239 <span class="text-muted shrink-0">+216</span> 3240 <svg 3241 width="16" 3242 height="16"
3243 viewBox="0 0 24 24" 3244 fill="none" 3245 stroke="currentColor" 3246 stroke-width="2" 3247 stroke-linecap="round" 3248 stroke-linejoin="round" 3249 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3250 > 3251 <path d="M20 6 9 17l-5-5"></path> 3252 </svg> 3253 </button> 3254 <button 3255 type="button" 3256 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3257 data-country-code="DZ" 3258 data-dial-code="+213" 3259 data-country-name="Algeria" 3260 data-country-name-ar="Ø§ÙØ¬Ø²Ø§Ø¦Ø±" 3261 > 3262 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3263 <img 3264 class="size-full object-cover" 3265 src="https://flagcdn.com/w40/dz.png" 3266 srcset="https://flagcdn.com/w80/dz.png 2x" 3267 alt="Algeria" 3268 loading="lazy" 3269 /> 3270 </span> 3271 <span class="flex-1 truncate text-start"> 3272 Ø§ÙØ¬Ø²Ø§Ø¦Ø± 3273 </span> 3274 <span class="text-muted shrink-0">+213</span> 3275 <svg 3276 width="16" 3277 height="16"
3278 viewBox="0 0 24 24" 3279 fill="none" 3280 stroke="currentColor" 3281 stroke-width="2" 3282 stroke-linecap="round" 3283 stroke-linejoin="round" 3284 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3285 > 3286 <path d="M20 6 9 17l-5-5"></path> 3287 </svg> 3288 </button> 3289 <button 3290 type="button" 3291 class="phone-country-option group text-foreground hover:bg-secondary aria-selected:bg-secondary flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors" 3292 data-country-code="MA" 3293 data-dial-code="+212" 3294 data-country-name="Morocco" 3295 data-country-name-ar="اÙ٠غرب" 3296 > 3297 <span class="bg-secondary flex h-4 w-6 shrink-0 overflow-hidden rounded-sm"> 3298 <img 3299 class="size-full object-cover" 3300 src="https://flagcdn.com/w40/ma.png" 3301 srcset="https://flagcdn.com/w80/ma.png 2x" 3302 alt="Morocco" 3303 loading="lazy" 3304 /> 3305 </span> 3306 <span class="flex-1 truncate text-start"> 3307 اÙ٠غرب 3308 </span> 3309 <span class="text-muted shrink-0">+212</span> 3310 <svg 3311 width="16" 3312 height="16"
3313 viewBox="0 0 24 24" 3314 fill="none" 3315 stroke="currentColor" 3316 stroke-width="2" 3317 stroke-linecap="round" 3318 stroke-linejoin="round" 3319 class="ms-auto size-4 shrink-0 opacity-0 group-aria-selected:opacity-100" 3320 > 3321 <path d="M20 6 9 17l-5-5"></path> 3322 </svg> 3323 </button> 3324 </div> 3325 3326 <div 3327 class="text-muted-foreground px-3 py-6 text-center text-sm" 3328 data-phone-no-results 3329 hidden 3330 > 3331 ÙÙ ÙØªÙ Ø§ÙØ¹Ø«Ùر عÙ٠دÙÙØ© 3332 </div> 3333 </el-popover> 3334</div> <p 3335 class="text-destructive text-sm hidden" 3336 data-phone-error-message 3337 ></p> 3338 </div> 3339 3340 <div class="flex justify-end pt-2"> 3341 <button 3342 type="submit" 3343 class="btn btn-filled btn-lg" 3344 data-notify-submit-btn 3345 > 3346 <span data-notify-submit-text>إرساÙ</span> 3347 <svg 3348 class="hidden size-5 animate-spin"
3349 viewBox="0 0 24 24" 3350 fill="none" 3351 stroke="currentColor" 3352 stroke-width="2" 3353 data-notify-submit-spinner 3354 > 3355 <path d="M21 12a9 9 0 1 1-6.219-8.56" /> 3356 </svg> 3357 </button> 3358 </div> 3359 </form> 3360 </el-dialog-panel> 3361 </div> 3362 </dialog> 3363</el-dialog><el-dialog id="quick-view-dialog"> 3364 <dialog 3365 id="product-quick-view-modal" 3366 aria-labelledby="quick-view-title" 3367 class="fixed inset-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent backdrop:bg-transparent" 3368 data-error-message="ÙØ´Ù تØÙ Ù٠اÙÙ ÙØªØ¬. ØØ§Ù٠٠رة أخرÙ." 3369 data-go-to-product="Ø§ÙØ°Ùاب ÙØµÙØØ© اÙÙ ÙØªØ¬" 3370 data-location-selection-enabled="false" 3371 data-location-selection-mode="automatic" 3372 > 3373 <el-dialog-backdrop 3374 class="fixed inset-0 bg-black/10 backdrop-blur-sm transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in" 3375 ></el-dialog-backdrop> 3376 3377 <div 3378 tabindex="0" 3379 class="flex min-h-full justify-center p-4 focus:outline-none sm:items-center" 3380 > 3381 <el-dialog-panel 3382 class="bg-background relative w-full max-w-5xl transform overflow-hidden rounded p-4 transition-all data-closed:translate-y-4 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in data-closed:sm:translate-y-0 data-closed:sm:scale-95 md:p-6" 3383 > 3384 <div class="mb-4 flex items-center justify-between gap-1"> 3385 <h2 3386 id="quick-view-title" 3387 class="text-foreground text-base font-semibold" 3388 > 3389 اختر Ø§ÙØ®Ùارات 3390 </h2> 3391 <button 3392 command="close" 3393 commandfor="product-quick-view-modal" 3394 type="button" 3395 class="text-foreground inline-flex size-10 items-center justify-center rounded bg-white/10 p-2.5 backdrop-blur-sm transition-colors" 3396 aria-label="Ø¥ØºÙØ§Ù" 3397 > 3398 <svg 3399 xmlns="http://www.w3.org/2000/svg" 3400 width="24" 3401 height="24"
3402 viewBox="0 0 24 24" 3403 fill="none" 3404 stroke="currentColor" 3405 stroke-width="2" 3406 stroke-linecap="round" 3407 stroke-linejoin="round" 3408 > 3409 <path d="M18 6L6 18M6 6l12 12" /> 3410 </svg> 3411 </button> 3412 </div> 3413 3414 <div 3415 id="quick-view-skeleton" 3416 class="grid gap-6 sm:grid-cols-2" 3417 aria-label="جار٠تØÙ ÙÙ ØªÙØ§ØµÙ٠اÙÙ ÙØªØ¬" 3418 aria-busy="true" 3419 > 3420 <div class="animate-pulse space-y-3"> 3421 <div class="bg-secondary aspect-[3/4] rounded"></div> 3422 <div class="flex gap-2"> 3423 <div class="bg-secondary aspect-square w-1/4 rounded"></div> 3424 <div class="bg-secondary aspect-square w-1/4 rounded"></div> 3425 <div class="bg-secondary aspect-square w-1/4 rounded"></div> 3426 <div class="bg-secondary aspect-square w-1/4 rounded"></div> 3427 </div> 3428 </div> 3429 3430 <div class="animate-pulse space-y-4"> 3431 <div class="space-y-2"> 3432 <div class="bg-secondary h-8 w-3/4 rounded"></div> 3433 <div class="bg-secondary h-5 w-1/2 rounded"></div> 3434 </div> 3435 <div class="flex items-center gap-3"> 3436 <div class="bg-secondary h-7 w-24 rounded"></div> 3437 <div class="bg-secondary h-5 w-20 rounded"></div> 3438 </div> 3439 <div class="space-y-3"> 3440 <div class="bg-secondary h-4 w-20 rounded"></div> 3441 <div class="flex gap-2"> 3442 <div class="bg-secondary h-10 w-16 rounded"></div> 3443 <div class="bg-secondary h-10 w-16 rounded"></div> 3444 <div class="bg-secondary h-10 w-16 rounded"></div> 3445 </div> 3446 </div> 3447 <div class="space-y-2 pt-4"> 3448 <div class="bg-secondary h-12 w-full rounded"></div> 3449 </div> 3450 </div> 3451 </div> 3452 3453 <div 3454 id="quick-view-content" 3455 class="hidden" 3456 ></div> 3457 3458 3459 <div id="checkout_dialog"></div> 3460 3461
3461<script type="module" defer> 3462 (async () => { 3463 try { 3464 const KitComponents = await (window.__vitrinKitPromise || import("https://static.zid.store/sdk/v3.23.2/kit/vitrin-kit.es.js")); 3465 let container = document.getElementById('checkout_dialog'); 3466 window.__vitrinInitializedContainers = window.__vitrinInitializedContainers || new Set(); 3467 3468 if (window.__vitrinInitializedContainers.has('checkout_dialog')) { 3469 console.warn('[Zid Warning] Cannot duplicate the same template "checkout_dialog" on the same page. Only the first instance will be rendered.'); 3470 return; 3471 } 3472 3473 window.__vitrinInitializedContainers.add('checkout_dialog'); 3474 3475 // Default configuration 3476 const defaultConfig = { 3477 locale: "ar-us", 3478 lang: "ar", 3479 direction: "rtl", 3480 store_settings: window.__vitrinStoreSettings, 3481 app_env: "prod", 3482 sdk_version: "v3.23.2", 3483 shipping_destination: {}, 3484 edit_mode: false 3485 }; 3486 3487 const config = { 3488 ...defaultConfig, 3489 ...{"custom_styles_poll_timeout_ms": 30000} 3490 }; 3491 3492 // Add custom styles from window object if available 3493 if (window.zidCustomStyles) { 3494 const componentStyles = window.zidCustomStyles["checkout_dialog"] || {}; 3495 3496 // Merge global styles with component-specific styles 3497 config.custom_styles = { 3498 ...componentStyles 3499 }; 3500 } 3501 3502 KitComponents.initKit("checkout_dialog", container, config); 3503 3504 // Create global window object for the kit 3505 window.checkout_dialog = { 3506 open: (data) => KitComponents.dialogService.openDialog('checkout_dialog', data), 3507 close: () => KitComponents.dialogService.closeDialog('checkout_dialog') 3508 }; 3509 3510 } catch (error) { 3511 console.error('â Failed to load Kit Components:', error); 3512 } 3513 })(); 3514 </script>
3514 3515 3516 3517 <div 3518 id="quick-view-footer" 3519 class="border-border mt-4 hidden border-t pt-4 text-center" 3520 > 3521 <a 3522 id="quick-view-product-link" 3523 href="" 3524 class="text-foreground text-base underline hover:no-underline" 3525 > 3526 عرض ÙÙ Ø§ÙØªÙاصÙÙ 3527 </a> 3528 </div> 3529 </el-dialog-panel> 3530 </div> 3531 </dialog> 3532</el-dialog>
3532<script> 3533 window.zidOpenRegionSettingDialog = () => { 3534 region_settings_dialog?.open(); 3535 }; 3536 </script>
3536 3537 <!-- prettier-ignore-start --> 3538
3538<script> 3539 // Layout config for header functionality 3540 window.layoutConfig = { 3541 profileUrl: "https://dahsm.com/ar-us/account" 3542 }; 3543 3544 // Product translations (used by variants.js for variant changes) 3545 window.productTranslations = { 3546 discount: "خص٠", 3547 remaining: "٠تبÙÙ %s ÙÙØ·", 3548 sold: "Ø¨ÙØ¹ Ø£ÙØ«Ø± Ù Ù %s ٠رة" 3549 }; 3550 window.storeLowStockEnabled = false; 3551 window.storeLowStockThreshold = 5; 3552 3553 // Notify Me translations (used by notify-me.js for stock alerts) 3554 window.notifyMeTranslations = { 3555 success: "Ø³ÙØªÙ Ø¥Ø´Ø¹Ø§Ø±Ù Ø¹ÙØ¯ تÙÙØ± ÙØ°Ø§ اÙÙ ÙØªØ¬!", 3556 error: "ÙØ´Ù Ø§ÙØ¥Ø±Ø³Ø§Ù. ÙØ±Ø¬Ù اÙÙ ØØ§ÙÙØ© ٠رة أخرÙ.", 3557 required: "ÙØ±Ø¬Ù Ù ÙØ¡ Ø¬Ù ÙØ¹ Ø§ÙØÙÙ٠اÙÙ Ø·ÙÙØ¨Ø©", 3558 phoneRequired: "رÙ٠اÙÙØ§ØªÙ Ù Ø·ÙÙØ¨", 3559 phoneTooShort: "رÙ٠اÙÙØ§ØªÙ ÙØµÙر جداÙ", 3560 phoneTooLong: "رÙ٠اÙÙØ§ØªÙ Ø·ÙÙ٠جداÙ", 3561 phoneInvalid: "رÙ٠اÙÙØ§ØªÙ ØºÙØ± صØÙØ" 3562 }; 3563 3564 // Custom styles for Vitrin Kit Components (bundle, gift, region dialogs) 3565 // These override the default styles in platform widgets 3566 window.zidCustomStyles = { 3567 bundle_selection: { 3568 fontFamily: "var(--font-family)", 3569 fontSize: "14px" 3570 }, 3571 gift_dialog: { 3572 fontFamily: "var(--font-family)", 3573 fontSize: "14px", 3574 primaryColor: "var(--primary)", 3575 primaryForeground: "var(--primary-foreground)", 3576 backgroundColor: "var(--background)", 3577 borderRadius: "var(--radius)" 3578 }, 3579 region_settings_dialog: { 3580 fontFamily: "var(--font-family)", 3581 fontSize: "14px", 3582 primaryColor: "var(--primary)", 3583 primaryForeground: "var(--primary-foreground)", 3584 backgroundColor: "var(--background)", 3585 borderRadius: "var(--radius)" 3586 } 3587 }; 3588 </script>
3588 3589 <!-- prettier-ignore-end --> 3590 3591
3591<script 3592 defer 3593 src="https://static.zid.store/9342afcb/dist/theme.js?v=v3.90.0" 3594 ></script>
3594 3595
3596<script> 3597 fetch('https://dahsm.com/api/v1/auth/login-status', {credentials: 'include'}) 3598 .then(res => res.ok ? res.json() : null) 3599 .then(data => { 3600 if (data) { 3601 window.customerAuthState = { 3602 isAuthenticated: data.is_authenticated, 3603 isGuest: !data.is_authenticated 3604 }; 3605 } 3606 }) 3607 .catch(() => { 3608 }); 3609</script>
3609 3610
3611<script> 3612 var store_currency = 'USD'; 3613 var store_currency_symbol = ' $ '; 3614 var store_lang = 'ar'; 3615 var customer_country_code = 'US'; 3616</script>
3616 3617 3618 3619<!-- Vitrin Cart SDK -->
3620<script defer type="module"> 3621 import zid from "https://static.zid.store/sdk/v3.23.2/theme-service/vitrin-theme-service.es.js"; 3622 3623 window.zid = zid; 3624</script>
3624 3625
3626<script type='module'> 3627 const trackingScripts = await Promise.allSettled([ 3628 import("https://static.zid.store/sdk/v3.23.2/theme-statics/zidapi.js"), 3629 import("https://static.zid.store/sdk/v3.23.2/theme-statics/conversion-events.js"), 3630 import("https://static.zid.store/sdk/v3.23.2/theme-statics/tracking.js"), 3631 import("https://static.zid.store/sdk/v3.23.2/theme-statics/zid-tags.js"), 3632 ]); 3633 3634 trackingScripts.forEach(function (result) { 3635 if (result.status === 'rejected') console.warn('[Zid] tracking script failed to load:', result.reason); 3636 }); 3637 3638 3639 if (window.zidStore) zidStore.init({ 3640 baseURL: 'https://dahsm.com/', 3641 headers: {"path_operation": "list_products", "template": "list_products", "locale": {"language": {"id": 2, "name": "\u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629", "code": "ar", "direction": "rtl"}, "region": {"id": 223, "name": "United States", "code": "US", "country_code": "+1", "flag": "https://media.zid.store/static/us.svg", "currency_code": "USD", "iso_code_2": "US", "iso_code_3": "USA", "address_format": "", "postcode_required": 0, "names": {"en": "United States", "ar": "\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629"}}, "city_id": null}, "lang": "ar", "country_code": "US", "customer_country_code": "US", "country": {"id": 223, "name": "United States", "code": "US", "country_code": "+1", "flag": "https://media.zid.store/static/us.svg", "currency_code": "USD", "iso_code_2": "US", "iso_code_3": "USA", "address_format": "", "postcode_required": 0, "names": {"en": "United States", "ar": "\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629"}}, "destination_city_id": null, "language": {"id": 2, "name": "\u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629", "code": "ar", "direction": "rtl"}, "path": "/ar-us/products/", "url": {"_url": "https://dahsm.com/ar-us/products/"}, "query_params": {"_dict": {}, "_list": []}, "currency": "USD", "currency_code": "USD", "timezone": "Asia/Riyadh", "csrf_token": null, "is_guest": true, "base": {"_url": "https://dahsm.com/"}, "base_url": {"_url": "https://dahsm.com/"}, "canonical_url": "https://dahsm.com/ar-us/products", "url_for": {}, "editing_mode": false}, 3642 storeId: 'dc7c4175-93d2-4e1c-9563-930c60da1596', 3643 permalink: 'https://dahsm.com/', 3644 cartSessionId: '', 3645 customerToken: '', 3646 apiAuthorization: '' 3647 }); 3648 3649 if (typeof window.ga === "function") { 3650 window.ga('send', 'PageView'); 3651 window.ga('merchantTracker.send', 'PageView'); 3652 } 3653 3654 if (typeof window.snaptr === "function" && window.merchantSNAPTR && !window.customerLazyLoadingStores) { 3655 window.snaptr('track', 'PAGE_VIEW'); 3656 } 3657 3658 if (typeof window.fbq === "function" && window.merchantFBQ && !window.customerLazyLoadingStores) { 3659 window.fbq('track', 'PageView'); 3660 } 3661 3662 if (window.ttq && typeof window.ttq.page === "function" && window.merchantTTQ && !window.customerLazyLoadingStores) { 3663 window.ttq.page(); 3664 } 3665 3666 if (window.PostAffTracker && typeof window.PostAffTracker.track === "function") { 3667 window.PostAffTracker.track(); 3668 } 3669 3670 if (window.zidTracking) { 3671 window.sendProductAddToCartEvent = zidTracking.sendGaProductAddToCartEvent; 3672 window.sendProductRemoveFromCartEvent = zidTracking.sendGaProductRemoveFromCartEvent; 3673 window.sendGaCartViewCheckoutStepEvent = zidTracking.sendStartCheckoutEvent; 3674 window.sendGaProductsViewItemsListEvent = zidTracking.sendGaProductsViewItemsList; 3675 3676 zidTracking.__internal.sendPageViewEvent(); 3677 } 3678 3679 3680 document.addEventListener('pixels-ready', function(event) { 3681 3682 3683 3684 if (window.zidTracking && window.zidTracking.__internal.sendGaProductsViewItemsList) { 3685 window.zidTracking.__internal.sendGaProductsViewItemsList('all_products', [{"id": "eaacd946-f2bf-4b2d-bbf1-fbdf5455a438", "parent_id": null, "name": "\u0628\u0627\u0643\u062c \u062f\u062d\u0648\u0645\u064a \u0627\u0644\u0645\u0644\u0643\u064a \u2013 \u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0641\u0627\u062e\u0631 \u0645\u062e\u062a\u0627\u0631", "sku": "Z.1773790154756243", "currency": "USD", "price": 15.0, "sale_price": 10.0, "categories": [{"name": "\u0627\u0644\u0628\u0643\u062c \u0627\u0644\u0645\u0644\u0643\u064a - \u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0641\u0627\u062e\u0631"}]}, {"id": "bba6b039-f501-42d5-a95c-75d53537a1b8", "parent_id": null, "name": "\u0628\u064a\u0636 \u0633\u0645\u0627\u0646 \u0637\u0627\u0632\u062c \u2013 \u0639\u0644\u0628\u0629 21 \u0628\u064a\u0636\u0629", "sku": "Z.85737.16080060861960466", "currency": "USD", "price": 3.5, "sale_price": null, "categories": [{"name": "\u0628\u064a\u0636 \u0627\u0644\u0633\u0645\u0627\u0646 \u0627\u0644\u0637\u0627\u0632\u062c"}]}]); 3686 } 3687 3688 }); 3689</script>
3689 3690 3691 3692 3693 3694 3695 3696 3697 <div id="whatsapp_widget"></div> 3698 3699
3699<script type="module" defer> 3700 (async () => { 3701 try { 3702 const KitComponents = await (window.__vitrinKitPromise || import("https://static.zid.store/sdk/v3.23.2/kit/vitrin-kit.es.js")); 3703 let container = document.getElementById('whatsapp_widget'); 3704 window.__vitrinInitializedContainers = window.__vitrinInitializedContainers || new Set(); 3705 3706 if (window.__vitrinInitializedContainers.has('whatsapp_widget')) { 3707 console.warn('[Zid Warning] Cannot duplicate the same template "whatsapp_widget" on the same page. Only the first instance will be rendered.'); 3708 return; 3709 } 3710 3711 window.__vitrinInitializedContainers.add('whatsapp_widget'); 3712 3713 // Default configuration 3714 const defaultConfig = { 3715 locale: "ar-us", 3716 lang: "ar", 3717 direction: "rtl", 3718 store_settings: window.__vitrinStoreSettings, 3719 app_env: "prod", 3720 sdk_version: "v3.23.2", 3721 shipping_destination: {}, 3722 edit_mode: false 3723 }; 3724 3725 const config = { 3726 ...defaultConfig, 3727 ...{} 3728 }; 3729 3730 // Add custom styles from window object if available 3731 if (window.zidCustomStyles) { 3732 const componentStyles = window.zidCustomStyles["whatsapp_widget"] || {}; 3733 3734 // Merge global styles with component-specific styles 3735 config.custom_styles = { 3736 ...componentStyles 3737 }; 3738 } 3739 3740 KitComponents.initKit("whatsapp_widget", container, config); 3741 3742 3743 } catch (error) { 3744 console.error('â Failed to load Kit Components:', error); 3745 } 3746 })(); 3747 </script>
3747 3748 3749 3750 3751 3752 3753 <div id="auth_dialog"></div> 3754 3755
3755<script type="module" defer> 3756 (async () => { 3757 try { 3758 const KitComponents = await (window.__vitrinKitPromise || import("https://static.zid.store/sdk/v3.23.2/kit/vitrin-kit.es.js")); 3759 let container = document.getElementById('auth_dialog'); 3760 window.__vitrinInitializedContainers = window.__vitrinInitializedContainers || new Set(); 3761 3762 if (window.__vitrinInitializedContainers.has('auth_dialog')) { 3763 console.warn('[Zid Warning] Cannot duplicate the same template "auth_dialog" on the same page. Only the first instance will be rendered.'); 3764 return; 3765 } 3766 3767 window.__vitrinInitializedContainers.add('auth_dialog'); 3768 3769 // Default configuration 3770 const defaultConfig = { 3771 locale: "ar-us", 3772 lang: "ar", 3773 direction: "rtl", 3774 store_settings: window.__vitrinStoreSettings, 3775 app_env: "prod", 3776 sdk_version: "v3.23.2", 3777 shipping_destination: {}, 3778 edit_mode: false 3779 }; 3780 3781 const config = { 3782 ...defaultConfig, 3783 ...{"customer_country_code": "US"} 3784 }; 3785 3786 // Add custom styles from window object if available 3787 if (window.zidCustomStyles) { 3788 const componentStyles = window.zidCustomStyles["auth_dialog"] || {}; 3789 3790 // Merge global styles with component-specific styles 3791 config.custom_styles = { 3792 ...componentStyles 3793 }; 3794 } 3795 3796 KitComponents.initKit("auth_dialog", container, config); 3797 3798 // Create global window object for the kit 3799 window.auth_dialog = { 3800 open: (data) => KitComponents.dialogService.openDialog('auth_dialog', data), 3801 close: () => KitComponents.dialogService.closeDialog('auth_dialog') 3802 }; 3803 3804 } catch (error) { 3805 console.error('â Failed to load Kit Components:', error); 3806 } 3807 })(); 3808 </script>
3808 3809 3810 3811 3812 3813 3814 <div id="zid_toaster"></div> 3815 3816
3816<script type="module" defer> 3817 (async () => { 3818 try { 3819 const KitComponents = await (window.__vitrinKitPromise || import("https://static.zid.store/sdk/v3.23.2/kit/vitrin-kit.es.js")); 3820 let container = document.getElementById('zid_toaster'); 3821 window.__vitrinInitializedContainers = window.__vitrinInitializedContainers || new Set(); 3822 3823 if (window.__vitrinInitializedContainers.has('zid_toaster')) { 3824 console.warn('[Zid Warning] Cannot duplicate the same template "zid_toaster" on the same page. Only the first instance will be rendered.'); 3825 return; 3826 } 3827 3828 window.__vitrinInitializedContainers.add('zid_toaster'); 3829 3830 // Default configuration 3831 const defaultConfig = { 3832 locale: "ar-us", 3833 lang: "ar", 3834 direction: "rtl", 3835 store_settings: window.__vitrinStoreSettings, 3836 app_env: "prod", 3837 sdk_version: "v3.23.2", 3838 shipping_destination: {}, 3839 edit_mode: false 3840 }; 3841 3842 const config = { 3843 ...defaultConfig, 3844 ...{} 3845 }; 3846 3847 3848 KitComponents.initKit("zid_toaster", container, config); 3849 3850 3851 } catch (error) { 3852 console.error('â Failed to load Kit Components:', error); 3853 } 3854 })(); 3855 </script>
3855 3856 3857 3858
3859<script> 3860 !function(){const i=["session","locale","csrftoken","_raqeeb","destination_city","inventory_id","visitor_id","affiliate","affiliate_referer","affiliate_product_id","landing_page_referer","availability_referer","availability_code","availability_product_id","coupon_code"],e=["_ga","_gid","_gat","_gcl","_gac","_fb","fr","_fbc","_fbp","_tt","ttwid","_ttp","_twq","personalization_id","guest_id","muc_ads","_sc","sc_","_hj","__cf","cf_"];function t(){return document.cookie?document.cookie.length:0}function n(t){for(var n=0;n<i.length;n++)if(t===i[n])return 0;for(var o=0;o<e.length;o++)if(0===t.indexOf(e[o]))return 1;return 2}function o(i){var e=window.location.hostname,t=["",e,"."+e],n=e.split(".");n.length>2&&(t.push("."+n.slice(1).join(".")),t.push("."+n.slice(-2).join(".")));for(var o=["/",window.location.pathname],r=0;r<o.length;r++)for(var a=0;a<t.length;a++){var c="; expires=Thu, 01 Jan 1970 00:00:00 GMT; path="+o[r];t[a]&&(c+="; domain="+t[a]),document.cookie=i+"="+c}}try{!function(){if(!(t()<=14336)){for(var i=document.cookie.split("; "),e=[],r=0;r<i.length;r++){var a=i[r].indexOf("="),c=(a>=0?i[r].slice(0,a):i[r]).trim();if(c){var f=n(c);0!==f&&e.push({name:c,size:i[r].length+2,tier:f})}}e.sort(function(i,e){return e.tier-i.tier||e.size-i.size});for(var _=[],l=0;l<e.length&&!(t()<=14336);l++)o(e[l].name),_.push(e[l])}}()}catch(i){}}(); 3861</script>
3861 3862 3863 3864 3865 3866 3867
3867<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e7bc6e2cdd5546168923725f1e71084b","r":1,"spa":2}' crossorigin="anonymous"></script>
3867 3868</body> 3869</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.