{"product_id":"مشابك-تنظيم-الكابلات","title":"(200 قطعة )مشابك تنظيم الكابلات","description":"\u003c!-- مشابك تنظيم الكابلات - 200 قطعة --\u003e\n\u003cdiv class=\"cable-org\" dir=\"rtl\"\u003e\n\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800\u0026display=swap');\n\n.cable-org {\n  font-family: 'Tajawal', sans-serif;\n  max-width: 700px;\n  margin: 0 auto;\n  color: #1a1a2e;\n}\n\n\/* Animations *\/\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes float {\n  0%, 100% { transform: translateY(0) rotate(0deg); }\n  50% { transform: translateY(-10px) rotate(2deg); }\n}\n@keyframes shimmer {\n  0% { background-position: -200% center; }\n  100% { background-position: 200% center; }\n}\n@keyframes scaleIn {\n  from { transform: scale(0.9); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n\/* Hero - Original Style *\/\n.cable-org .hero {\n  background: linear-gradient(135deg, #0a1628 0%, #1a3a5c 50%, #0d2840 100%);\n  border-radius: 20px;\n  padding: 40px 30px;\n  text-align: center;\n  margin-bottom: 20px;\n  position: relative;\n  overflow: hidden;\n  animation: fadeIn 0.8s ease;\n}\n.cable-org .hero::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(0,180,216,0.1) 0%, transparent 50%);\n  animation: pulse 4s ease-in-out infinite;\n}\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: 0.5; }\n  50% { transform: scale(1.1); opacity: 1; }\n}\n.cable-org .hero-badge {\n  display: inline-block;\n  background: linear-gradient(90deg, #00b4d8, #48cae4, #00b4d8);\n  background-size: 200% auto;\n  animation: shimmer 3s linear infinite;\n  color: #0a1628;\n  padding: 8px 25px;\n  border-radius: 50px;\n  font-size: 13px;\n  font-weight: 700;\n  margin-bottom: 20px;\n  position: relative;\n  z-index: 1;\n}\n.cable-org .hero h1 {\n  color: white;\n  font-size: 32px;\n  font-weight: 800;\n  margin: 0 0 10px;\n  position: relative;\n  z-index: 1;\n}\n.cable-org .hero h1 span {\n  color: #48cae4;\n}\n.cable-org .hero p {\n  color: rgba(255,255,255,0.7);\n  font-size: 16px;\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n.cable-org .hero-qty {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(0,180,216,0.15);\n  border: 1px solid rgba(0,180,216,0.3);\n  color: #48cae4;\n  padding: 10px 20px;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: 700;\n  margin-top: 15px;\n  position: relative;\n  z-index: 1;\n  box-shadow: 0 5px 30px rgba(0, 180, 216, 0.2);\n  animation: glow 2s ease-in-out infinite;\n}\n@keyframes glow {\n  0%, 100% { box-shadow: 0 5px 30px rgba(0, 180, 216, 0.2); }\n  50% { box-shadow: 0 5px 50px rgba(0, 180, 216, 0.4); }\n}\n\n\/* Main Visual *\/\n.cable-org .main-visual {\n  border-radius: 20px;\n  overflow: hidden;\n  margin-bottom: 20px;\n  box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n  animation: fadeIn 0.7s ease 0.1s both;\n}\n.cable-org .main-visual img {\n  width: 100%;\n  display: block;\n  transition: transform 0.6s ease;\n}\n.cable-org .main-visual:hover img {\n  transform: scale(1.04);\n}\n\n\/* Before\/After *\/\n.cable-org .before-after {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n  animation: fadeIn 0.7s ease 0.2s both;\n}\n.cable-org .ba-box {\n  padding: 25px 20px;\n  border-radius: 16px;\n}\n.cable-org .ba-box * {\n  text-align: center !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n.cable-org .before {\n  background: linear-gradient(135deg, #ffe5e5, #ffd4d4);\n  border: 2px solid #ffb3b3;\n}\n.cable-org .after {\n  background: linear-gradient(135deg, #e5fff1, #d4ffe6);\n  border: 2px solid #7deba5;\n}\n.cable-org .ba-box .emoji {\n  font-size: 40px;\n  display: block !important;\n  margin-bottom: 10px !important;\n}\n.cable-org .ba-box h4 {\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: 6px !important;\n}\n.cable-org .before h4 { color: #d63031; }\n.cable-org .after h4 { color: #00b894; }\n.cable-org .ba-box p {\n  font-size: 13px;\n  color: #555;\n  line-height: 1.5;\n}\n.cable-org .arrow {\n  font-size: 20px;\n  color: #00b4d8;\n}\n\n\/* Demo GIF *\/\n.cable-org .demo {\n  background: #1b262c;\n  border-radius: 20px;\n  padding: 25px;\n  margin-bottom: 20px;\n  animation: fadeIn 0.7s ease 0.3s both;\n}\n.cable-org .demo h3 {\n  color: #fff;\n  text-align: center;\n  font-size: 18px;\n  font-weight: 600;\n  margin: 0 0 15px;\n}\n.cable-org .demo h3 span {\n  color: #00b4d8;\n}\n.cable-org .demo-img {\n  border-radius: 12px;\n  overflow: hidden;\n}\n.cable-org .demo-img img {\n  width: 100%;\n  display: block;\n}\n\n\/* Features *\/\n.cable-org .features {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  margin-bottom: 20px;\n}\n.cable-org .feat {\n  background: #fff;\n  border: 2px solid #eef2f7;\n  border-radius: 16px;\n  padding: 22px 18px;\n  text-align: center !important;\n  transition: all 0.3s ease;\n  animation: scaleIn 0.5s ease both;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.cable-org .feat:nth-child(1) { animation-delay: 0.4s; }\n.cable-org .feat:nth-child(2) { animation-delay: 0.5s; }\n.cable-org .feat:nth-child(3) { animation-delay: 0.6s; }\n.cable-org .feat:nth-child(4) { animation-delay: 0.7s; }\n.cable-org .feat:hover {\n  border-color: #00b4d8;\n  transform: translateY(-5px);\n  box-shadow: 0 10px 30px rgba(0,180,216,0.12);\n}\n.cable-org .feat .icon {\n  width: 55px;\n  height: 55px;\n  background: linear-gradient(135deg, #e8f7fc, #d0f0f8);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 26px;\n  margin: 0 auto 12px;\n}\n.cable-org .feat h4 {\n  font-size: 15px;\n  font-weight: 700;\n  color: #1a1a2e;\n  margin: 0 auto 5px;\n  text-align: center !important;\n  width: 100%;\n}\n.cable-org .feat p {\n  font-size: 12px;\n  color: #666;\n  margin: 0 auto;\n  line-height: 1.5;\n  text-align: center !important;\n  width: 100%;\n}\n\n\/* Gallery *\/\n.cable-org .gallery {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  margin-bottom: 20px;\n}\n.cable-org .gallery-item {\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n  animation: fadeIn 0.6s ease both;\n  height: 250px;\n  min-height: 250px;\n  max-height: 250px;\n}\n.cable-org .gallery-item:nth-child(1) { animation-delay: 0.8s; }\n.cable-org .gallery-item:nth-child(2) { animation-delay: 0.9s; }\n.cable-org .gallery-item img {\n  width: 100% !important;\n  height: 250px !important;\n  min-height: 250px !important;\n  object-fit: cover !important;\n  display: block;\n  transition: transform 0.5s ease;\n}\n.cable-org .gallery-item:hover img {\n  transform: scale(1.08);\n}\n\n\/* Usage *\/\n.cable-org .usage {\n  background: linear-gradient(135deg, #f8fbff, #eef5fc);\n  border-radius: 20px;\n  padding: 25px;\n  margin-bottom: 20px;\n  animation: fadeIn 0.7s ease 1s both;\n}\n.cable-org .usage h3 {\n  text-align: center;\n  font-size: 18px;\n  color: #1a1a2e;\n  margin: 0 0 20px;\n}\n.cable-org .usage-items {\n  display: flex;\n  justify-content: space-around;\n  flex-wrap: wrap;\n  gap: 15px;\n}\n.cable-org .usage-item {\n  text-align: center;\n}\n.cable-org .usage-item .icon {\n  width: 50px;\n  height: 50px;\n  background: #fff;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  margin: 0 auto 8px;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n  transition: transform 0.3s ease;\n}\n.cable-org .usage-item:hover .icon {\n  transform: scale(1.1);\n}\n.cable-org .usage-item span {\n  font-size: 12px;\n  color: #555;\n  font-weight: 500;\n}\n\n\/* CTA - FIXED ALIGNMENT *\/\n.cable-org .cta {\n  background: linear-gradient(135deg, #00b4d8, #0096c7);\n  border-radius: 20px;\n  padding: 35px 25px;\n  text-align: center !important;\n  animation: fadeIn 0.7s ease 1.1s both;\n}\n.cable-org .cta * {\n  text-align: center !important;\n}\n.cable-org .cta h3 {\n  color: #fff;\n  font-size: 24px;\n  font-weight: 800;\n  margin: 0 0 8px 0;\n  text-align: center !important;\n  width: 100%;\n  display: block;\n}\n.cable-org .cta p {\n  color: rgba(255,255,255,0.9);\n  font-size: 15px;\n  margin: 0 0 20px 0;\n  text-align: center !important;\n  width: 100%;\n}\n.cable-org .cta-badges {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n.cable-org .cta-badge {\n  background: rgba(255,255,255,0.2);\n  backdrop-filter: blur(10px);\n  padding: 10px 18px;\n  border-radius: 50px;\n  color: #fff;\n  font-size: 13px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n\/* Mobile *\/\n@media (max-width: 480px) {\n  .cable-org .hero {\n    padding: 35px 20px;\n  }\n  .cable-org .hero h1 {\n    font-size: 26px;\n  }\n  .cable-org .hero-qty {\n    font-size: 16px;\n    padding: 10px 22px;\n  }\n  .cable-org .before-after {\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n  }\n  .cable-org .arrow {\n    display: none;\n  }\n  .cable-org .ba-box {\n    padding: 20px 10px;\n  }\n  .cable-org .ba-box .emoji {\n    font-size: 30px;\n  }\n  .cable-org .ba-box h4 {\n    font-size: 16px;\n  }\n  .cable-org .ba-box p {\n    font-size: 11px;\n  }\n  .cable-org .features {\n    gap: 10px;\n  }\n  .cable-org .feat {\n    padding: 18px 12px;\n  }\n  .cable-org .feat .icon {\n    width: 45px;\n    height: 45px;\n    font-size: 22px;\n  }\n  .cable-org .feat h4 {\n    font-size: 13px;\n  }\n  .cable-org .feat p {\n    font-size: 11px;\n  }\n  .cable-org .cta h3 {\n    font-size: 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- Hero --\u003e\n\u003cdiv class=\"hero\"\u003e\n  \u003cspan class=\"hero-badge\"\u003e🔥 الأكثر مبيعاً\u003c\/span\u003e\n  \u003ch1 style=\"text-align:center;\"\u003e🔌 مشابك تنظيم \u003cspan\u003eالكابلات\u003c\/span\u003e\n\u003c\/h1\u003e\n  \u003cp style=\"text-align:center;\"\u003eالحل الأمثل للتخلص من فوضى الأسلاك نهائياً\u003c\/p\u003e\n  \u003cdiv class=\"hero-qty\"\u003e📦 200 قطعة في العلبة\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Main Image --\u003e\n\u003cdiv class=\"main-visual\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/caf6afdca6cee31599bcc3b489f72ccf23f79603.jpg?v=1723831147\" alt=\"مشابك تنظيم الكابلات\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- Before\/After --\u003e\n\u003cdiv class=\"before-after\"\u003e\n  \u003cdiv class=\"ba-box before\" style=\"display:flex; flex-direction:column; align-items:center; justify-content:center;\"\u003e\n    \u003cspan class=\"emoji\" style=\"display:block; text-align:center;\"\u003e😫\u003c\/span\u003e\n    \u003ch4 style=\"text-align:center; width:100%; margin:0 0 6px 0;\"\u003eقبل\u003c\/h4\u003e\n    \u003cp style=\"text-align:center; width:100%; margin:0;\"\u003eأسلاك متشابكة وفوضى في كل مكان\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"arrow\"\u003e➡️\u003c\/div\u003e\n  \u003cdiv class=\"ba-box after\" style=\"display:flex; flex-direction:column; align-items:center; justify-content:center;\"\u003e\n    \u003cspan class=\"emoji\" style=\"display:block; text-align:center;\"\u003e😍\u003c\/span\u003e\n    \u003ch4 style=\"text-align:center; width:100%; margin:0 0 6px 0;\"\u003eبعد\u003c\/h4\u003e\n    \u003cp style=\"text-align:center; width:100%; margin:0;\"\u003eترتيب مثالي ومساحة نظيفة\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Demo --\u003e\n\u003cdiv class=\"demo\"\u003e\n  \u003ch3\u003eشاهد \u003cspan\u003eسهولة التركيب\u003c\/span\u003e 👇\u003c\/h3\u003e\n  \u003cdiv class=\"demo-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/85fc07381e958fa81908bb312d4318418966b712.gif?v=1723831554\" alt=\"طريقة الاستخدام\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Features --\u003e\n\u003cdiv class=\"features\"\u003e\n  \u003cdiv class=\"feat\" style=\"text-align:center;\"\u003e\n    \u003cdiv class=\"icon\"\u003e💪\u003c\/div\u003e\n    \u003ch4 style=\"text-align:center;\"\u003eلاصق قوي جداً\u003c\/h4\u003e\n    \u003cp style=\"text-align:center;\"\u003eيثبت على أي سطح بقوة\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feat\" style=\"text-align:center;\"\u003e\n    \u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n    \u003ch4 style=\"text-align:center;\"\u003eشفاف وأنيق\u003c\/h4\u003e\n    \u003cp style=\"text-align:center;\"\u003eيندمج مع أي ديكور\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feat\" style=\"text-align:center;\"\u003e\n    \u003cdiv class=\"icon\"\u003e🔄\u003c\/div\u003e\n    \u003ch4 style=\"text-align:center;\"\u003eمتعدد الاستخدامات\u003c\/h4\u003e\n    \u003cp style=\"text-align:center;\"\u003eلكل أنواع الكابلات\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feat\" style=\"text-align:center;\"\u003e\n    \u003cdiv class=\"icon\"\u003e🛠️\u003c\/div\u003e\n    \u003ch4 style=\"text-align:center;\"\u003eتركيب سهل\u003c\/h4\u003e\n    \u003cp style=\"text-align:center;\"\u003eفقط انزع وألصق!\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Gallery --\u003e\n\u003cdiv class=\"gallery\"\u003e\n  \u003cdiv class=\"gallery-item\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/Screenshot_2025-12-03_at_14.13.17.png?v=1764767643\" alt=\"مشابك الكابلات\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"gallery-item\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/61neJP6GTiL._SX522.jpg?v=1723831656\" alt=\"استخدام المشابك\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Usage --\u003e\n\u003cdiv class=\"usage\"\u003e\n  \u003ch3\u003e📍 استخدمها في كل مكان\u003c\/h3\u003e\n  \u003cdiv class=\"usage-items\"\u003e\n    \u003cdiv class=\"usage-item\"\u003e\n      \u003cdiv class=\"icon\"\u003e🖥️\u003c\/div\u003e\n      \u003cspan\u003eالمكتب\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"usage-item\"\u003e\n      \u003cdiv class=\"icon\"\u003e📺\u003c\/div\u003e\n      \u003cspan\u003eالتلفاز\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"usage-item\"\u003e\n      \u003cdiv class=\"icon\"\u003e🛏️\u003c\/div\u003e\n      \u003cspan\u003eغرفة النوم\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"usage-item\"\u003e\n      \u003cdiv class=\"icon\"\u003e🍳\u003c\/div\u003e\n      \u003cspan\u003eالمطبخ\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"usage-item\"\u003e\n      \u003cdiv class=\"icon\"\u003e🚗\u003c\/div\u003e\n      \u003cspan\u003eالسيارة\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cta\"\u003e\n  \u003ch3 style=\"text-align:center !important;\"\u003e🎉 رتّب حياتك الآن!\u003c\/h3\u003e\n  \u003cp style=\"text-align:center !important;\"\u003e200 قطعة تكفي لكل منزلك\u003c\/p\u003e\n  \u003cdiv class=\"cta-badges\"\u003e\n    \u003cdiv class=\"cta-badge\"\u003e✓ شحن سريع\u003c\/div\u003e\n    \u003cdiv class=\"cta-badge\"\u003e✓ جودة ممتازة\u003c\/div\u003e\n    \u003cdiv class=\"cta-badge\"\u003e✓ الدفع عند الاستلام\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"matjarkom.live","offers":[{"title":"Default Title","offer_id":43874764685507,"sku":"","price":199.0,"currency_code":"MAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/a781ab2ec7f070e1cde8fe79d2cc0a04.png?v=1723831790","url":"https:\/\/elyvento.com\/products\/%d9%85%d8%b4%d8%a7%d8%a8%d9%83-%d8%aa%d9%86%d8%b8%d9%8a%d9%85-%d8%a7%d9%84%d9%83%d8%a7%d8%a8%d9%84%d8%a7%d8%aa","provider":"matjarkom.live","version":"1.0","type":"link"}