{"product_id":"✨-מסכת-קולגן-real-collagen-fit-לעור-צעיר-גמיש-ומלא-חיים-✨","title":"מסכת קולגן Real Collagen Fit – לעור צעיר, גמיש ומלא חיים","description":"\u003cdiv class=\"collagen-container\"\u003e\n\u003c!-- Premium Badge --\u003e\n\u003cdiv class=\"premium-badge-container\"\u003e\n\u003cdiv class=\"premium-badge\"\u003eמוצר במבצע מיוחד\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Heading --\u003e\n\u003cdiv class=\"main-heading-container\" id=\"main-content\"\u003e\n\u003ch1 class=\"main-heading\"\u003e\n\u003cspan class=\"heading-accent\"\u003eReal Collagen Fit\u003c\/span\u003e – מסכת הקולגן שתעניק לעור שלך חיים חדשים!\u003c\/h1\u003e\n\u003cdiv class=\"primary-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Review Stars --\u003e\n\u003cdiv class=\"review-stars\"\u003e\n\u003cspan class=\"star\"\u003e★\u003c\/span\u003e \u003cspan class=\"star\"\u003e★\u003c\/span\u003e \u003cspan class=\"star\"\u003e★\u003c\/span\u003e \u003cspan class=\"star\"\u003e★\u003c\/span\u003e \u003cspan class=\"star\"\u003e★\u003c\/span\u003e \u003cspan class=\"review-stars-count\"\u003e4.9 (174 ביקורות)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cp class=\"info-card-text\"\u003e\u003cstrong\u003eעור עייף? חסר לחות וגמישות?\u003c\/strong\u003e הגיע הזמן להתחדש! מסכת \u003cspan style=\"color: var(--primary); font-weight: bold; font-size: 20px;\"\u003eReal Collagen Fit\u003c\/span\u003e היא בדיוק מה שעורך זקוק לו. עם \u003cstrong\u003eקולגן איכותי וחומצה היאלורונית\u003c\/strong\u003e, היא מחייה את העור ומעניקה לו מראה צעיר, מתוח וזוהר – \u003cspan class=\"highlight-text\"\u003eכבר מהשימוש הראשון!\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"primary-box\"\u003eטיפוח עור מקצועי בנוחות הבית\u003c\/div\u003e\n\u003c!-- USP Highlights --\u003e\n\u003cdiv class=\"usp-highlights\"\u003e\n\u003cdiv class=\"usp-item\"\u003e\n\u003cdiv class=\"usp-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"usp-text\"\u003eלחות אינטנסיבית שמחייה את העור המיובש\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usp-item\"\u003e\n\u003cdiv class=\"usp-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"usp-text\"\u003eשיפור גמישות ומרקם העור, הפחתת קמטוטים\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usp-item\"\u003e\n\u003cdiv class=\"usp-icon\"\u003e⏱️\u003c\/div\u003e\n\u003cdiv class=\"usp-text\"\u003eתוצאות נראות לעין כבר אחרי שימוש ראשון\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usp-item\"\u003e\n\u003cdiv class=\"usp-icon\"\u003e🧴\u003c\/div\u003e\n\u003cdiv class=\"usp-text\"\u003eמתאימה לכל סוגי העור, כולל עור רגיש\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Sf0886cf1cc054ebaaa62768741b2d20bO.jpg\" alt=\"Real Collagen Fit - מסכת קולגן איכותית\"\u003e\n\u003cdiv class=\"product-badge\"\u003eמקצועי\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Limited Time Offer --\u003e\n\u003cdiv class=\"countdown-container\"\u003e\n\u003ch3 class=\"countdown-title\"\u003eמבצע מוגבל בזמן - מסתיים בקרוב!\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- Key Features Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eלמה לבחור במסכת Real Collagen Fit?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Feature Boxes --\u003e\n\u003cdiv class=\"features-container\"\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eלחות אינטנסיבית\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eמחייה את העור היבש ומעניקה לו תחושת רכות מיידית וזוהר טבעי\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧬\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eקולגן איכותי\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eמכילה קולגן טהור ברמה גבוהה שמשפר את מבנה העור ומעניק לו מראה צעיר\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eשיפור גמישות\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eמפחיתה קמטים עדינים והופכת את העור למתוח וגמיש יותר\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⏱️\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eתוצאה מיידית\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eכבר מהשימוש הראשון העור נראה קורן, רענן ובריא יותר\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧴\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eמתאימה לכל העור\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eנוסחה עדינה ואפקטיבית שמתאימה לכל סוגי העור, כולל עור רגיש\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🏠\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eטיפול ספא בבית\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eחוויית טיפוח מפנקת ומקצועית בנוחות של הבית שלך\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Ingredients --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eהמרכיבים הפעילים\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3 class=\"ingredient-name\"\u003eקולגן טהור\u003c\/h3\u003e\n\u003cp class=\"ingredient-description\"\u003eחלבון טבעי שמשפר את מבנה העור, מחזק ומגביר את הגמישות והמוצקות\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3 class=\"ingredient-name\"\u003eחומצה היאלורונית\u003c\/h3\u003e\n\u003cp class=\"ingredient-description\"\u003eלוכדת לחות בעור ושומרת עליה לאורך זמן, מעניקה מראה מלא וחלק\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"ingredient-name\"\u003eתמציות צמחים\u003c\/h3\u003e\n\u003cp class=\"ingredient-description\"\u003eתערובת ייחודית של תמציות צמחיות עם תכונות מרגיעות ומחדשות\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e💎\u003c\/div\u003e\n\u003ch3 class=\"ingredient-name\"\u003eפפטידים\u003c\/h3\u003e\n\u003cp class=\"ingredient-description\"\u003eמעודדים ייצור קולגן טבעי בעור ומשפרים את מבנה וגמישות העור\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eאיך זה עובד?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-works-info\"\u003e\n\u003cp\u003eמסכת \u003cstrong\u003eReal Collagen Fit\u003c\/strong\u003e אינה סתם מוצר טיפוח – היא טיפול עמוק שמעניק לעור שלך הזנה אמיתית. השפעת הקולגן והחומצה ההיאלורונית מתחילה כבר מהשימוש הראשון, אך תוצאות מיטביות נראות לאחר שימוש רציף של מספר שבועות.\u003c\/p\u003e\n\u003cdiv class=\"how-works-row\"\u003e\n\u003cdiv class=\"how-works-column\"\u003e\n\u003cdiv class=\"how-works-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eלחות מיידית\u003c\/h3\u003e\n\u003cp\u003eהמסכה חודרת לשכבות העליונות של העור ומעניקה לחות אינטנסיבית מיד עם המגע הראשוני, מה שמרכך ומרענן את העור.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-works-column\"\u003e\n\u003cdiv class=\"how-works-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3\u003eשיקום מבנה העור\u003c\/h3\u003e\n\u003cp\u003eהקולגן בנוסחה מתחיל בתהליך שיקום הדרגתי של סיבי הקולגן הטבעיים בעור, מה שגורם להתמצקות ולשיפור הגמישות.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-works-row\"\u003e\n\u003cdiv class=\"how-works-column\"\u003e\n\u003cdiv class=\"how-works-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eזוהר מחודש\u003c\/h3\u003e\n\u003cp\u003eתערובת הרכיבים הפעילים מעודדת את מחזור התאים הטבעי של העור, מה שמסייע להתחדשות ולמראה זוהר ובריא יותר.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-works-column\"\u003e\n\u003cdiv class=\"how-works-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eהגנה והזנה\u003c\/h3\u003e\n\u003cp\u003eהמסכה יוצרת שכבת הגנה בלתי נראית על העור שממשיכה להזין ולספק לחות גם שעות לאחר השימוש.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Images Gallery --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e📸\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eמראה אמיתי, תוצאות אמיתיות\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-container\"\u003e\n\u003cdiv class=\"gallery-item\"\u003e\u003cimg src=\"https:\/\/cdn.cloudfastin.top\/image\/bb16480fa07ee213a1e2d4cafdd19ad1f47fdfac.jpeg\" alt=\"Real Collagen Fit בשימוש\" class=\"gallery-image\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"gallery-item\"\u003e\u003cimg src=\"https:\/\/cdn.cloudfastin.top\/image\/40a6ec288de2c9ba76c48173b68bee6d789802a5.gif\" alt=\"השפעת Real Collagen Fit\" class=\"gallery-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Guide --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e📋\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eהוראות שימוש\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp class=\"step-text\"\u003eנקי את הפנים והסירי שאריות איפור ולכלוך\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp class=\"step-text\"\u003eמרחי שכבה אחידה של המסכה על הפנים\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp class=\"step-text\"\u003eהמתיני 15-20 דקות בזמן שהמסכה פועלת ומזינה את עורך\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp class=\"step-text\"\u003eהסירי בעדינות את המסכה\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cp class=\"step-text\"\u003eטפחי את שאריות הסרום על העור עד לספיגה מלאה\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Frequency of Use --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eתדירות השימוש המומלצת\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frequency-container\"\u003e\n\u003cdiv class=\"frequency-recommendation\"\u003e\n\u003cp\u003eלתוצאות אופטימליות, מומלץ להשתמש במסכה \u003cstrong\u003eפעמיים בשבוע\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"frequency-benefits\"\u003e\n\u003cdiv class=\"frequency-benefit\"\u003e\n\u003cdiv class=\"frequency-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"frequency-text\"\u003e\n\u003ch4\u003eשימוש ראשון\u003c\/h4\u003e\n\u003cp\u003eלחות מיידית וזוהר לטווח קצר\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frequency-benefit\"\u003e\n\u003cdiv class=\"frequency-icon\"\u003e📈\u003c\/div\u003e\n\u003cdiv class=\"frequency-text\"\u003e\n\u003ch4\u003eשימוש קבוע\u003c\/h4\u003e\n\u003cp\u003eשיפור הדרגתי במרקם העור וצמצום קמטוטים\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"frequency-benefit\"\u003e\n\u003cdiv class=\"frequency-icon\"\u003e🔄\u003c\/div\u003e\n\u003cdiv class=\"frequency-text\"\u003e\n\u003ch4\u003eשימוש לאורך זמן\u003c\/h4\u003e\n\u003cp\u003eשינוי משמעותי במראה העור, גמישות מוגברת ומראה צעיר יותר\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Package Contents --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e📦\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eמה כלול באריזה?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cul class=\"package-list\"\u003e\n\u003cli class=\"check-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e \u003cspan class=\"check-text\"\u003e\u003cstrong\u003eמסכת קולגן 50 ml\u003c\/strong\u003e עם פורמולה עשירה בקולגן וחומצה היאלורונית\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"check-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e \u003cspan class=\"check-text\"\u003e\u003cstrong\u003eחוויית טיפוח ביתית\u003c\/strong\u003e שמרגישה כמו טיפול ספא מקצועי\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"check-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e \u003cspan class=\"check-text\"\u003e\u003cstrong\u003eאריזה אטומה\u003c\/strong\u003e לשמירה על טריות המוצר\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"background-color: var(--primary-ultra-light); border-radius: var(--radius-medium); padding: 20px; text-align: center; margin-top: 30px; box-shadow: var(--shadow-medium); border-top: 3px solid var(--primary);\"\u003e\n\u003cp style=\"margin: 0; font-size: 16px; color: var(--dark-text); font-weight: 600;\"\u003e🌟 הגיע הזמן להחזיר את הזוהר לעור שלך! 🌟\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eתני לעור שלך את הטיפול שהוא ראוי לו!\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eעם מסכת Real Collagen Fit תוכלי להשיג מראה צעיר, זוהר ומלא חיים\u003c\/p\u003e\n\u003cdiv class=\"price-container\"\u003e\n\u003cspan class=\"original-price\"\u003e₪289\u003c\/span\u003e \u003cspan class=\"sale-price\"\u003e₪159\u003c\/span\u003e\u003cspan class=\"price-note\"\u003eחיסכון של ₪130 | משלוח חינם\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"primary-button\" href=\"\/cart\/49916434612518:1?return_to=\/checkout\"\u003e הזמיני עכשיו! \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Disclaimer --\u003e\n\u003cdiv class=\"disclaimer\"\u003e\n\u003cp\u003e\u003cstrong\u003eמידע נוסף:\u003c\/strong\u003e לפני השימוש במוצר, יש לבצע בדיקת רגישות על אזור קטן של העור. במקרה של גירוי, אדמומיות או תחושת אי נוחות, יש להפסיק את השימוש במוצר באופן מיידי. המוצר מיועד לשימוש חיצוני בלבד. יש להימנע ממגע עם העיניים. אין להשתמש במוצר אם ידועה רגישות לאחד המרכיבים. יש לקרוא בעיון את רשימת המרכיבים לפני השימוש. השימוש במוצר הינו באחריות המשתמש בלבד, ואין היצרן או המשווק אחראים לכל נזק שייגרם כתוצאה משימוש לא נכון או לא סביר במוצר. יש להרחיק מהישג ידם של ילדים. במקרה של בליעה, יש לפנות לקבלת סיוע רפואי באופן מיידי. תוצאות השימוש במוצר עשויות להשתנות מאדם לאדם. אין המוצר מהווה תחליף לייעוץ רפואי מקצועי. במקרה של מצב רפואי קיים או שימוש בתרופות, מומלץ להתייעץ עם רופא לפני השימוש במוצר.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Primary Styling for Collagen Mask Product Page *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;600;700;800\u0026display=swap');\n\n:root {\n  --primary: #e74c3c;\n  --primary-light: #f1948a;\n  --primary-dark: #c0392b;\n  --primary-ultra-light: #fdedec;\n  --primary-gradient: linear-gradient(135deg, #f1948a 0%, #e74c3c 50%, #c0392b 100%);\n  --primary-gradient-hover: linear-gradient(135deg, #f5b7b1 0%, #f1948a 50%, #e74c3c 100%);\n  --primary-accent: #e74c3c;\n  --dark-text: #1a1a1a;\n  --medium-text: #333;\n  --light-text: #666;\n  --lighter-text: #999;\n  --off-white: #f9f9f9;\n  --shadow-light: 0 5px 15px rgba(0, 0, 0, 0.05);\n  --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.1);\n  --shadow-hover: 0 10px 30px rgba(231, 76, 60, 0.25);\n  --radius-small: 10px;\n  --radius-medium: 15px;\n  --radius-large: 20px;\n  --radius-circle: 50%;\n  --transition-normal: all 0.3s ease;\n  --transition-slow: all 0.5s ease;\n  --spacing-xs: 5px;\n  --spacing-sm: 10px;\n  --spacing-md: 20px;\n  --spacing-lg: 30px;\n  --spacing-xl: 40px;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  -webkit-text-size-adjust: 100%;\n}\n\nbody {\n  font-family: 'Heebo', sans-serif;\n  color: var(--medium-text);\n  line-height: 1.6;\n  background-color: #fff;\n  direction: rtl;\n  text-align: right;\n  padding: 0;\n  margin: 0;\n  overflow-x: hidden;\n  font-size: 16px;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  display: block;\n  animation: imageLoad 0.5s ease forwards;\n}\n\n.collagen-container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n\/* Premium badge with floating animation *\/\n.premium-badge-container {\n  position: relative;\n  margin-bottom: 20px;\n  display: inline-block;\n  animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n  0% { transform: translateY(0px); }\n  50% { transform: translateY(-8px); }\n  100% { transform: translateY(0px); }\n}\n\n.premium-badge {\n  display: inline-block;\n  padding: 10px 20px 10px 15px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: 30px;\n  font-size: 14px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  box-shadow: 0 5px 20px rgba(231, 76, 60, 0.4);\n  position: relative;\n  overflow: hidden;\n  transition: var(--transition-normal);\n}\n\n.premium-badge:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: rgba(255, 255, 255, 0.2);\n  transform: skewX(-30deg);\n  transition: var(--transition-normal);\n}\n\n.premium-badge:hover:before {\n  left: 100%;\n  transition: 0.7s ease-in-out;\n}\n\n.premium-badge:after {\n  content: \"★\";\n  margin-right: 8px;\n  font-size: 12px;\n}\n\n\/* Main heading with subtle animation *\/\n.main-heading-container {\n  position: relative;\n  margin-bottom: 30px;\n  padding: 20px 0;\n  width: 100%;\n  overflow: hidden;\n}\n\n.main-heading {\n  font-size: 36px;\n  font-weight: 800;\n  color: var(--dark-text);\n  margin-bottom: 15px;\n  padding-bottom: 15px;\n  position: relative;\n  display: inline-block;\n  text-shadow: 1px 1px 0 rgba(0,0,0,0.05);\n  max-width: 100%;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.main-heading:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 70%;\n  height: 5px;\n  background: var(--primary-gradient);\n  border-radius: 5px;\n  box-shadow: 0 3px 10px rgba(231, 76, 60, 0.3);\n}\n\n.heading-accent {\n  color: var(--primary);\n  font-weight: 900;\n  position: relative;\n  display: inline-block;\n  white-space: normal;\n}\n\n.heading-accent:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 10px;\n  background-color: var(--primary-ultra-light);\n  bottom: 5px;\n  left: 0;\n  z-index: -1;\n  border-radius: 5px;\n}\n\n\/* Primary Divider *\/\n.primary-divider {\n  height: 3px;\n  background: var(--primary-gradient);\n  border-radius: 3px;\n  margin: 20px 0;\n  position: relative;\n  width: 100px;\n  box-shadow: 0 3px 10px rgba(231, 76, 60, 0.3);\n}\n\n.primary-divider:before {\n  content: \"\";\n  position: absolute;\n  top: -3px;\n  right: 30px;\n  height: 9px;\n  width: 9px;\n  background: var(--primary);\n  border-radius: var(--radius-circle);\n  box-shadow: 0 0 15px rgba(231, 76, 60, 0.8);\n  animation: pulse 2s infinite;\n}\n\n.primary-divider:after {\n  content: \"\";\n  position: absolute;\n  top: -3px;\n  right: 60px;\n  height: 9px;\n  width: 9px;\n  background: var(--primary);\n  border-radius: var(--radius-circle);\n  box-shadow: 0 0 15px rgba(231, 76, 60, 0.8);\n  animation: pulse 2s infinite;\n  animation-delay: 0.5s;\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 0 10px rgba(231, 76, 60, 0.8);\n  }\n  50% {\n    transform: scale(1.1);\n    box-shadow: 0 0 20px rgba(231, 76, 60, 0.9);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 10px rgba(231, 76, 60, 0.8);\n  }\n}\n\n\/* Review Stars *\/\n.review-stars {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 15px 0;\n  gap: 5px;\n}\n\n.review-stars-count {\n  font-size: 15px;\n  color: var(--light-text);\n  margin-right: 10px;\n}\n\n.star {\n  color: var(--primary);\n  font-size: 20px;\n}\n\n\/* Hero section with improved visual elements *\/\n.hero-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 60px;\n  background: linear-gradient(to bottom, var(--primary-ultra-light) 0%, rgba(255,255,255,0) 60%);\n  border-radius: var(--radius-large);\n  padding: 40px 20px;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--shadow-light);\n  border: 1px solid rgba(231, 76, 60, 0.1);\n}\n\n.hero-section:before {\n  content: \"\";\n  position: absolute;\n  top: -50px;\n  right: -50px;\n  width: 200px;\n  height: 200px;\n  background-color: var(--primary-light);\n  opacity: 0.15;\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.hero-section:after {\n  content: \"\";\n  position: absolute;\n  bottom: -70px;\n  left: 30%;\n  width: 150px;\n  height: 150px;\n  background-color: var(--primary-light);\n  opacity: 0.1;\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.hero-content {\n  width: 100%;\n  margin-bottom: 30px;\n  z-index: 1;\n}\n\n.hero-image {\n  width: 100%;\n  z-index: 1;\n  position: relative;\n  text-align: center;\n}\n\n.hero-image img {\n  width: 100%;\n  max-width: 400px;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(231, 76, 60, 0.2);\n  transition: var(--transition-slow);\n  z-index: 1;\n  position: relative;\n  transform: perspective(800px) rotateY(0deg);\n  transition: transform 0.5s ease;\n  margin: 0 auto;\n}\n\n.hero-image img:hover {\n  transform: perspective(800px) rotateY(5deg) translateY(-5px);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n}\n\n.hero-image:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  max-width: 400px;\n  height: 100%;\n  border: 3px solid var(--primary);\n  border-radius: var(--radius-medium);\n  top: 15px;\n  right: 50%;\n  transform: translateX(50%);\n  z-index: 0;\n  opacity: 0.3;\n}\n\n.product-badge {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  background-color: var(--primary);\n  color: white;\n  padding: 8px 16px;\n  border-radius: 50px;\n  font-weight: 600;\n  font-size: 0.875rem;\n  box-shadow: var(--shadow-medium);\n  z-index: 2;\n}\n\n\/* Info card *\/\n.info-card-text {\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 1.7;\n  position: relative;\n  z-index: 1;\n}\n\n\/* USP highlights with hover effects *\/\n.usp-highlights {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  margin: 30px 0;\n}\n\n.usp-item {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  background-color: var(--off-white);\n  padding: 15px 20px;\n  border-radius: var(--radius-small);\n  transition: var(--transition-normal);\n  border-right: 3px solid var(--primary);\n  box-shadow: 0 3px 10px rgba(0,0,0,0.03);\n}\n\n.usp-item:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--shadow-hover);\n  background-color: white;\n}\n\n.usp-icon {\n  font-size: 22px;\n  color: var(--primary);\n  background-color: white;\n  width: 45px;\n  height: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-circle);\n  box-shadow: 0 5px 15px rgba(231, 76, 60, 0.2);\n  transition: var(--transition-normal);\n}\n\n.usp-item:hover .usp-icon {\n  transform: scale(1.1);\n  box-shadow: 0 8px 20px rgba(231, 76, 60, 0.3);\n}\n\n.usp-text {\n  font-weight: 600;\n  font-size: 16px;\n}\n\n\/* Countdown Timer *\/\n.countdown-container {\n  margin: 30px 0 20px;\n  text-align: center;\n}\n\n.countdown-title {\n  font-size: 18px;\n  color: var(--dark-text);\n  margin-bottom: 15px;\n  font-weight: 600;\n}\n\n\/* Gallery *\/\n.gallery-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  justify-content: center;\n  margin: 30px 0;\n}\n\n.gallery-item {\n  flex: 1;\n  min-width: 280px;\n  max-width: 400px;\n  position: relative;\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  box-shadow: var(--shadow-medium);\n  transition: var(--transition-normal);\n}\n\n.gallery-item:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.gallery-image {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n.gallery-item:hover .gallery-image {\n  transform: scale(1.03);\n}\n\n\/* Section titles with better spacing *\/\n.section-container {\n  margin: 80px 0;\n  position: relative;\n  padding: 20px 0;\n}\n\n.section-container:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle at 30% 30%, var(--primary-ultra-light) 0%, transparent 70%);\n  top: 0;\n  left: 0;\n  z-index: -1;\n  opacity: 0.5;\n}\n\n.section-title-container {\n  position: relative;\n  margin-bottom: 40px;\n  display: flex;\n  align-items: center;\n  gap: 15px;\n}\n\n.section-icon {\n  width: 50px;\n  height: 50px;\n  background: var(--primary-gradient);\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  box-shadow: 0 10px 25px rgba(231, 76, 60, 0.3);\n  transition: var(--transition-normal);\n}\n\n.section-container:hover .section-icon {\n  transform: rotate(10deg) scale(1.05);\n}\n\n.section-title {\n  color: var(--dark-text);\n  font-size: 28px;\n  font-weight: 700;\n  position: relative;\n}\n\n.section-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: -10px;\n  right: 0;\n  width: 60px;\n  height: 3px;\n  background: var(--primary-gradient);\n  border-radius: 3px;\n  box-shadow: 0 3px 10px rgba(231, 76, 60, 0.3);\n  transition: width 0.3s ease;\n}\n\n.section-container:hover .section-title:after {\n  width: 100px;\n}\n\n\/* Feature boxes with hover animations *\/\n.features-container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 25px;\n  margin: 40px 0;\n}\n\n.feature-box {\n  background-color: white;\n  border-radius: var(--radius-small);\n  padding: 25px 20px;\n  text-align: center;\n  box-shadow: var(--shadow-light);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(231, 76, 60, 0.1);\n  transition: var(--transition-normal);\n  z-index: 1;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.feature-box:hover {\n  transform: translateY(-7px);\n  box-shadow: var(--shadow-hover);\n}\n\n.feature-box:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 5px;\n  background: var(--primary-gradient);\n  transition: var(--transition-normal);\n}\n\n.feature-box:hover:before {\n  height: 7px;\n}\n\n.feature-box:after {\n  content: \"\";\n  position: absolute;\n  bottom: -100px;\n  right: -100px;\n  width: 200px;\n  height: 200px;\n  background: var(--primary-ultra-light);\n  border-radius: 50%;\n  opacity: 0;\n  z-index: -1;\n  transition: var(--transition-slow);\n}\n\n.feature-box:hover:after {\n  opacity: 0.5;\n  bottom: -50px;\n  right: -50px;\n}\n\n.feature-icon-container {\n  width: 65px;\n  height: 65px;\n  background: var(--off-white);\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 15px;\n  position: relative;\n  z-index: 1;\n  transition: var(--transition-normal);\n  box-shadow: 0 5px 15px rgba(231, 76, 60, 0.1);\n  flex-shrink: 0;\n}\n\n.feature-box:hover .feature-icon-container {\n  background: var(--primary-ultra-light);\n  transform: scale(1.1) rotate(5deg);\n  box-shadow: 0 8px 25px rgba(231, 76, 60, 0.2);\n}\n\n.feature-icon {\n  color: var(--primary);\n  font-size: 25px;\n  transition: var(--transition-normal);\n}\n\n.feature-box:hover .feature-icon {\n  transform: scale(1.1);\n}\n\n.feature-title {\n  margin: 10px 0 8px;\n  font-size: 17px;\n  color: var(--dark-text);\n  font-weight: 600;\n  min-height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.feature-description {\n  margin: 0;\n  font-size: 14px;\n  color: var(--light-text);\n  font-weight: 400;\n}\n\n\/* Ingredients section *\/\n.ingredients-container {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 25px;\n  margin: 40px 0;\n}\n\n.ingredient-item {\n  background-color: white;\n  border-radius: var(--radius-small);\n  padding: 25px 20px;\n  box-shadow: var(--shadow-light);\n  transition: var(--transition-normal);\n  border: 1px solid rgba(231, 76, 60, 0.1);\n}\n\n.ingredient-item:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.ingredient-icon {\n  font-size: 28px;\n  margin-bottom: 15px;\n  color: var(--primary);\n}\n\n.ingredient-name {\n  font-size: 20px;\n  font-weight: 600;\n  margin-bottom: 10px;\n  color: var(--dark-text);\n}\n\n.ingredient-description {\n  font-size: 15px;\n  color: var(--light-text);\n}\n\n\/* How Works section *\/\n.how-works-info {\n  background-color: var(--primary-ultra-light);\n  border-radius: var(--radius-medium);\n  padding: 30px;\n  margin-bottom: 30px;\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(231, 76, 60, 0.1);\n}\n\n.how-works-info p {\n  margin-bottom: 25px;\n  font-size: 17px;\n  line-height: 1.6;\n}\n\n.how-works-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  margin-bottom: 20px;\n}\n\n.how-works-column {\n  flex: 1;\n  min-width: 250px;\n  padding: 20px;\n  background-color: white;\n  border-radius: var(--radius-small);\n  box-shadow: var(--shadow-light);\n  transition: var(--transition-normal);\n}\n\n.how-works-column:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.how-works-icon {\n  font-size: 28px;\n  color: var(--primary);\n  margin-bottom: 15px;\n}\n\n.how-works-column h3 {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--dark-text);\n  margin-bottom: 10px;\n}\n\n.how-works-column p {\n  font-size: 15px;\n  margin-bottom: 0;\n}\n\n\/* How it works section *\/\n.how-it-works {\n  background-color: var(--off-white);\n  border-radius: var(--radius-medium);\n  padding: 40px 30px;\n  margin: 50px 0;\n  position: relative;\n  box-shadow: var(--shadow-medium);\n  overflow: hidden;\n  border: 1px solid rgba(231, 76, 60, 0.15);\n  transition: var(--transition-normal);\n}\n\n.how-it-works:hover {\n  box-shadow: 0 15px 40px rgba(231, 76, 60, 0.15);\n  transform: translateY(-5px);\n}\n\n.how-it-works:before {\n  content: \"\";\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(231, 76, 60, 0.1) 0%, transparent 70%);\n  z-index: 0;\n}\n\n.steps-container {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n  margin-top: 30px;\n  position: relative;\n  z-index: 1;\n}\n\n.step {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 15px;\n  background-color: white;\n  border-radius: var(--radius-small);\n  box-shadow: var(--shadow-light);\n  transition: var(--transition-normal);\n}\n\n.step:hover {\n  transform: translateY(-3px) scale(1.01);\n  box-shadow: var(--shadow-hover);\n}\n\n.step-number {\n  width: 50px;\n  height: 50px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 700;\n  box-shadow: 0 5px 15px rgba(231, 76, 60, 0.25);\n  transition: var(--transition-normal);\n  flex-shrink: 0;\n}\n\n.step:hover .step-number {\n  transform: scale(1.1) rotate(10deg);\n  box-shadow: 0 8px 20px rgba(231, 76, 60, 0.3);\n}\n\n.step-text {\n  font-size: 17px;\n  font-weight: 500;\n  color: var(--dark-text);\n}\n\n\/* Frequency section *\/\n.frequency-container {\n  background-color: var(--primary-ultra-light);\n  border-radius: var(--radius-medium);\n  padding: 30px;\n  margin: 40px 0;\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(231, 76, 60, 0.1);\n}\n\n.frequency-recommendation {\n  text-align: center;\n  margin-bottom: 30px;\n}\n\n.frequency-recommendation p {\n  font-size: 18px;\n  font-weight: 500;\n  color: var(--dark-text);\n  margin-bottom: 30px;\n}\n\n.frequency-benefits {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  justify-content: center;\n}\n\n.frequency-benefit {\n  flex: 1;\n  min-width: 250px;\n  max-width: 300px;\n  background-color: white;\n  border-radius: var(--radius-small);\n  padding: 20px;\n  box-shadow: var(--shadow-light);\n  display: flex;\n  gap: 15px;\n  align-items: flex-start;\n  transition: var(--transition-normal);\n}\n\n.frequency-benefit:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.frequency-icon {\n  font-size: 24px;\n  color: var(--primary);\n  padding-top: 5px;\n}\n\n.frequency-text {\n  flex: 1;\n}\n\n.frequency-text h4 {\n  font-size: 16px;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: var(--dark-text);\n}\n\n.frequency-text p {\n  font-size: 14px;\n  color: var(--light-text);\n  margin: 0;\n}\n\n\/* Package contents with hover effects *\/\n.package-list {\n  padding: 0;\n  margin: 30px 0;\n  list-style-type: none;\n}\n\n.check-item {\n  margin-bottom: 25px;\n  position: relative;\n  padding-right: 40px;\n  transition: var(--transition-normal);\n}\n\n.check-item:hover {\n  transform: translateX(-5px);\n}\n\n.check-icon {\n  position: absolute;\n  right: 0;\n  top: 2px;\n  width: 28px;\n  height: 28px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  box-shadow: 0 5px 15px rgba(231, 76, 60, 0.2);\n  transition: var(--transition-normal);\n}\n\n.check-item:hover .check-icon {\n  transform: scale(1.2);\n  box-shadow: 0 8px 20px rgba(231, 76, 60, 0.3);\n}\n\n.check-text {\n  font-size: 16px;\n  color: var(--medium-text);\n  line-height: 1.6;\n}\n\n.check-text strong {\n  color: var(--dark-text);\n  font-weight: 600;\n}\n\n\/* CTA section with parallax-like effect *\/\n.cta-section {\n  text-align: center;\n  margin: 80px 0 40px;\n  padding: 50px 30px;\n  border-radius: var(--radius-large);\n  background: linear-gradient(120deg, rgba(231, 76, 60, 0.15), rgba(255, 255, 255, 0.95), rgba(231, 76, 60, 0.15));\n  box-shadow: 0 20px 40px rgba(231, 76, 60, 0.2);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(231, 76, 60, 0.2);\n  transition: var(--transition-normal);\n}\n\n.cta-section:hover {\n  box-shadow: 0 25px 50px rgba(231, 76, 60, 0.25);\n  transform: translateY(-8px);\n}\n\n.cta-section:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23e74c3c' fill-opacity='0.05' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n  z-index: 0;\n}\n\n.cta-title {\n  font-weight: bold;\n  font-size: 28px;\n  color: var(--dark-text);\n  margin: 0 0 15px;\n  position: relative;\n  z-index: 2;\n}\n\n.cta-subtitle {\n  font-size: 18px;\n  color: var(--light-text);\n  margin-bottom: 30px;\n  position: relative;\n  z-index: 2;\n}\n\n.price-container {\n  margin-bottom: 25px;\n  position: relative;\n  z-index: 2;\n}\n\n.original-price {\n  font-size: 22px;\n  color: var(--lighter-text);\n  text-decoration: line-through;\n  margin-right: 10px;\n}\n\n.sale-price {\n  font-size: 38px;\n  font-weight: 700;\n  color: var(--dark-text);\n  background: var(--primary-gradient);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n.price-note {\n  display: block;\n  font-size: 16px;\n  color: var(--primary);\n  margin-top: 8px;\n  font-weight: 600;\n}\n\n.primary-button {\n  display: inline-block;\n  margin-top: 20px;\n  padding: 16px 40px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: 50px;\n  font-weight: 600;\n  font-size: 18px;\n  text-decoration: none;\n  box-shadow: 0 10px 30px rgba(231, 76, 60, 0.3);\n  position: relative;\n  overflow: hidden;\n  z-index: 2;\n  transition: var(--transition-normal);\n  border: none;\n  cursor: pointer;\n}\n\n.primary-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(231, 76, 60, 0.4);\n  background: var(--primary-gradient-hover);\n}\n\n.primary-button:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: rgba(255, 255, 255, 0.2);\n  transform: skewX(-30deg);\n  transition: var(--transition-normal);\n}\n\n.primary-button:hover:before {\n  left: 100%;\n  transition: 0.7s ease-in-out;\n}\n\n\/* Primary Box design element *\/\n.primary-box {\n  display: inline-block;\n  margin-top: 15px;\n  padding: 8px 18px;\n  background: var(--primary-ultra-light);\n  border-right: 3px solid var(--primary);\n  color: var(--primary-dark);\n  font-weight: 600;\n  border-radius: 5px;\n  transition: var(--transition-normal);\n}\n\n.primary-box:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--shadow-light);\n  padding-right: 22px;\n}\n\n\/* Highlight text *\/\n.highlight-text {\n  background: linear-gradient(to right, var(--primary), var(--primary-dark));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n  font-weight: 700;\n}\n\n\/* Disclaimer *\/\n.disclaimer {\n  background-color: var(--primary-ultra-light);\n  border-radius: var(--radius-small);\n  padding: 15px;\n  font-size: 12px;\n  color: var(--light-text);\n  border-right: 3px solid var(--primary);\n  margin-top: 50px;\n}\n\n\/* Animation for image loading *\/\n@keyframes imageLoad {\n  0% { opacity: 0; transform: translateY(10px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n\/* MOBILE OPTIMIZATIONS *\/\n@media screen and (max-width: 768px) {\n  .collagen-container {\n    padding: 0 15px;\n  }\n  \n  body {\n    font-size: 15px;\n  }\n\n  \/* Main heading optimization for mobile *\/\n  .main-heading {\n    font-size: 26px;\n    padding-bottom: 10px;\n    line-height: 1.3;\n    margin-bottom: 12px;\n    width: 100%;\n  }\n  \n  .heading-accent {\n    display: block;\n    margin-bottom: 5px;\n  }\n  \n  .heading-accent:before {\n    height: 8px;\n    bottom: 3px;\n  }\n  \n  .main-heading:after {\n    width: 60%;\n    height: 4px;\n  }\n\n  .section-title {\n    font-size: 24px;\n  }\n\n  \/* Hero section optimized *\/\n  .hero-section {\n    padding: 30px 15px;\n    margin-bottom: 40px;\n  }\n\n  .hero-image img {\n    max-width: 280px;\n  }\n\n  .hero-image:before {\n    max-width: 280px;\n  }\n\n  \/* Info card *\/\n  .info-card-text {\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  \/* USP Items *\/\n  .usp-highlights {\n    gap: 12px;\n  }\n\n  .usp-item {\n    padding: 12px 15px;\n  }\n\n  .usp-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n\n  \/* Section containers *\/\n  .section-container {\n    margin: 50px 0;\n    padding: 15px 0;\n  }\n\n  .section-title-container {\n    margin-bottom: 25px;\n  }\n\n  .section-icon {\n    width: 45px;\n    height: 45px;\n    font-size: 18px;\n  }\n\n  \/* Gallery items *\/\n  .gallery-item {\n    min-width: 100%;\n    margin-bottom: 15px;\n  }\n\n  \/* Feature boxes on mobile *\/\n  .features-container {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  .feature-icon-container {\n    width: 50px;\n    height: 50px;\n    margin-bottom: 10px;\n  }\n\n  .feature-icon {\n    font-size: 20px;\n  }\n\n  .feature-title {\n    font-size: 15px;\n    min-height: 40px;\n    margin: 5px 0 5px;\n  }\n\n  .feature-description {\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n  \/* Ingredients *\/\n  .ingredients-container {\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  \/* How Works *\/\n  .how-works-info {\n    padding: 20px;\n  }\n\n  .how-works-row {\n    flex-direction: column;\n  }\n\n  \/* Frequency *\/\n  .frequency-container {\n    padding: 20px;\n  }\n\n  .frequency-benefits {\n    flex-direction: column;\n  }\n\n  .frequency-benefit {\n    min-width: 100%;\n  }\n\n  \/* How it works *\/\n  .how-it-works {\n    padding: 30px 15px;\n    margin: 30px 0;\n  }\n\n  .steps-container {\n    gap: 20px;\n  }\n\n  .step {\n    padding: 12px;\n    gap: 15px;\n  }\n\n  .step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n\n  .step-text {\n    font-size: 16px;\n  }\n\n  \/* Package list *\/\n  .check-item {\n    margin-bottom: 20px;\n    padding-right: 35px;\n  }\n\n  .check-icon {\n    width: 25px;\n    height: 25px;\n  }\n\n  .check-text {\n    font-size: 15px;\n  }\n\n  \/* CTA section *\/\n  .cta-section {\n    padding: 40px 20px;\n    margin: 40px 0;\n  }\n\n  .cta-title {\n    font-size: 24px;\n  }\n\n  .cta-subtitle {\n    font-size: 16px;\n    margin-bottom: 25px;\n  }\n\n  .original-price {\n    font-size: 20px;\n  }\n\n  .sale-price {\n    font-size: 32px;\n  }\n\n  .primary-button {\n    padding: 14px 30px;\n    font-size: 16px;\n    width: 100%;\n    max-width: 280px;\n  }\n}\n\n\/* Small device optimization *\/\n@media screen and (max-width: 480px) {\n  .collagen-container {\n    padding: 0 12px;\n  }\n  \n  body {\n    font-size: 14px;\n  }\n  \n  .main-heading {\n    font-size: 26px;\n  }\n\n  .section-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n  \n  .section-title {\n    font-size: 22px;\n  }\n\n  .hero-section {\n    padding: 25px 12px;\n    margin-bottom: 30px;\n  }\n  \n  .premium-badge {\n    font-size: 12px;\n    padding: 8px 15px 8px 12px;\n  }\n\n  .info-card-text {\n    font-size: 15px;\n  }\n\n  .usp-item {\n    padding: 10px 12px;\n  }\n\n  .usp-text {\n    font-size: 14px;\n  }\n\n  .features-container {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n  \n  .feature-box {\n    padding: 15px 10px;\n  }\n  \n  .feature-icon-container {\n    width: 45px;\n    height: 45px;\n  }\n  \n  .feature-title {\n    font-size: 14px;\n    min-height: 38px;\n  }\n  \n  .feature-description {\n    font-size: 11px;\n  }\n  \n  .cta-title {\n    font-size: 22px;\n  }\n  \n  .primary-button {\n    padding: 12px 25px;\n    font-size: 15px;\n  }\n  \n  .primary-divider {\n    width: 80px;\n  }\n  \n  .primary-divider:before, .primary-divider:after {\n    height: 7px;\n    width: 7px;\n  }\n}\n\n\/* Very small device optimization *\/\n@media screen and (max-width: 360px) {\n  .main-heading {\n    font-size: 24px;\n  }\n  \n  .hero-image img {\n    max-width: 220px;\n  }\n  \n  .hero-image:before {\n    max-width: 220px;\n  }\n  \n  .section-title {\n    font-size: 20px;\n  }\n  \n  .feature-icon-container {\n    width: 40px;\n    height: 40px;\n  }\n  \n  .feature-icon {\n    font-size: 18px;\n  }\n  \n  .feature-title {\n    font-size: 13px;\n    min-height: 36px;\n  }\n  \n  .feature-description {\n    font-size: 11px;\n  }\n  \n  .step-number {\n    width: 35px;\n    height: 35px;\n    font-size: 16px;\n  }\n  \n  .step-text {\n    font-size: 14px;\n  }\n  \n  .primary-button {\n    padding: 12px 20px;\n    font-size: 14px;\n  }\n}\n\u003c\/style\u003e","brand":"אוזו-שופ","offers":[{"title":"Default Title","offer_id":46917456527509,"sku":"uozzo8273","price":159.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/1424\/6293\/files\/mst-kvlg-real-collagen-fit-lvr-ir-gmish-vmla-iim-real-collagen-avzv-shvf-154851.png?v=1770042828","url":"https:\/\/zolplus.com\/products\/%e2%9c%a8-%d7%9e%d7%a1%d7%9b%d7%aa-%d7%a7%d7%95%d7%9c%d7%92%d7%9f-real-collagen-fit-%d7%9c%d7%a2%d7%95%d7%a8-%d7%a6%d7%a2%d7%99%d7%a8-%d7%92%d7%9e%d7%99%d7%a9-%d7%95%d7%9e%d7%9c%d7%90-%d7%97%d7%99%d7%99%d7%9d-%e2%9c%a8","provider":"זול פלוס","version":"1.0","type":"link"}