{"product_id":"מארז-2-קרם-הגנה-קוריאני-50-spf","title":"מארז 2 קרם הגנה קוריאני - 50 SPF","description":"\u003cdiv class=\"sunscreen-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מארז 2 קרמי הגנה קוריאניים\u003c\/span\u003e - SPF 50\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 (135 ביקורות)\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הגנה גבוהה של SPF 50 מפני קרני UV המזיקות\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\/WhatsAppImage2024-07-09at14.30.38_1.jpg?v=1720525286\" alt=\"מארז 2 קרמי הגנה קוריאניים\"\u003e\n\u003cdiv class=\"product-badge\"\u003eSPF 50\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!-- Benefits 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\"\u003eSPF 50 המספק הגנה מושלמת מפני קרני השמש המזיקות\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\"\u003e2 קרמים בגודל 50 מ\"ל כל אחד – סך הכול 100 מ\"ל של הגנה מעולה\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!-- Special Feature 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=\"special-feature-box\"\u003e\n\u003cdiv class=\"special-feature-content\"\u003e\n\u003cp\u003eמתאים לשימוש יומיומי, גם לעור רגיש. הקרם מספק הגנה עוצמתית מבלי לגרום לגירויים, כך שתוכלי ליהנות ממראה עור אחיד ומוגן.\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type\"\u003e\n\u003cdiv class=\"skin-type-icon\"\u003e🔆\u003c\/div\u003e\n\u003ch4\u003eעור רגיל\u003c\/h4\u003e\n\u003cp\u003eמעניק הגנה מושלמת בלי להכביד\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type\"\u003e\n\u003cdiv class=\"skin-type-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eעור יבש\u003c\/h4\u003e\n\u003cp\u003eמזין ומעניק לחות נוספת\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type\"\u003e\n\u003cdiv class=\"skin-type-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003eעור רגיש\u003c\/h4\u003e\n\u003cp\u003eנוסחה עדינה ללא גירויים\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type\"\u003e\n\u003cdiv class=\"skin-type-icon\"\u003e💦\u003c\/div\u003e\n\u003ch4\u003eעור שמן\u003c\/h4\u003e\n\u003cp\u003eנספג מהר ולא סותם נקבוביות\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients 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=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient\"\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\"\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\"\u003e\n\u003cdiv class=\"ingredient-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eמסנני קרינה מתקדמים\u003c\/h3\u003e\n\u003cp\u003eשילוב של מסנני קרינה פיזיים וכימיים להגנה מקיפה מפני קרני UVA ו-UVB.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient\"\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!-- 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\u003cdiv class=\"usage-tip-badge\"\u003e💡 טיפ חשוב\u003c\/div\u003e\n\u003cp\u003eלהגנה אופטימלית, יש למרוח את הקרם כ-15 דקות לפני החשיפה לשמש, ולחדש את המריחה מדי שעתיים, במיוחד לאחר שחייה או הזעה.\u003c\/p\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\u003e2 קרמי הגנה קוריאניים SPF 50\u003c\/strong\u003e - כל אחד בנפח 50 מ\"ל (סה\"כ 100 מ\"ל)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"check-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e \u003cspan class=\"check-text\"\u003e\u003cstrong\u003eפורמולה מתקדמת\u003c\/strong\u003e עם תמציות אורז ורכיבים פרו-ביוטיים\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"check-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e \u003cspan class=\"check-text\"\u003e\u003cstrong\u003eהגנה משולבת\u003c\/strong\u003e מפני קרני UVA ו-UVB המזיקות\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"background-color: var(--primary-ultra-light); border-radius: var(--radius-medium); padding: 20px; text-align: center; margin-top: 30px; box-shadow: var(--shadow-medium); border-top: 3px solid var(--primary);\"\u003e\n\u003cp style=\"margin: 0; font-size: 16px; color: var(--dark-text); font-weight: 600;\"\u003eקרם ההגנה שכל אחת צריכה בתיק שלה! מארז משתלם במיוחד לחודשי הקיץ החמים\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch2 class=\"cta-title\"\u003e🌟 הקרם שכל אחת צריכה בתיק שלה! 🌟\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eעכשיו הזמן להתפנק בהגנה ובטיפוח מושלם. הזמיני את המארז המשתלם שלנו ותני לעור שלך את הטיפול שמגיע לו!\u003c\/p\u003e\n\u003cdiv class=\"price-container\"\u003e\n\u003cspan class=\"original-price\"\u003e₪259\u003c\/span\u003e \u003cspan class=\"sale-price\"\u003e₪139\u003c\/span\u003e \u003cspan class=\"price-note\"\u003eחיסכון של ₪120 | משלוח חינם | מבצע מוגבל בזמן\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"primary-button\" href=\"\/cart\/49204283670822: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 Korean Sunscreen Product Page - Pastel Pink\/Lavender Theme *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;600;700;800\u0026display=swap');\n\n:root {\n  \/* Main color palette - Pastel Pink\/Lavender *\/\n  --primary: #d995cb; \/* Pastel pink main color *\/\n  --primary-light: #e8b7da; \/* Lighter pink *\/\n  --primary-dark: #ac6e9e; \/* Darker pink\/lavender *\/\n  --primary-ultra-light: #f9edf7; \/* Very light pink background *\/\n  --primary-gradient: linear-gradient(135deg, #e8b7da 0%, #d995cb 50%, #ac6e9e 100%);\n  --primary-gradient-hover: linear-gradient(135deg, #f0cce5 0%, #e8b7da 50%, #d995cb 100%);\n  --primary-accent: #e8b7da;\n  --dark-text: #4a3d4c; \/* Slightly purple-tinted dark text *\/\n  --medium-text: #6f5e71; \/* Medium purple-tinted text *\/\n  --light-text: #8a7a8c; \/* Light purple-tinted text *\/\n  --lighter-text: #b3a5b5; \/* Very light purple-tinted text *\/\n  --off-white: #f9f6fa; \/* Slightly purple-tinted white *\/\n  --shadow-light: 0 5px 15px rgba(172, 110, 158, 0.05);\n  --shadow-medium: 0 8px 30px rgba(172, 110, 158, 0.1);\n  --shadow-hover: 0 10px 30px rgba(217, 149, 203, 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.sunscreen-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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 0.8);\n  }\n  50% {\n    transform: scale(1.1);\n    box-shadow: 0 0 20px rgba(217, 149, 203, 0.9);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 10px rgba(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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\/* Special Feature Box *\/\n.special-feature-box {\n  background-color: var(--off-white);\n  border-radius: var(--radius-medium);\n  padding: 40px 30px;\n  box-shadow: var(--shadow-medium);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(217, 149, 203, 0.1);\n  transition: var(--transition-normal);\n}\n\n.special-feature-box:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.special-feature-content {\n  position: relative;\n  z-index: 1;\n}\n\n.special-feature-content p {\n  font-size: 17px;\n  line-height: 1.7;\n  margin-bottom: 30px;\n  text-align: center;\n}\n\n\/* Skin Types Grid *\/\n.skin-types-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 25px;\n  justify-content: center;\n}\n\n.skin-type {\n  flex: 1;\n  min-width: 180px;\n  max-width: 220px;\n  background-color: white;\n  border-radius: var(--radius-small);\n  padding: 20px;\n  text-align: center;\n  box-shadow: var(--shadow-light);\n  transition: var(--transition-normal);\n}\n\n.skin-type:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.skin-type-icon {\n  font-size: 28px;\n  margin-bottom: 10px;\n}\n\n.skin-type h4 {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--dark-text);\n  margin-bottom: 8px;\n}\n\n.skin-type p {\n  font-size: 14px;\n  margin-bottom: 0;\n  text-align: center;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 25px;\n  justify-content: center;\n  margin: 40px 0;\n}\n\n.ingredient {\n  flex: 1;\n  min-width: 220px;\n  max-width: 270px;\n  background-color: white;\n  border-radius: var(--radius-medium);\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(217, 149, 203, 0.1);\n  transition: var(--transition-normal);\n}\n\n.ingredient:hover {\n  transform: translateY(-7px);\n  box-shadow: var(--shadow-hover);\n}\n\n.ingredient:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 3px;\n  background: var(--primary-gradient);\n}\n\n.ingredient-icon {\n  font-size: 32px;\n  margin-bottom: 15px;\n}\n\n.ingredient h3 {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--dark-text);\n  margin-bottom: 10px;\n}\n\n.ingredient p {\n  font-size: 14px;\n  color: var(--light-text);\n  line-height: 1.6;\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(217, 149, 203, 0.15);\n  transition: var(--transition-normal);\n}\n\n.how-it-works:hover {\n  box-shadow: 0 15px 40px rgba(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 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: 30px;\n  padding: 20px;\n  background-color: white;\n  border-radius: var(--radius-small);\n  box-shadow: var(--shadow-light);\n  border-right: 4px solid var(--primary);\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n\n.usage-tip-badge {\n  display: inline-block;\n  background-color: var(--primary-ultra-light);\n  color: var(--primary);\n  font-weight: 600;\n  padding: 5px 15px;\n  border-radius: 50px;\n  margin-bottom: 10px;\n}\n\n.usage-tips p {\n  font-size: 15px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* Package contents with hover effects *\/\n.package-list {\n  padding: 0;\n  margin: 30px 0;\n  list-style-type: none;\n}\n\n.check-item {\n  margin-bottom: 25px;\n  position: relative;\n  padding-right: 40px;\n  transition: var(--transition-normal);\n}\n\n.check-item:hover {\n  transform: translateX(-5px);\n}\n\n.check-icon {\n  position: absolute;\n  right: 0;\n  top: 2px;\n  width: 28px;\n  height: 28px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  box-shadow: 0 5px 15px rgba(217, 149, 203, 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(217, 149, 203, 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(217, 149, 203, 0.15), rgba(255, 255, 255, 0.95), rgba(217, 149, 203, 0.15));\n  box-shadow: 0 20px 40px rgba(217, 149, 203, 0.2);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(217, 149, 203, 0.2);\n  transition: var(--transition-normal);\n}\n\n.cta-section:hover {\n  box-shadow: 0 25px 50px rgba(217, 149, 203, 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 4z' fill='%23d995cb' 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(217, 149, 203, 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(217, 149, 203, 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  .sunscreen-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  \/* Skin Types *\/\n  .skin-type {\n    min-width: 45%;\n  }\n\n  \/* Ingredients *\/\n  .ingredient {\n    min-width: 45%;\n  }\n\n  \/* How it works *\/\n  .how-it-works {\n    padding: 30px 15px;\n    margin: 30px 0;\n  }\n\n  .steps-container {\n    gap: 20px;\n  }\n\n  .step {\n    padding: 12px;\n    gap: 15px;\n  }\n\n  .step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n\n  .step-text {\n    font-size: 16px;\n  }\n\n  \/* Package list *\/\n  .check-item {\n    margin-bottom: 20px;\n    padding-right: 35px;\n  }\n\n  .check-icon {\n    width: 25px;\n    height: 25px;\n  }\n\n  .check-text {\n    font-size: 15px;\n  }\n\n  \/* CTA section *\/\n  .cta-section {\n    padding: 40px 20px;\n    margin: 40px 0;\n  }\n\n  .cta-title {\n    font-size: 24px;\n  }\n\n  .cta-subtitle {\n    font-size: 16px;\n    margin-bottom: 25px;\n  }\n\n  .original-price {\n    font-size: 20px;\n  }\n\n  .sale-price {\n    font-size: 32px;\n  }\n\n  .primary-button {\n    padding: 14px 30px;\n    font-size: 16px;\n    width: 100%;\n    max-width: 280px;\n  }\n}\n\n\/* Small device optimization *\/\n@media screen and (max-width: 480px) {\n  .sunscreen-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  \/* Skin Types and Ingredients *\/\n  .skin-type, .ingredient {\n    min-width: 100%;\n    margin-bottom: 15px;\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":46917467373717,"sku":"uozzo8219-2PCS","price":139.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/1424\/6293\/files\/marz-2-krm-hgnh-kvriani-50-spf-avzv-shvf-261774.jpg?v=1770042900","url":"https:\/\/zolplus.com\/products\/%d7%9e%d7%90%d7%a8%d7%96-2-%d7%a7%d7%a8%d7%9d-%d7%94%d7%92%d7%a0%d7%94-%d7%a7%d7%95%d7%a8%d7%99%d7%90%d7%a0%d7%99-50-spf","provider":"זול פלוס","version":"1.0","type":"link"}