{"product_id":"vitalgrow","title":"שמן טבעי רוזמרין לצמיחת שיער - VitalGrow מבית eelhoe","description":"\u003cdiv class=\"hair-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\"\u003eVitalGrow\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 (132 ביקורות)\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;\"\u003eVitalGrow מבית eelhoe\u003c\/span\u003e - תנו לשיער שלכם את הטיפול שמגיע לו! השמן הטבעי שלנו מספק פתרון מושלם \u003cstrong\u003eלהפחתת נשירת שיער, שיקום החיוניות ועידוד צמיחה בריאה\u003c\/strong\u003e. מבוסס על נוסחה טבעית ב-100%, \u003cspan class=\"highlight-text\"\u003eהדרך הבטוחה להחזיר לשיער שלכם את הברק, החוזק והנפח – ללא כימיקלים מזיקים.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"primary-box\"\u003eנוסחה טבעית 100%\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:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/5_507ddbfe-1c18-4f1f-befd-1d4b9ec02f48.png?v=1737277964\" alt=\"VitalGrow – שמן לצמיחת שיער\"\u003e\n\u003cdiv class=\"product-badge\"\u003e100% טבעי\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!-- Product 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למה לבחור ב-VitalGrow?\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!-- Product Image --\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\"\u003eVitalGrow – כי לשיער שלך מגיע הטוב ביותר!\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/3_d12b0867-9bc2-43e7-b33b-98d390c6aa2e.png?v=1737291441\" alt=\"VitalGrow – שמן לשיער בריא\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp\u003eתנו לקרקפת שלכם את התמיכה שהיא צריכה ושדרגו את מראה השיער שלכם כבר מהשבוע הראשון. נוסחה טבעית, בטוחה וללא כימיקלים – כל מה שצריך לשיער חזק ומלא חיים.\u003c\/p\u003e\n\u003cdiv class=\"product-specs\"\u003e\n\u003cdiv class=\"product-spec\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-title\"\u003eגודל בקבוק\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e50ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-spec\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e🧪\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-title\"\u003eמורכב מ\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eשמני רוזמרין, קיק ועוד\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-spec\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e⭐\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e\n\u003cdiv class=\"spec-title\"\u003eשימוש מומלץ\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eפעמיים ביום\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\/div\u003e\n\u003c!-- How to 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איך להשתמש ב-VitalGrow?\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\u003cstrong\u003eהכינו את הקרקפת:\u003c\/strong\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\u003cstrong\u003eמרחו את השמן:\u003c\/strong\u003e טפטפו כמות קטנה ישירות על הקרקפת ועשו עיסוי עדין במשך 2-3 דקות.\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\u003cstrong\u003eשימוש יומיומי:\u003c\/strong\u003e השתמשו פעם או פעמיים ביום לקבלת תוצאות מיטביות.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Tips for Best Results --\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=\"tips-container\"\u003e\n\u003cdiv class=\"tip-card\"\u003e\n\u003cdiv class=\"tip-icon\"\u003e📆\u003c\/div\u003e\n\u003ch3\u003eשגרת שימוש\u003c\/h3\u003e\n\u003cp\u003eהשתמשו פעמיים בשבוע לתוצאות מהירות ומרשימות. שמרו על שגרה קבועה להשגת התוצאות הטובות ביותר.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tip-card\"\u003e\n\u003cdiv class=\"tip-icon\"\u003e✋\u003c\/div\u003e\n\u003ch3\u003eעיסוי הקרקפת\u003c\/h3\u003e\n\u003cp\u003eלשיפור נוסף, עיסוי הקרקפת יעזור בזרימת הדם והחמצן לזקיקי השיער, מה שיעודד צמיחה בריאה יותר.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tip-card\"\u003e\n\u003cdiv class=\"tip-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=\"tips-highlight\"\u003e\n\u003cp\u003e✨ שגרה נכונה תביא אתכם לשיער בריא וזוהר תוך זמן קצר! ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Natural 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-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eשמן רוזמרין\u003c\/h3\u003e\n\u003cp\u003eידוע ביכולתו לעודד זרימת דם לקרקפת ולהמריץ צמיחת שיער\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eשמן קיק\u003c\/h3\u003e\n\u003cp\u003eעשיר בחומצות שומן וויטמין E המזינים את הקרקפת ומחזקים את השיער\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-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!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003eVitalGrow - שדרגו את מראה השיער שלכם!\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eתוצאות נראות לעין כבר מהשבוע הראשון - שיער חזק, בריא ומלא חיים\u003c\/p\u003e\n\u003cdiv class=\"price-container\"\u003e \u003cspan class=\"sale-price\"\u003e₪89\u003c\/span\u003e\u003cspan class=\"price-note\"\u003e\u003cmeta charset=\"utf-8\"\u003e | מחיר לזמן מוגבל | \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"primary-button\" href=\"\/cart\/50021184635174:1?return_to=\/checkout\"\u003eרכשו עכשיו\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Safety Notice --\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 VitalGrow Hair Growth 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: #f39c12;\n  --primary-light: #f8c471;\n  --primary-dark: #d35400;\n  --primary-ultra-light: #fff9e6;\n  --primary-gradient: linear-gradient(135deg, #f8c471 0%, #f39c12 50%, #d35400 100%);\n  --primary-gradient-hover: linear-gradient(135deg, #fad79e 0%, #f8c471 50%, #f39c12 100%);\n  --primary-accent: #f5b041;\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(243, 156, 18, 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.hair-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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 0.8);\n  }\n  50% {\n    transform: scale(1.1);\n    box-shadow: 0 0 20px rgba(243, 156, 18, 0.9);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 10px rgba(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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\/* Product Showcase *\/\n.product-showcase {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 40px;\n  align-items: center;\n  margin: 40px 0;\n}\n\n.product-showcase img {\n  width: 100%;\n  max-width: 350px;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-medium);\n  margin: 0 auto;\n  flex-shrink: 0;\n  border: 1px solid rgba(243, 156, 18, 0.2);\n  transition: var(--transition-normal);\n}\n\n.product-showcase img:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.product-description {\n  flex: 1;\n  min-width: 300px;\n}\n\n.product-description p {\n  font-size: 16px;\n  line-height: 1.7;\n  margin-bottom: 25px;\n}\n\n.product-specs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.product-spec {\n  flex: 1;\n  min-width: 150px;\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  padding: 15px;\n  background-color: var(--off-white);\n  border-radius: var(--radius-small);\n  border-right: 3px solid var(--primary);\n  transition: var(--transition-normal);\n}\n\n.product-spec:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--shadow-hover);\n  background-color: white;\n}\n\n.spec-icon {\n  font-size: 24px;\n  color: var(--primary);\n}\n\n.spec-title {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--light-text);\n}\n\n.spec-value {\n  font-weight: 600;\n  font-size: 16px;\n  color: var(--dark-text);\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(243, 156, 18, 0.15);\n  transition: var(--transition-normal);\n}\n\n.how-it-works:hover {\n  box-shadow: 0 15px 40px rgba(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 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(243, 156, 18, 0.3);\n}\n\n.step-text {\n  font-size: 17px;\n  font-weight: 500;\n  color: var(--dark-text);\n}\n\n\/* Tips Cards *\/\n.tips-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 25px;\n  margin: 40px 0;\n}\n\n.tip-card {\n  flex: 1;\n  min-width: 280px;\n  padding: 25px;\n  background-color: white;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-light);\n  border: 1px solid rgba(243, 156, 18, 0.1);\n  transition: var(--transition-normal);\n  text-align: center;\n}\n\n.tip-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.tip-icon {\n  font-size: 30px;\n  margin-bottom: 15px;\n  color: var(--primary);\n}\n\n.tip-card h3 {\n  font-size: 18px;\n  font-weight: 600;\n  margin-bottom: 10px;\n  color: var(--dark-text);\n}\n\n.tip-card p {\n  font-size: 15px;\n  color: var(--light-text);\n}\n\n.tips-highlight {\n  background-color: var(--primary-ultra-light);\n  border-radius: var(--radius-medium);\n  padding: 20px;\n  text-align: center;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--primary-dark);\n  margin-top: 30px;\n  box-shadow: var(--shadow-light);\n  border-top: 3px solid var(--primary);\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 25px;\n  margin: 40px 0;\n}\n\n.ingredient-card {\n  flex: 1;\n  min-width: 280px;\n  padding: 25px;\n  background-color: white;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-light);\n  text-align: center;\n  border: 1px solid rgba(243, 156, 18, 0.1);\n  transition: var(--transition-normal);\n}\n\n.ingredient-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.ingredient-icon {\n  font-size: 30px;\n  margin-bottom: 15px;\n  color: var(--primary);\n}\n\n.ingredient-card h3 {\n  font-size: 18px;\n  font-weight: 600;\n  margin-bottom: 10px;\n  color: var(--dark-text);\n}\n\n.ingredient-card p {\n  font-size: 15px;\n  color: var(--light-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(243, 156, 18, 0.15), rgba(255, 255, 255, 0.95), rgba(243, 156, 18, 0.15));\n  box-shadow: 0 20px 40px rgba(243, 156, 18, 0.2);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(243, 156, 18, 0.2);\n  transition: var(--transition-normal);\n}\n\n.cta-section:hover {\n  box-shadow: 0 25px 50px rgba(243, 156, 18, 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='%23f39c12' 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(243, 156, 18, 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(243, 156, 18, 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  .hair-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  \/* 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  \/* Product showcase *\/\n  .product-showcase {\n    flex-direction: column;\n    gap: 30px;\n  }\n\n  .product-showcase img {\n    max-width: 300px;\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  \/* Tip cards *\/\n  .tip-card {\n    min-width: 100%;\n    margin-bottom: 15px;\n  }\n\n  \/* Ingredients *\/\n  .ingredient-card {\n    min-width: 100%;\n    margin-bottom: 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  .hair-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":46917455773845,"sku":"uozzo8280","price":89.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/1424\/6293\/files\/shm-bi-lmit-shir-vitalgrow-mbit-eelhoe-hair-line-powder-avzv-shvf-808486.png?v=1770042815","url":"https:\/\/zolplus.com\/products\/vitalgrow","provider":"זול פלוס","version":"1.0","type":"link"}