{"product_id":"אבקה-למילוי-והסתרת-שיער-דליל-hidepowder","title":"זוג אבקות למילוי והסתרת שיער דליל HidePowder","description":"\u003cdiv class=\"hair-powder-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.8 (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;\"\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עמידה בפני מים וזיעה - נשארת יציבה עד 24 שעות\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\/ukyPSIMIDADANG-4_480x480.jpg?v=1704294441\" 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!-- 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למה לבחור באבקת הפודרה שלנו?\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!-- Color Options --\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=\"colors-container\"\u003e\n\u003cdiv class=\"colors-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/b40VSIMIDADANG-4_480x480.jpg?v=1704294501\" alt=\"גווני אבקת פודרה\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"colors-info\"\u003e\n\u003ch3\u003eהתאמה מושלמת לכל צבעי השיער\u003c\/h3\u003e\n\u003cp\u003eהאבקה זמינה במגוון גוונים שנועדו להתאים באופן מושלם לצבע השיער הטבעי שלך. בחרי את הגוון הקרוב ביותר לצבע השיער שלך לתוצאות הכי טבעיות.\u003c\/p\u003e\n\u003cul class=\"colors-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"color-dot color-brown\"\u003e\u003c\/span\u003e 01 - חום\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-dot color-gray-brown\"\u003e\u003c\/span\u003e 02 - חום אפרפר\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-dot color-light-brown\"\u003e\u003c\/span\u003e 03 - חום בהיר\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-dot color-black\"\u003e\u003c\/span\u003e 04 - שחור\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"color-note\"\u003e* כל הגוונים עשויים להתערבב זה בזה ליצירת התאמה מושלמת לשיער שלך.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Before\/After 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=\"results-container\"\u003e\n\u003cdiv class=\"results-text\"\u003e\n\u003ch3\u003eתוצאות מרהיבות בשניות\u003c\/h3\u003e\n\u003cp\u003eאבקת הפודרה שלנו מורכבת מסיבים אורגניים מיקרוסקופיים שמעניקים לשיערך מראה מלא ובריא. בין אם את רוצה לכסות שיער דליל, להסתיר שורשים שצמחו, או לטשטש שיער שיבה – המוצר הזה הוא הבחירה המושלמת עבורך!\u003c\/p\u003e\n\u003cul class=\"results-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"results-check\"\u003e✓\u003c\/span\u003e כיסוי מיידי של אזורים דלילים\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"results-check\"\u003e✓\u003c\/span\u003e הסתרת שורשים שצמחו ושערות לבנות\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"results-check\"\u003e✓\u003c\/span\u003e מראה מלא וטבעי של השיער\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"results-check\"\u003e✓\u003c\/span\u003e ביטחון מחודש במראה השיער שלך\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/loTkSIMIDADANG-4_480x480.jpg?v=1704294463\" alt=\"אבקה להסתרת שיער דליל\"\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לטאצ' מושלם, השתמשו במברשת לסידור השיער לאחר השימוש\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\u003cdiv class=\"usage-tips\"\u003e\n\u003ch3\u003eטיפים לשימוש מיטבי:\u003c\/h3\u003e\n\u003cul class=\"tips-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"tip-icon\"\u003e💡\u003c\/span\u003e לכיסוי אזורים גדולים, השתמשו בתנועות טפיחה קלות ומהירות\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"tip-icon\"\u003e💡\u003c\/span\u003e לכיסוי שורשים לבנים, התמקדו באזור קו השיער ובשביל הראש\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"tip-icon\"\u003e💡\u003c\/span\u003e ניתן להשתמש בשני גוונים לתוצאות טבעיות יותר באזורים מסוימים\u003c\/li\u003e\n\u003c\/ul\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 בגוון לבחירתך\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\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הזמינו עכשיו את אבקת הפודרה המהפכנית וגלו מחדש את הביטחון בשיער שלך\u003c\/p\u003e\n\u003ca class=\"primary-button\" href=\"#\"\u003e הזמינו עכשיו \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Primary Styling for Hair Powder 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: #8e44ad;\n  --primary-light: #a569bd;\n  --primary-dark: #713688;\n  --primary-ultra-light: #f4ecf7;\n  --primary-gradient: linear-gradient(135deg, #a569bd 0%, #8e44ad 50%, #713688 100%);\n  --primary-gradient-hover: linear-gradient(135deg, #bb8cce 0%, #a569bd 50%, #8e44ad 100%);\n  --primary-accent: #9b59b6;\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(142, 68, 173, 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-powder-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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 0.8);\n  }\n  50% {\n    transform: scale(1.1);\n    box-shadow: 0 0 20px rgba(142, 68, 173, 0.9);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 10px rgba(142, 68, 173, 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(142, 68, 173, 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: 300px;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(142, 68, 173, 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: 300px;\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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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\/* Color options *\/\n.colors-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 30px;\n  margin: 40px 0;\n  align-items: center;\n}\n\n.colors-image {\n  flex: 1;\n  min-width: 280px;\n  max-width: 400px;\n}\n\n.colors-image img {\n  width: 100%;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-medium);\n  transition: var(--transition-normal);\n}\n\n.colors-image img:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.colors-info {\n  flex: 1;\n  min-width: 280px;\n}\n\n.colors-info h3 {\n  font-size: 22px;\n  color: var(--primary);\n  margin-bottom: 15px;\n}\n\n.colors-info p {\n  font-size: 16px;\n  line-height: 1.7;\n  color: var(--medium-text);\n  margin-bottom: 20px;\n}\n\n.colors-list {\n  list-style: none;\n  padding: 0;\n  margin-bottom: 20px;\n}\n\n.colors-list li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 12px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.color-dot {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid #eee;\n}\n\n.color-brown {\n  background-color: #5D4037;\n}\n\n.color-gray-brown {\n  background-color: #795548;\n}\n\n.color-light-brown {\n  background-color: #A1887F;\n}\n\n.color-black {\n  background-color: #212121;\n}\n\n.color-note {\n  font-size: 14px;\n  color: var(--light-text);\n  font-style: italic;\n}\n\n\/* Results section *\/\n.results-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 30px;\n  margin: 40px 0;\n  align-items: center;\n}\n\n.results-text {\n  flex: 1;\n  min-width: 280px;\n}\n\n.results-text h3 {\n  font-size: 22px;\n  color: var(--primary);\n  margin-bottom: 15px;\n}\n\n.results-text p {\n  font-size: 16px;\n  line-height: 1.7;\n  color: var(--medium-text);\n  margin-bottom: 20px;\n}\n\n.results-list {\n  list-style: none;\n  padding: 0;\n}\n\n.results-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 10px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.results-check {\n  color: var(--primary);\n  font-weight: bold;\n}\n\n.results-image {\n  flex: 1;\n  min-width: 280px;\n  max-width: 400px;\n}\n\n.results-image img {\n  width: 100%;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-medium);\n  transition: var(--transition-normal);\n}\n\n.results-image img:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\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(142, 68, 173, 0.15);\n  transition: var(--transition-normal);\n}\n\n.how-it-works:hover {\n  box-shadow: 0 15px 40px rgba(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 0.3);\n}\n\n.step-text {\n  font-size: 17px;\n  font-weight: 500;\n  color: var(--dark-text);\n}\n\n\/* Usage tips *\/\n.usage-tips {\n  margin-top: 40px;\n  background-color: var(--primary-ultra-light);\n  border-radius: var(--radius-medium);\n  padding: 25px;\n}\n\n.usage-tips h3 {\n  font-size: 18px;\n  color: var(--primary);\n  margin-bottom: 15px;\n}\n\n.tips-list {\n  list-style: none;\n  padding: 0;\n}\n\n.tips-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 12px;\n  font-size: 15px;\n}\n\n.tip-icon {\n  flex-shrink: 0;\n  margin-top: 3px;\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(142, 68, 173, 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(142, 68, 173, 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(142, 68, 173, 0.15), rgba(255, 255, 255, 0.95), rgba(142, 68, 173, 0.15));\n  box-shadow: 0 20px 40px rgba(142, 68, 173, 0.2);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(142, 68, 173, 0.2);\n  transition: var(--transition-normal);\n}\n\n.cta-section:hover {\n  box-shadow: 0 25px 50px rgba(142, 68, 173, 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='%238e44ad' 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.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(142, 68, 173, 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(142, 68, 173, 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\/* 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-powder-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  \/* Colors *\/\n  .colors-container {\n    flex-direction: column-reverse;\n  }\n\n  \/* Results *\/\n  .results-container {\n    flex-direction: column-reverse;\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  .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-powder-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: 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":"חום כהה 01","offer_id":46917492867221,"sku":"uozzo8096-dark_brown-2pcs","price":129.0,"currency_code":"ILS","in_stock":true},{"title":"חום- אפור 02","offer_id":46917492899989,"sku":"uozzo8096-gray_brown-2pcs","price":129.0,"currency_code":"ILS","in_stock":true},{"title":"חום בהיר 03","offer_id":46917492932757,"sku":"uozzo8096-light_brown-2pcs","price":129.0,"currency_code":"ILS","in_stock":true},{"title":"שחור 04","offer_id":46917492965525,"sku":"uozzo8096-black-2pcs","price":129.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/1424\/6293\/files\/zvg-abkvt-lmilvi-vhstrt-shir-dlil-hidepowder-hair-line-powder-avzv-shvf-893817.jpg?v=1770043051","url":"https:\/\/zolplus.com\/products\/%d7%90%d7%91%d7%a7%d7%94-%d7%9c%d7%9e%d7%99%d7%9c%d7%95%d7%99-%d7%95%d7%94%d7%a1%d7%aa%d7%a8%d7%aa-%d7%a9%d7%99%d7%a2%d7%a8-%d7%93%d7%9c%d7%99%d7%9c-hidepowder","provider":"זול פלוס","version":"1.0","type":"link"}