{"product_id":"מסכת-לילה-קולגן","title":"מסכת לילה קולגן","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\"\u003eמסכת לילה קולגן\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 (127 ביקורות)\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\u003cspan style=\"color: var(--primary); font-weight: bold; font-size: 20px;\"\u003eמסכת לילה קולגן\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לחות מרוכזת ל-12 שעות עם חומצה היאלורונית\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:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/9.png?v=1738229291\" alt=\"מסכת לילה קולגן\"\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!-- Before\/After 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=\"before-after\"\u003e\n\u003cdiv class=\"comparison-container\"\u003e\n\u003cdiv class=\"comparison\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/mst-lilh-kvlg-avzv-shvf-359062.png?v=1738230492\" alt=\"לפני השימוש במסכת לילה קולגן\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"comparison\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/9.png?v=1738229291\" alt=\"אחרי השימוש במסכת לילה קולגן\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Leading Benefits --\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\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חומצה היאלורונית שמושכת ומשמרת לחות למשך 12 שעות\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!-- How It Works --\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=\"img-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/mst-lilh-kvlg-avzv-shvf-359062.png?v=1738230492\" alt=\"שימוש במסכת לילה קולגן\" class=\"image-450\"\u003e\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 דקות לפני השינה\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology 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=\"tech-content\"\u003e\n\u003ch3\u003eמדע מתקדם לטיפוח העור שלך\u003c\/h3\u003e\n\u003cp\u003eמסכת לילה קולגן מבוססת על טכנולוגיה חדשנית של \u003cstrong\u003eפפטידים מיקרו-מולקולריים\u003c\/strong\u003e המאפשרים לקולגן ההידרוליזט ולחומצה ההיאלורונית לחדור לשכבות העור העמוקות ביותר.\u003c\/p\u003e\n\u003cul class=\"tech-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eקולגן הידרוליזט\u003c\/strong\u003e - נספג פי 3 טוב יותר מקולגן רגיל ומגיע ישירות לדרמיס\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eחומצה היאלורונית\u003c\/strong\u003e - מושכת ושומרת על לחות העור לטווח ארוך\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eויטמין E\u003c\/strong\u003e - נוגד חמצון עוצמתי התורם להתחדשות התאים\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eשמן ארגן\u003c\/strong\u003e - עשיר בחומצות שומן ונוגדי חמצון לעור רך וגמיש\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eתמצית אלוורה\u003c\/strong\u003e - מרגיעה, מעניקה לחות ותורמת לאיזון העור\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Testimonials --\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=\"testimonial-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"testimonial-text\"\u003e\"כבר אחרי הלילה הראשון הרגשתי את ההבדל! העור היה רך, מלא לחות וקמטוטים עדינים נראו פחות בולטים. אחרי שבועיים של שימוש, חברות שואלות אותי מה הסוד שלי. המרקם נעים, לא שמנוני ולא דביק, והריח עדין ממש.\"\u003c\/p\u003e\n\u003cdiv class=\"testimonial-author\"\u003e\n\u003cdiv class=\"author-avatar\"\u003eש\u003c\/div\u003e\n\u003cdiv class=\"author-name\"\u003eשרית אלקיים\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"testimonial-text\"\u003e\"בתור אישה עם עור רגיש, תמיד חששתי ממסכות לילה כי הן היו גורמות לי לאדמומיות. המסכה הזאת הפתיעה אותי לטובה! לא רק שלא גרמה לגירוי, היא גם הרגיעה את העור שלי והפחיתה אדמומיות קיימת. הפורמולה הקלילה פשוט נהדרת.\"\u003c\/p\u003e\n\u003cdiv class=\"testimonial-author\"\u003e\n\u003cdiv class=\"author-avatar\"\u003eמ\u003c\/div\u003e\n\u003cdiv class=\"author-name\"\u003eמיטל פרץ\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"testimonial-text\"\u003e\"בגיל 45, התחלתי לראות סימני גיל משמעותיים וניסיתי כבר הכל. מסכת הלילה הזו היא פשוט מדהימה - העור שלי הרבה יותר גמיש, יש לי יותר זוהר וחברותיי אומרות שאני נראית צעירה יותר. זה המוצר הראשון שממש רואים תוצאות ממנו!\"\u003c\/p\u003e\n\u003cdiv class=\"testimonial-author\"\u003e\n\u003cdiv class=\"author-avatar\"\u003eל\u003c\/div\u003e\n\u003cdiv class=\"author-name\"\u003eלימור אברהם\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003cdiv class=\"testimonial-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"testimonial-text\"\u003e\"אני קוסמטיקאית כבר 15 שנה, וזה אחד ממוצרי הטיפוח הטובים ביותר שניסיתי. אני ממליצה עליו ללקוחות שלי ורואה תוצאות מרשימות. השילוב של קולגן וחומצה היאלורונית פשוט עובד, והתוצאות מדברות בעד עצמן.\"\u003c\/p\u003e\n\u003cdiv class=\"testimonial-author\"\u003e\n\u003cdiv class=\"author-avatar\"\u003eד\u003c\/div\u003e\n\u003cdiv class=\"author-name\"\u003eדפנה פלד\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מסכת לילה קולגן\u003c\/strong\u003e - גודל 75 מ\"ל (מספיק לכ-3 חודשי שימוש)\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!-- FAQ 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=\"faq-container\"\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eהאם המסכה מתאימה לכל סוגי העור?\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eכן, מסכת לילה קולגן נבדקה דרמטולוגית ומתאימה לכל סוגי העור, כולל עור רגיש. הפורמולה מאוזנת, אינה שמנונית ומכילה רכיבים שעוזרים להרגיע את העור. עם זאת, אם יש לך רגישויות ייחודיות או אלרגיות לרכיבים מסוימים, מומלץ לבדוק את רשימת המרכיבים ולבצע בדיקת רגישות על אזור קטן לפני שימוש מלא.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eמתי אראה תוצאות?\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eרוב המשתמשות מדווחות על שיפור מיידי בלחות ורכות העור כבר לאחר השימוש הראשון. לאחר שבוע של שימוש עקבי, ניתן לראות שיפור בגמישות העור והפחתה בקמטוטים עדינים. לתוצאות אופטימליות, מומלץ להשתמש במסכה לפחות 3 פעמים בשבוע במשך חודש. כמובן שהתוצאות עשויות להשתנות מאדם לאדם, בהתאם לסוג העור וצרכיו.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eכמה זמן מספיק מיכל אחד?\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eמיכל של 75 מ\"ל מספיק לכ-3 חודשים בשימוש של 3-4 פעמים בשבוע. הכמות המומלצת לשימוש בכל פעם היא כגודל של אגוז קטן, המספיק לכיסוי מלא של הפנים והצוואר.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eהאם אפשר להשתמש במסכה בשילוב עם מוצרי טיפוח אחרים?\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eבהחלט! מסכת לילה קולגן משתלבת נהדר בשגרת הטיפוח שלך. מומלץ להשתמש בה לאחר ניקוי הפנים וטונר (אם משתמשים). בלילות בהם את משתמשת במסכה, מומלץ לוותר על קרמים או סרומים אחרים כדי לאפשר לרכיבים הפעילים של המסכה לפעול באופן אופטימלי. בבוקר שלאחר מכן, המשיכי בשגרת הטיפוח הרגילה שלך.\u003c\/div\u003e\n\u003c\/details\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הזמיני עכשיו והתעוררי לעור חלק, מתוח וזוהר כל בוקר!\u003c\/p\u003e\n\u003cdiv class=\"price-container\"\u003e\n\u003cspan class=\"original-price\"\u003e₪199\u003c\/span\u003e \u003cspan class=\"sale-price\"\u003e₪119\u003c\/span\u003e\u003cspan class=\"price-note\"\u003eחיסכון של ₪80 | משלוח חינם בהזמנה מעל ₪99 | מבצע מוגבל בזמן\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"primary-button\" href=\"\/cart\/50073985909030: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 Night 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: #ff4b4b;\n  --primary-light: #ffd0d0;\n  --primary-dark: #e63c3c;\n  --primary-ultra-light: #fff0f0;\n  --primary-gradient: linear-gradient(135deg, #ff6e6e 0%, #ff4b4b 50%, #e63c3c 100%);\n  --primary-gradient-hover: linear-gradient(135deg, #ff8d8d 0%, #ff6e6e 50%, #ff4b4b 100%);\n  --primary-accent: #ff7474;\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(255, 75, 75, 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(255, 75, 75, 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(255, 75, 75, 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(255, 75, 75, 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(255, 75, 75, 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(255, 75, 75, 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(255, 75, 75, 0.8);\n  }\n  50% {\n    transform: scale(1.1);\n    box-shadow: 0 0 20px rgba(255, 75, 75, 0.9);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 10px rgba(255, 75, 75, 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(255, 75, 75, 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: 350px;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(255, 75, 75, 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: 350px;\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(255, 75, 75, 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(255, 75, 75, 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\/* 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(255, 75, 75, 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(255, 75, 75, 0.3);\n  transition: width 0.3s ease;\n}\n\n.section-container:hover .section-title:after {\n  width: 100px;\n}\n\n\/* Before\/After Section *\/\n.before-after {\n  margin: 40px 0;\n}\n\n.comparison-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 30px;\n  margin: 0 auto;\n  max-width: 800px;\n}\n\n.comparison {\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.comparison:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.comparison img {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: var(--transition-normal);\n}\n\n.comparison:hover img {\n  transform: scale(1.03);\n}\n\n.comparison-caption {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);\n  color: white;\n  padding: 20px 15px 10px;\n  font-size: 16px;\n  font-weight: 600;\n  text-align: center;\n}\n\n\/* Images with hover effects *\/\n.img-container {\n  position: relative;\n  margin: 30px 0;\n  text-align: center;\n}\n\n.image-450 {\n  width: 100%;\n  max-width: 350px;\n  height: auto;\n  margin: 20px auto;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-medium);\n  display: block;\n  border: 1px solid rgba(255, 75, 75, 0.2);\n  object-fit: cover;\n  transition: var(--transition-slow);\n  filter: saturate(1.05);\n}\n\n.image-450:hover {\n  transform: scale(1.02);\n  box-shadow: var(--shadow-hover);\n  filter: saturate(1.1) brightness(1.05);\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(255, 75, 75, 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(255, 75, 75, 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(255, 75, 75, 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\/* 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(255, 75, 75, 0.15);\n  transition: var(--transition-normal);\n}\n\n.how-it-works:hover {\n  box-shadow: 0 15px 40px rgba(255, 75, 75, 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(255, 75, 75, 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(255, 75, 75, 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(255, 75, 75, 0.3);\n}\n\n.step-text {\n  font-size: 17px;\n  font-weight: 500;\n  color: var(--dark-text);\n}\n\n\/* Technology Section *\/\n.tech-content {\n  background-color: var(--off-white);\n  border-radius: var(--radius-medium);\n  padding: 30px;\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(255, 75, 75, 0.1);\n  transition: var(--transition-normal);\n}\n\n.tech-content:hover {\n  box-shadow: var(--shadow-hover);\n  transform: translateY(-5px);\n}\n\n.tech-content h3 {\n  color: var(--primary);\n  font-size: 24px;\n  margin-bottom: 20px;\n}\n\n.tech-content p {\n  margin-bottom: 20px;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.tech-list {\n  padding-right: 20px;\n  list-style-type: none;\n}\n\n.tech-list li {\n  margin-bottom: 12px;\n  position: relative;\n  padding-right: 25px;\n}\n\n.tech-list li:before {\n  content: \"•\";\n  color: var(--primary);\n  font-weight: bold;\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n}\n\n\/* Testimonials with hover effects *\/\n.testimonial-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n  margin: 40px 0;\n}\n\n.testimonial-card {\n  background-color: white;\n  border-radius: var(--radius-medium);\n  padding: 30px 25px;\n  box-shadow: var(--shadow-light);\n  position: relative;\n  border: 1px solid rgba(255, 75, 75, 0.1);\n  transition: var(--transition-normal);\n}\n\n.testimonial-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.testimonial-card:before {\n  content: \"\"\";\n  position: absolute;\n  top: 15px;\n  right: 20px;\n  font-size: 60px;\n  color: var(--primary);\n  opacity: 0.1;\n  line-height: 0;\n  font-family: Georgia, serif;\n  transition: var(--transition-normal);\n}\n\n.testimonial-card:hover:before {\n  opacity: 0.2;\n  transform: translateY(-5px);\n}\n\n.testimonial-rating {\n  color: var(--primary);\n  font-size: 18px;\n  margin-bottom: 15px;\n}\n\n.testimonial-text {\n  font-size: 16px;\n  line-height: 1.7;\n  margin-bottom: 25px;\n  position: relative;\n  z-index: 1;\n}\n\n.testimonial-author {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.author-avatar {\n  width: 45px;\n  height: 45px;\n  border-radius: var(--radius-circle);\n  background-color: var(--primary-ultra-light);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  color: var(--primary);\n  border: 2px solid var(--primary-light);\n  transition: var(--transition-normal);\n  flex-shrink: 0;\n}\n\n.testimonial-card:hover .author-avatar {\n  transform: scale(1.1);\n  box-shadow: 0 5px 15px rgba(255, 75, 75, 0.2);\n}\n\n.author-name {\n  font-weight: 600;\n  color: var(--dark-text);\n  font-size: 16px;\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(255, 75, 75, 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(255, 75, 75, 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\/* FAQ section with smooth animations *\/\n.faq-container {\n  margin: 40px 0;\n}\n\ndetails {\n  margin-bottom: 20px;\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  box-shadow: var(--shadow-light);\n  border: 1px solid rgba(255, 75, 75, 0.1);\n  transition: var(--transition-normal);\n  background-color: white;\n}\n\ndetails:hover {\n  box-shadow: var(--shadow-hover);\n}\n\nsummary {\n  font-weight: 600;\n  font-size: 17px;\n  color: var(--dark-text);\n  padding: 22px 25px;\n  background-color: var(--off-white);\n  border-right: 5px solid var(--primary);\n  position: relative;\n  cursor: pointer;\n  transition: var(--transition-normal);\n  list-style: none;\n}\n\nsummary::-webkit-details-marker {\n  display: none;\n}\n\nsummary:after {\n  content: \"+\";\n  position: absolute;\n  left: 20px;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 22px;\n  color: var(--primary);\n  opacity: 0.7;\n  transition: var(--transition-normal);\n}\n\ndetails[open] summary:after {\n  content: \"−\";\n}\n\ndetails:hover summary {\n  background-color: var(--primary-ultra-light);\n  padding-right: 30px;\n}\n\ndetails[open] summary {\n  border-bottom: 1px solid rgba(255, 75, 75, 0.1);\n}\n\n.faq-answer {\n  padding: 25px;\n  font-size: 16px;\n  line-height: 1.7;\n  color: var(--medium-text);\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(255, 75, 75, 0.15), rgba(255, 255, 255, 0.95), rgba(255, 75, 75, 0.15));\n  box-shadow: 0 20px 40px rgba(255, 75, 75, 0.2);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(255, 75, 75, 0.2);\n  transition: var(--transition-normal);\n}\n\n.cta-section:hover {\n  box-shadow: 0 25px 50px rgba(255, 75, 75, 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='%23ff4b4b' 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(255, 75, 75, 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(255, 75, 75, 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\/* Floating Order Button *\/\n.floating-order-button {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  z-index: 100;\n  display: none;\n}\n\n.floating-order-button .primary-button {\n  margin-top: 0;\n  padding: 12px 25px;\n  font-size: 16px;\n  animation: pulse 2s infinite;\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\/* Show floating button when scrolled *\/\n@media (min-width: 769px) {\n  .scroll-120 .floating-order-button {\n    display: block;\n  }\n}\n\n\/* MOBILE OPTIMIZATIONS *\/\n@media screen and (max-width: 768px) {\n  .container {\n    padding: 0 15px;\n  }\n  \n  body {\n    font-size: 15px;\n  }\n  \n  .floating-order-button {\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    padding: 10px;\n    background: white;\n    box-shadow: 0 -5px 20px rgba(0,0,0,0.1);\n    display: block;\n  }\n\n  .floating-order-button .primary-button {\n    width: 100%;\n    text-align: center;\n    padding: 15px;\n    border-radius: 10px;\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  \/* Before\/After *\/\n  .comparison-container {\n    grid-template-columns: 1fr;\n    gap: 20px;\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  \/* 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  \/* 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  \/* Tech content *\/\n  .tech-content {\n    padding: 20px;\n  }\n\n  .tech-content h3 {\n    font-size: 20px;\n  }\n\n  \/* Testimonials *\/\n  .testimonial-grid {\n    gap: 20px;\n    margin: 25px 0;\n  }\n\n  .testimonial-card {\n    padding: 25px 20px;\n  }\n\n  .testimonial-text {\n    font-size: 15px;\n    margin-bottom: 20px;\n  }\n\n  .author-avatar {\n    width: 40px;\n    height: 40px;\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  \/* FAQ section *\/\n  summary {\n    font-size: 16px;\n    padding: 18px 20px;\n  }\n  \n  summary:after {\n    left: 15px;\n  }\n  \n  .faq-answer {\n    padding: 15px 20px 20px;\n    font-size: 15px;\n  }\n\n  \/* CTA section *\/\n  .cta-section {\n    padding: 40px 20px;\n    margin: 40px 0 80px;\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  .sale-price {\n    font-size: 28px;\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  .testimonial-card {\n    padding: 20px 15px;\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":46917455282325,"sku":"uozzo8287","price":119.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/1424\/6293\/files\/mst-lilh-kvlg-avzv-shvf-705077.png?v=1770042807","url":"https:\/\/zolplus.com\/products\/%d7%9e%d7%a1%d7%9b%d7%aa-%d7%9c%d7%99%d7%9c%d7%94-%d7%a7%d7%95%d7%9c%d7%92%d7%9f","provider":"זול פלוס","version":"1.0","type":"link"}