{"product_id":"flosser","title":"flosser","description":"\u003c!-- Water Flosser Product Description - Arabic --\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800\u0026display=swap');\n\n.flosser-product {\n  font-family: 'Tajawal', sans-serif;\n  direction: rtl;\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #1a1a1a;\n  background: linear-gradient(180deg, #f0f8ff 0%, #ffffff 100%);\n  text-align: center;\n}\n\n.flosser-product * {\n  box-sizing: border-box;\n}\n\n\/* Hero Section *\/\n.flosser-product .hero {\n  text-align: center;\n  padding: 50px 20px;\n  background: linear-gradient(135deg, #0077b6 0%, #00b4d8 100%);\n  border-radius: 20px;\n  margin-bottom: 30px;\n  position: relative;\n  overflow: hidden;\n  animation: fadeInDown 0.8s ease-out;\n}\n\n.flosser-product .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(255,255,255,0.1) 0%, transparent 70%);\n  animation: shimmer 8s infinite linear;\n}\n\n@keyframes shimmer {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.flosser-product .hero h1 {\n  color: #fff;\n  font-size: 2.4em;\n  font-weight: 800;\n  margin: 0 0 10px 0;\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.flosser-product .hero .tagline {\n  color: rgba(255,255,255,0.9);\n  font-size: 1.2em;\n  font-weight: 400;\n  margin: 0;\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.flosser-product .hero .badge {\n  display: inline-block;\n  background: #fff;\n  color: #0077b6;\n  padding: 10px 25px;\n  border-radius: 30px;\n  font-size: 0.9em;\n  font-weight: 700;\n  margin-top: 20px;\n  position: relative;\n  z-index: 1;\n  animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.05); }\n}\n\n\/* Main Image Gallery *\/\n.flosser-product .main-gallery {\n  margin-bottom: 30px;\n  animation: fadeIn 1s ease-out 0.3s both;\n}\n\n.flosser-product .main-image {\n  width: 100%;\n  border-radius: 16px;\n  overflow: hidden;\n  margin-bottom: 15px;\n  box-shadow: 0 20px 60px rgba(0,119,182,0.15);\n  background: #fff;\n}\n\n.flosser-product .main-image img {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n.flosser-product .main-image:hover img {\n  transform: scale(1.03);\n}\n\n.flosser-product .thumb-row {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n}\n\n.flosser-product .thumb {\n  border-radius: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n  background: #fff;\n}\n\n.flosser-product .thumb:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 30px rgba(0,119,182,0.2);\n}\n\n.flosser-product .thumb img {\n  width: 100%;\n  height: 120px;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Description Section *\/\n.flosser-product .description {\n  background: #fff;\n  border-radius: 16px;\n  padding: 30px;\n  margin-bottom: 30px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n  animation: fadeInUp 0.8s ease-out 0.5s both;\n  text-align: center;\n}\n\n.flosser-product .description h2 {\n  font-size: 1.6em;\n  font-weight: 700;\n  margin: 0 0 20px 0;\n  color: #0077b6;\n  text-align: center;\n  display: block;\n}\n\n.flosser-product .description h2::after {\n  content: '';\n  display: block;\n  width: 60px;\n  height: 3px;\n  background: linear-gradient(90deg, #0077b6, #00b4d8);\n  border-radius: 2px;\n  margin: 10px auto 0 auto;\n}\n\n.flosser-product .description p {\n  color: #555;\n  font-size: 1.05em;\n  line-height: 1.9;\n  margin: 0 auto;\n  text-align: center;\n  max-width: 600px;\n}\n\n\/* Stats Row *\/\n.flosser-product .stats-row {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 15px;\n  margin-bottom: 30px;\n  animation: fadeInUp 0.8s ease-out 0.6s both;\n}\n\n.flosser-product .stat-item {\n  background: linear-gradient(135deg, #0077b6 0%, #00b4d8 100%);\n  border-radius: 14px;\n  padding: 25px 15px;\n  text-align: center;\n  color: #fff;\n  transition: all 0.3s ease;\n}\n\n.flosser-product .stat-item:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 40px rgba(0,119,182,0.3);\n}\n\n.flosser-product .stat-item .number {\n  font-size: 2.2em;\n  font-weight: 800;\n  display: block;\n  margin-bottom: 5px;\n}\n\n.flosser-product .stat-item .label {\n  font-size: 0.85em;\n  opacity: 0.9;\n}\n\n\/* Benefits Grid *\/\n.flosser-product .benefits {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 15px;\n  margin-bottom: 30px;\n}\n\n.flosser-product .benefit-card {\n  background: #fff;\n  border-radius: 14px;\n  padding: 25px 20px;\n  text-align: center;\n  transition: all 0.3s ease;\n  border: 2px solid #e8f4f8;\n  animation: fadeInUp 0.6s ease-out both;\n}\n\n.flosser-product .benefit-card:nth-child(1) { animation-delay: 0.7s; }\n.flosser-product .benefit-card:nth-child(2) { animation-delay: 0.8s; }\n.flosser-product .benefit-card:nth-child(3) { animation-delay: 0.9s; }\n.flosser-product .benefit-card:nth-child(4) { animation-delay: 1s; }\n\n.flosser-product .benefit-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 15px 40px rgba(0,119,182,0.15);\n  border-color: #00b4d8;\n}\n\n.flosser-product .benefit-card .icon {\n  font-size: 2.5em;\n  margin-bottom: 12px;\n  text-align: center;\n}\n\n.flosser-product .benefit-card h4 {\n  font-size: 1em;\n  font-weight: 700;\n  margin: 0 0 8px 0;\n  color: #0077b6;\n  text-align: center;\n}\n\n.flosser-product .benefit-card p {\n  font-size: 0.85em;\n  color: #666;\n  margin: 0;\n  line-height: 1.5;\n  text-align: center;\n}\n\n\/* Modes Section *\/\n.flosser-product .modes {\n  background: linear-gradient(135deg, #0a1628 0%, #1a3a5c 100%);\n  border-radius: 16px;\n  padding: 30px;\n  margin-bottom: 30px;\n  animation: fadeInUp 0.8s ease-out 1.1s both;\n  text-align: center;\n}\n\n.flosser-product .modes h3 {\n  color: #fff;\n  font-size: 1.4em;\n  font-weight: 700;\n  margin: 0 0 25px 0;\n  text-align: center;\n}\n\n.flosser-product .modes-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 15px;\n}\n\n.flosser-product .mode-item {\n  background: rgba(255,255,255,0.1);\n  border-radius: 12px;\n  padding: 20px 15px;\n  text-align: center;\n  border: 1px solid rgba(255,255,255,0.2);\n  transition: all 0.3s ease;\n}\n\n.flosser-product .mode-item:hover {\n  background: rgba(0,180,216,0.3);\n  border-color: #00b4d8;\n  transform: scale(1.05);\n}\n\n.flosser-product .mode-item .mode-icon {\n  font-size: 2em;\n  margin-bottom: 10px;\n}\n\n.flosser-product .mode-item h5 {\n  color: #fff;\n  font-size: 1em;\n  font-weight: 700;\n  margin: 0 0 5px 0;\n}\n\n.flosser-product .mode-item p {\n  color: rgba(255,255,255,0.7);\n  font-size: 0.8em;\n  margin: 0;\n}\n\n\/* Image Gallery *\/\n.flosser-product .gallery {\n  margin-bottom: 30px;\n  animation: fadeInUp 0.8s ease-out 1.2s both;\n  text-align: center;\n}\n\n.flosser-product .gallery h3 {\n  font-size: 1.4em;\n  font-weight: 700;\n  margin: 0 0 20px 0;\n  text-align: center;\n  color: #0077b6;\n}\n\n.flosser-product .gallery-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 15px;\n}\n\n.flosser-product .gallery-item {\n  border-radius: 14px;\n  overflow: hidden;\n  position: relative;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n  transition: all 0.4s ease;\n  background: #fff;\n}\n\n.flosser-product .gallery-item:hover {\n  transform: scale(1.02);\n  box-shadow: 0 15px 40px rgba(0,119,182,0.2);\n}\n\n.flosser-product .gallery-item img {\n  width: 100%;\n  height: 220px;\n  object-fit: contain;\n  display: block;\n  padding: 10px;\n}\n\n\/* CTA Section *\/\n.flosser-product .cta {\n  text-align: center;\n  padding: 40px 30px;\n  background: linear-gradient(135deg, #0077b6 0%, #00b4d8 100%);\n  border-radius: 16px;\n  animation: fadeInUp 0.8s ease-out 1.3s both;\n}\n\n.flosser-product .cta h3 {\n  font-size: 1.5em;\n  font-weight: 800;\n  margin: 0 0 10px 0;\n  color: #fff;\n  text-align: center;\n}\n\n.flosser-product .cta p {\n  font-size: 1em;\n  color: rgba(255,255,255,0.9);\n  margin: 0;\n  text-align: center;\n}\n\n\/* Animations *\/\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes fadeInDown {\n  from { opacity: 0; transform: translateY(-30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 600px) {\n  .flosser-product {\n    padding: 15px;\n  }\n  .flosser-product .hero h1 {\n    font-size: 1.7em;\n  }\n  .flosser-product .hero .tagline {\n    font-size: 1em;\n  }\n  .flosser-product .stats-row {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n  .flosser-product .stat-item {\n    padding: 18px 10px;\n  }\n  .flosser-product .stat-item .number {\n    font-size: 1.6em;\n  }\n  .flosser-product .stat-item .label {\n    font-size: 0.75em;\n  }\n  .flosser-product .benefits {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n  .flosser-product .benefit-card {\n    padding: 18px 12px;\n  }\n  .flosser-product .benefit-card .icon {\n    font-size: 2em;\n  }\n  .flosser-product .benefit-card h4 {\n    font-size: 0.9em;\n  }\n  .flosser-product .benefit-card p {\n    font-size: 0.75em;\n  }\n  .flosser-product .thumb-row {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n  .flosser-product .thumb img {\n    height: 80px;\n  }\n  .flosser-product .modes-grid {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n  .flosser-product .mode-item {\n    padding: 15px 8px;\n  }\n  .flosser-product .mode-item .mode-icon {\n    font-size: 1.5em;\n  }\n  .flosser-product .mode-item h5 {\n    font-size: 0.85em;\n  }\n  .flosser-product .mode-item p {\n    font-size: 0.7em;\n  }\n  .flosser-product .gallery-grid {\n    grid-template-columns: 1fr;\n  }\n  .flosser-product .gallery-item img {\n    height: 200px;\n  }\n  .flosser-product .description {\n    padding: 25px 20px;\n  }\n  .flosser-product .description p {\n    font-size: 0.95em;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"flosser-product\"\u003e\n  \n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"hero\"\u003e\n    \u003ch1\u003eجهاز تنظيف الأسنان بالماء\u003c\/h1\u003e\n    \u003cp class=\"tagline\"\u003eابتسامة مشرقة. أسنان نظيفة. لثة صحية.\u003c\/p\u003e\n    \u003cspan class=\"badge\"\u003e🦷 الاختيار الذكي لصحة فمك\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Main Gallery --\u003e\n  \u003cdiv class=\"main-gallery\"\u003e\n    \u003cdiv class=\"main-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/2_93fce3fe-3a73-498f-a5fe-d62ae603e2ed.png?v=1767431545\" alt=\"جهاز تنظيف الأسنان بالماء - IPX7\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"thumb-row\"\u003e\n      \u003cdiv class=\"thumb\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/1_3f2051f6-b9b2-4449-8238-942a19154c70.png?v=1767431531\" alt=\"خزان 300 مل\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"thumb\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/3_a0c4eecf-abf8-4094-8b53-ee7e9dcd9f61.png?v=1767431549\" alt=\"4 رؤوس مختلفة\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"thumb\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/4_1e9c7a2b-e58c-471c-8251-f9210e8f968d.png?v=1767431563\" alt=\"شحن USB\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Stats Row --\u003e\n  \u003cdiv class=\"stats-row\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n      \u003cspan class=\"number\"\u003e300ml\u003c\/span\u003e\n      \u003cspan class=\"label\"\u003eسعة الخزان\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n      \u003cspan class=\"number\"\u003e45\u003c\/span\u003e\n      \u003cspan class=\"label\"\u003eيوم بشحنة واحدة\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n      \u003cspan class=\"number\"\u003e360°\u003c\/span\u003e\n      \u003cspan class=\"label\"\u003eدوران الفوهة\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Description --\u003e\n  \u003cdiv class=\"description\"\u003e\n    \u003ch2\u003eنظافة عميقة بضغطة زر\u003c\/h2\u003e\n    \u003cp\u003e\n      ودّع خيط الأسنان التقليدي! جهاز تنظيف الأسنان بالماء يوفر لك تنظيفاً عميقاً وفعالاً يصل لكل الأماكن الصعبة بين أسنانك وتحت اللثة. بتقنية ضخ الماء المتقدمة، يزيل بقايا الطعام والبلاك بلطف وبدون ألم. مثالي لأصحاب التقويم والجسور والزرعات.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Benefits --\u003e\n  \u003cdiv class=\"benefits\"\u003e\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cdiv class=\"icon\"\u003e💧\u003c\/div\u003e\n      \u003ch4\u003eمقاوم للماء IPX7\u003c\/h4\u003e\n      \u003cp\u003eاستخدمه في الحمام أو الدوش بأمان تام\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cdiv class=\"icon\"\u003e🔋\u003c\/div\u003e\n      \u003ch4\u003eبطارية قوية\u003c\/h4\u003e\n      \u003cp\u003eشحنة واحدة (3 ساعات) تكفي 45 يوم\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cdiv class=\"icon\"\u003e🎯\u003c\/div\u003e\n      \u003ch4\u003e4 رؤوس مختلفة\u003c\/h4\u003e\n      \u003cp\u003eلكل احتياجات التنظيف والتقويم\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cdiv class=\"icon\"\u003e🔄\u003c\/div\u003e\n      \u003ch4\u003eدوران 360°\u003c\/h4\u003e\n      \u003cp\u003eيصل لكل زاوية وركن بسهولة\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Modes Section --\u003e\n  \u003cdiv class=\"modes\"\u003e\n    \u003ch3\u003e3 أوضاع للتنظيف\u003c\/h3\u003e\n    \u003cdiv class=\"modes-grid\"\u003e\n      \u003cdiv class=\"mode-item\"\u003e\n        \u003cdiv class=\"mode-icon\"\u003e🌊\u003c\/div\u003e\n        \u003ch5\u003eخفيف\u003c\/h5\u003e\n        \u003cp\u003eللثة الحساسة\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mode-item\"\u003e\n        \u003cdiv class=\"mode-icon\"\u003e💪\u003c\/div\u003e\n        \u003ch5\u003eقوي\u003c\/h5\u003e\n        \u003cp\u003eتنظيف عميق\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mode-item\"\u003e\n        \u003cdiv class=\"mode-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch5\u003eنبضات\u003c\/h5\u003e\n        \u003cp\u003eتدليك اللثة\u003c\/p\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\u003e🦷 احصل على ابتسامة مشرقة!\u003c\/h3\u003e\n    \u003cp\u003eاستثمر في صحة أسنانك اليوم\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"matjarkom.live","offers":[{"title":"Default Title","offer_id":45015381409987,"sku":null,"price":249.0,"currency_code":"MAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/74fca3a7-e176-4c13-b511-1d04435e0a41.png?v=1767434852","url":"https:\/\/elyvento.com\/products\/flosser","provider":"matjarkom.live","version":"1.0","type":"link"}