{"product_id":"taraf-blouse-pistachio","title":"Taraf Blouse-Matcha","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* إعدادات عامة معزولة لحماية باقي الموقع *\/\n        .product-container * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .product-container {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 40px 20px;\n            background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);\n            border-radius: 20px;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* تأثير الخلفية المتحركة *\/\n        .product-container::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,0,0,0.02) 0%, transparent 70%);\n            animation: floatBackground 15s infinite linear;\n            z-index: 0;\n        }\n\n        @keyframes floatBackground {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        .product-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* العنوان الرئيسي *\/\n        .product-title {\n            font-size: 3rem;\n            font-weight: 300;\n            color: #1a1a1a;\n            text-align: center;\n            margin-bottom: 20px;\n            letter-spacing: 2px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .product-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            width: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #000, #666, #000);\n            transform: translateX(-50%);\n            transition: width 0.8s ease-in-out;\n        }\n\n        .product-container:hover .product-title::after {\n            width: 200px;\n        }\n\n        \/* الوصف الرئيسي *\/\n        .product-description {\n            font-size: 1.2rem;\n            line-height: 1.8;\n            color: #444;\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 30px;\n            background: rgba(255,255,255,0.8);\n            border-radius: 15px;\n            border: 2px solid transparent;\n            transition: all 0.4s ease;\n            backdrop-filter: blur(10px);\n        }\n\n        .product-description:hover {\n            border-color: #000;\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n        }\n\n        \/* جدول المقاسات *\/\n        .size-chart-container {\n            margin: 50px 0;\n            position: relative;\n        }\n\n        .size-chart-title {\n            font-size: 2.2rem;\n            color: #1a1a1a;\n            text-align: center;\n            margin-bottom: 30px;\n            font-weight: 400;\n            position: relative;\n        }\n\n        .size-chart-title::before {\n            content: \"📏\";\n            position: absolute;\n            left: 50%;\n            top: -40px;\n            transform: translateX(-50%);\n            font-size: 2rem;\n            opacity: 0;\n            transition: all 0.5s ease;\n        }\n\n        .size-chart-container:hover .size-chart-title::before {\n            opacity: 1;\n            top: -50px;\n        }\n\n        \/* جدول المقاسات الموحد *\/\n        .size-table-wrapper {\n            background: #ffffff;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n            border: 2px solid transparent;\n            transition: all 0.4s ease;\n            position: relative;\n        }\n\n        .size-table-wrapper::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(0,0,0,0.03), transparent);\n            transition: left 0.8s ease;\n        }\n\n        .size-table-wrapper:hover::before {\n            left: 100%;\n        }\n\n        .size-table-wrapper:hover {\n            border-color: #000;\n            transform: translateY(-5px);\n            box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            background: #fff;\n        }\n\n        .size-table th {\n            background: linear-gradient(135deg, #1a1a1a, #333333);\n            color: #ffffff;\n            padding: 20px 15px;\n            text-align: center;\n            font-weight: 600;\n            font-size: 1.1rem;\n            letter-spacing: 1px;\n            position: relative;\n            border-bottom: 3px solid #000;\n        }\n\n        .size-table th:first-child {\n            border-radius: 0;\n            background: linear-gradient(135deg, #000000, #1a1a1a);\n        }\n\n        .size-table td {\n            padding: 18px 15px;\n            text-align: center;\n            border-bottom: 1px solid #f0f0f0;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .size-table tbody tr:hover td {\n            background: #f8f8f8;\n            transform: scale(1.02);\n        }\n\n        .size-table tbody tr:hover td:first-child {\n            background: #000;\n            color: #fff;\n            font-weight: 600;\n        }\n\n        .size-table td:first-child {\n            background: #f8f8f8;\n            font-weight: 600;\n            color: #333;\n            border-right: 2px solid #eee;\n        }\n\n        .size-table td:not(:first-child) {\n            background: #ffffff;\n            color: #444;\n            font-weight: 500;\n        }\n\n        .size-table tbody tr:last-child td {\n            border-bottom: none;\n        }\n\n        \/* تأثير النبضة للقيم *\/\n        .size-table td:not(:first-child):hover {\n            background: #000 !important;\n            color: #fff !important;\n            font-weight: 600;\n            border-radius: 8px;\n            transform: scale(1.05);\n        }\n\n        \/* ميزات المنتج *\/\n        .features-container {\n            margin: 50px 0;\n        }\n\n        .features-title {\n            font-size: 2.2rem;\n            color: #1a1a1a;\n            text-align: center;\n            margin-bottom: 40px;\n            font-weight: 400;\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n        }\n\n        .feature-item {\n            background: #fff;\n            padding: 25px;\n            border-radius: 15px;\n            text-align: center;\n            border: 2px solid #f0f0f0;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-item::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(45deg, transparent, rgba(0,0,0,0.02), transparent);\n            transform: translateX(-100%);\n            transition: transform 0.6s ease;\n        }\n\n        .feature-item:hover::after {\n            transform: translateX(100%);\n        }\n\n        .feature-item:hover {\n            border-color: #000;\n            transform: translateY(-8px);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        }\n\n        .feature-text {\n            font-size: 1.1rem;\n            color: #333;\n            line-height: 1.6;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* ملاحظة التحذير *\/\n        .size-note {\n            background: linear-gradient(135deg, #f8f8f8, #ffffff);\n            border: 2px dashed #ccc;\n            border-radius: 15px;\n            padding: 25px;\n            text-align: center;\n            font-style: italic;\n            color: #666;\n            font-size: 1.1rem;\n            margin-top: 30px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .size-note::before {\n            content: \"⚠️\";\n            position: absolute;\n            top: 15px;\n            right: 20px;\n            font-size: 1.2rem;\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.1); }\n        }\n\n        \/* تأثيرات الاستجابة للشاشات المختلفة *\/\n        @media (max-width: 768px) {\n            .product-container {\n                padding: 20px 15px;\n            }\n            \n            .product-title {\n                font-size: 2.2rem;\n            }\n            \n            .size-table th,\n            .size-table td {\n                padding: 12px 8px;\n                font-size: 0.9rem;\n            }\n            \n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .size-table th,\n            .size-table td {\n                padding: 10px 6px;\n                font-size: 0.8rem;\n            }\n        }\n\n        \/* تأثيرات إضافية للتفاعل *\/\n        .product-container:hover .product-title {\n            transform: scale(1.02);\n            transition: transform 0.3s ease;\n        }\n\n        \/* تأثير اللمعان *\/\n        .shine-effect {\n            position: relative;\n            overflow: hidden;\n        }\n\n        .shine-effect::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transition: left 0.8s ease;\n        }\n\n        .shine-effect:hover::after {\n            left: 100%;\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-content\"\u003e\n\u003c!-- العنوان الرئيسي --\u003e\n\u003ch1 class=\"product-title shine-effect\"\u003eGalaxy Blouse ✨\u003c\/h1\u003e\n\u003c!-- الوصف الرئيسي --\u003e\n\u003cdiv class=\"product-description\"\u003eAn elegant blouse crafted from luxurious Galaxy fabric that combines comfort and sophistication. Features a modern design perfect for both casual daily wear and special occasions. The high-quality fabric provides a soft touch and ideal flexibility for movement.\u003c\/div\u003e\n\u003c!-- جدول المقاسات الموحد --\u003e\n\u003cdiv class=\"size-chart-container\"\u003e\n\u003ch2 class=\"size-chart-title\"\u003eSize Chart\u003c\/h2\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eSuitable Weight\u003c\/th\u003e\n\u003cth\u003eChest Width\u003c\/th\u003e\n\u003cth\u003eFront Length\u003c\/th\u003e\n\u003cth\u003eBack Length\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eFirst Size (S\/M)\u003c\/td\u003e\n\u003ctd\u003eUp to 75 kg\u003c\/td\u003e\n\u003ctd\u003e55 cm\u003c\/td\u003e\n\u003ctd\u003e68 cm\u003c\/td\u003e\n\u003ctd\u003e73 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSecond Size (L\/XL)\u003c\/td\u003e\n\u003ctd\u003eUp to 90 kg\u003c\/td\u003e\n\u003ctd\u003e57 cm\u003c\/td\u003e\n\u003ctd\u003e68 cm\u003c\/td\u003e\n\u003ctd\u003e73 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ميزات المنتج --\u003e\n\u003cdiv class=\"features-container\"\u003e\n\u003ch2 class=\"features-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-text\"\u003e✨ Premium Galaxy fabric with superior quality\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-text\"\u003e👗 Elegant design with graduated length (shorter front, longer back)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-text\"\u003e💫 Perfect for various occasions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-text\"\u003e🌟 Two comfortable sizes to suit different body shapes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-text\"\u003e🎯 Practical and contemporary cut\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ملاحظة المقاسات --\u003e\n\u003cdiv class=\"size-note\"\u003e\u003cem\u003eNote: Please carefully review the size chart to ensure the perfect fit\u003c\/em\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"tarafe","offers":[{"title":"Pistachio \/ S\/M","offer_id":43997622239275,"sku":null,"price":950.0,"currency_code":"EGP","in_stock":true},{"title":"Pistachio \/ L\/XL","offer_id":43997622272043,"sku":null,"price":950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0626\/2082\/7691\/files\/IMG_9001.webp?v=1755866686","url":"https:\/\/tarafeg.com\/products\/taraf-blouse-pistachio","provider":"tarafe","version":"1.0","type":"link"}