{"product_id":"mm","title":"حقيبة الاستعمال اليومي","description":"\u003c!-- Sling Bag Product Description - Arabic V2 FIXED --\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800\u0026display=swap');\n\n.sling-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, #fafafa 0%, #ffffff 100%);\n  text-align: center;\n}\n\n.sling-product * {\n  box-sizing: border-box;\n}\n\n\/* Hero Section *\/\n.sling-product .hero {\n  text-align: center;\n  padding: 40px 20px;\n  background: linear-gradient(135deg, #0d0d0d 0%, #2a2a2a 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.sling-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.03) 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.sling-product .hero h1 {\n  color: #fff;\n  font-size: 2.5em;\n  font-weight: 800;\n  margin: 0 0 10px 0;\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sling-product .hero .tagline {\n  color: #b0b0b0;\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.sling-product .hero .badge {\n  display: inline-block;\n  background: linear-gradient(135deg, #f5a623 0%, #f7b731 100%);\n  color: #000;\n  padding: 8px 20px;\n  border-radius: 30px;\n  font-size: 0.85em;\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.sling-product .main-gallery {\n  margin-bottom: 30px;\n  animation: fadeIn 1s ease-out 0.3s both;\n}\n\n.sling-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,0,0,0.15);\n}\n\n.sling-product .main-image img {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n.sling-product .main-image:hover img {\n  transform: scale(1.03);\n}\n\n.sling-product .thumb-row {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n}\n\n.sling-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}\n\n.sling-product .thumb:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n}\n\n.sling-product .thumb img {\n  width: 100%;\n  height: 120px;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Description Section *\/\n.sling-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.sling-product .description h2 {\n  font-size: 1.6em;\n  font-weight: 700;\n  margin: 0 0 20px 0;\n  color: #1a1a1a;\n  text-align: center;\n  display: block;\n}\n\n.sling-product .description h2::after {\n  content: '';\n  display: block;\n  width: 60px;\n  height: 3px;\n  background: linear-gradient(90deg, #f5a623, #f7b731);\n  border-radius: 2px;\n  margin: 10px auto 0 auto;\n}\n\n.sling-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\/* Benefits Grid *\/\n.sling-product .benefits {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 15px;\n  margin-bottom: 30px;\n}\n\n.sling-product .benefit-card {\n  background: linear-gradient(145deg, #ffffff 0%, #f8f8f8 100%);\n  border-radius: 14px;\n  padding: 25px 20px;\n  text-align: center;\n  transition: all 0.3s ease;\n  border: 1px solid #eee;\n  animation: fadeInUp 0.6s ease-out both;\n}\n\n.sling-product .benefit-card:nth-child(1) { animation-delay: 0.6s; }\n.sling-product .benefit-card:nth-child(2) { animation-delay: 0.7s; }\n.sling-product .benefit-card:nth-child(3) { animation-delay: 0.8s; }\n.sling-product .benefit-card:nth-child(4) { animation-delay: 0.9s; }\n\n.sling-product .benefit-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 15px 40px rgba(0,0,0,0.12);\n  border-color: #f5a623;\n}\n\n.sling-product .benefit-card .icon {\n  font-size: 2.2em;\n  margin-bottom: 12px;\n  text-align: center;\n}\n\n.sling-product .benefit-card h4 {\n  font-size: 1em;\n  font-weight: 700;\n  margin: 0 0 8px 0;\n  color: #1a1a1a;\n  text-align: center;\n}\n\n.sling-product .benefit-card p {\n  font-size: 0.85em;\n  color: #777;\n  margin: 0;\n  line-height: 1.5;\n  text-align: center;\n}\n\n\/* Use Cases *\/\n.sling-product .use-cases {\n  background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 100%);\n  border-radius: 16px;\n  padding: 30px;\n  margin-bottom: 30px;\n  animation: fadeInUp 0.8s ease-out 1s both;\n  text-align: center;\n}\n\n.sling-product .use-cases h3 {\n  color: #fff;\n  font-size: 1.4em;\n  font-weight: 700;\n  margin: 0 0 20px 0;\n  text-align: center;\n}\n\n.sling-product .use-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  align-items: center;\n}\n\n.sling-product .use-tag {\n  background: rgba(255,255,255,0.1);\n  color: #fff;\n  padding: 10px 20px;\n  border-radius: 25px;\n  font-size: 0.9em;\n  font-weight: 500;\n  border: 1px solid rgba(255,255,255,0.2);\n  transition: all 0.3s ease;\n  display: inline-block;\n}\n\n.sling-product .use-tag:hover {\n  background: #f5a623;\n  color: #000;\n  border-color: #f5a623;\n  transform: scale(1.05);\n}\n\n\/* Lifestyle Gallery *\/\n.sling-product .lifestyle {\n  margin-bottom: 30px;\n  animation: fadeInUp 0.8s ease-out 1.1s both;\n  text-align: center;\n}\n\n.sling-product .lifestyle h3 {\n  font-size: 1.4em;\n  font-weight: 700;\n  margin: 0 0 20px 0;\n  text-align: center;\n  color: #1a1a1a;\n}\n\n.sling-product .lifestyle-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto auto;\n  gap: 15px;\n}\n\n.sling-product .lifestyle-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}\n\n.sling-product .lifestyle-item.large {\n  grid-column: 1 \/ -1;\n}\n\n.sling-product .lifestyle-item::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, transparent 50%);\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.sling-product .lifestyle-item:hover::before {\n  opacity: 1;\n}\n\n.sling-product .lifestyle-item:hover {\n  transform: scale(1.02);\n  box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n}\n\n.sling-product .lifestyle-item img {\n  width: 100%;\n  height: 220px;\n  object-fit: cover;\n  display: block;\n}\n\n.sling-product .lifestyle-item.large img {\n  height: 300px;\n}\n\n\/* CTA Section *\/\n.sling-product .cta {\n  text-align: center;\n  padding: 40px 30px;\n  background: linear-gradient(135deg, #f5a623 0%, #f7b731 100%);\n  border-radius: 16px;\n  animation: fadeInUp 0.8s ease-out 1.2s both;\n}\n\n.sling-product .cta h3 {\n  font-size: 1.5em;\n  font-weight: 800;\n  margin: 0 0 10px 0;\n  color: #000;\n  text-align: center;\n}\n\n.sling-product .cta p {\n  font-size: 1em;\n  color: #333;\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  .sling-product {\n    padding: 15px;\n  }\n  .sling-product .hero h1 {\n    font-size: 1.8em;\n  }\n  .sling-product .hero .tagline {\n    font-size: 1em;\n  }\n  .sling-product .benefits {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n  .sling-product .benefit-card {\n    padding: 18px 12px;\n  }\n  .sling-product .benefit-card .icon {\n    font-size: 1.8em;\n  }\n  .sling-product .benefit-card h4 {\n    font-size: 0.9em;\n  }\n  .sling-product .benefit-card p {\n    font-size: 0.75em;\n  }\n  .sling-product .thumb-row {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n  .sling-product .thumb img {\n    height: 80px;\n  }\n  .sling-product .lifestyle-grid {\n    grid-template-columns: 1fr;\n  }\n  .sling-product .lifestyle-item img,\n  .sling-product .lifestyle-item.large img {\n    height: 200px;\n  }\n  .sling-product .description {\n    padding: 25px 20px;\n  }\n  .sling-product .description p {\n    font-size: 0.95em;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"sling-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\/Gemini_Generated_Image_grpz9agrpz9agrpz.png?v=1765467169\" alt=\"حقيبة سلينج - منظر رئيسي\"\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\/Gemini_Generated_Image_pb2vfupb2vfupb2v.png?v=1765467169\" alt=\"حقيبة سلينج - ستايل شارع\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"thumb\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/Gemini_Generated_Image_fes03afes03afes0.png?v=1765467167\" alt=\"حقيبة سلينج - في المدينة\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"thumb\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/Gemini_Generated_Image_9ebqjn9ebqjn9ebq.png?v=1765467167\" alt=\"حقيبة سلينج - في الحديقة\"\u003e\n      \u003c\/div\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خفيفة الوزن\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حماية أغراضك من الأمطار والرذاذ\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إغلاق محكم لحماية ممتلكاتك\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جيوب أمامية لأغراضك الأساسية\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Use Cases --\u003e\n  \u003cdiv class=\"use-cases\"\u003e\n    \u003ch3\u003eمثالية لـ\u003c\/h3\u003e\n    \u003cdiv class=\"use-list\"\u003e\n      \u003cspan class=\"use-tag\"\u003e🏃 التنقل اليومي\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003e✈️ السفر والرحلات\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003e🎵 الحفلات والمهرجانات\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003e🛍️ التسوق\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003e📸 المشي والتصوير\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003e🏖️ الشاطئ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Lifestyle Gallery --\u003e\n  \u003cdiv class=\"lifestyle\"\u003e\n    \u003ch3\u003eستايل يناسب كل مكان\u003c\/h3\u003e\n    \u003cdiv class=\"lifestyle-grid\"\u003e\n      \u003cdiv class=\"lifestyle-item large\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/Gemini_Generated_Image_uyki2huyki2huyki.png?v=1765467166\" alt=\"على الشاطئ\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lifestyle-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/Gemini_Generated_Image_r60cwqr60cwqr60c.png?v=1765467171\" alt=\"في الشارع\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lifestyle-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/Gemini_Generated_Image_fes03afes03afes0.png?v=1765467167\" alt=\"في المدينة\"\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":44990277812419,"sku":null,"price":169.0,"currency_code":"MAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0628\/1140\/6531\/files\/Gemini_Generated_Image_pb2vfupb2vfupb2v_57cbf28e-8a9f-4822-90e1-3c05e2ba8dbe.png?v=1765642556","url":"https:\/\/elyvento.com\/products\/mm","provider":"matjarkom.live","version":"1.0","type":"link"}