{"product_id":"scratchrepair","title":"Scratch-B-Gone משחת פוליש מעלימה שריטות ברכב","description":"\u003cdiv class=\"repair-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 id=\"main-content\" class=\"main-heading-container\"\u003e\n\u003ch1 class=\"main-heading\"\u003e\n\u003cspan class=\"heading-accent\"\u003eScratch-B-Gone\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 (213 ביקורות)\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;\"\u003eScratch-B-Gone\u003c\/span\u003e – משחת הפוליש הייחודית שלנו! המשחה פועלת בפורמולה חדשנית המאפשרת \u003cstrong\u003eהסרה מהירה של שריטות שטחיות קלות עד בינוניות\u003c\/strong\u003e, מלטשת את פני השטח, \u003cspan class=\"highlight-text\"\u003eומחזירה לרכב את המראה החדש והמבריק.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"primary-box\"\u003eחיסכון של אלפי שקלים\u003c\/div\u003e\n\u003c!-- USP Highlights --\u003e\n\u003cdiv class=\"usp-highlights\"\u003e\n\u003cdiv class=\"usp-item\"\u003e\n\u003cdiv class=\"usp-icon\"\u003e🚗\u003c\/div\u003e\n\u003cdiv class=\"usp-text\"\u003eמתאימה לכל סוגי הרכבים וכל צבעי הרכב\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usp-item\"\u003e\n\u003cdiv class=\"usp-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"usp-text\"\u003eהסרת שריטות תוך דקות ספורות\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usp-item\"\u003e\n\u003cdiv class=\"usp-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"usp-text\"\u003eעמידה לגשם ולחות - נשארת על הרכב גם לאחר שטיפה\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usp-item\"\u003e\n\u003cdiv class=\"usp-icon\"\u003e✅\u003c\/div\u003e\n\u003cdiv class=\"usp-text\"\u003eבטוחה לשימוש - אינה פוגעת בצבע המקורי של הרכב\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Scratch-B-Gone - משחת פוליש להסרת שריטות\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/HTB14SwzbirxK1RkHFCcq6AQCVXa0_480x480.jpg?v=1683619637\"\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!-- Product Images Gallery --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e📸\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eScratch-B-Gone בפעולה\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-container\"\u003e\n\u003cdiv class=\"gallery-item\"\u003e\u003cimg class=\"gallery-image\" alt=\"Scratch-B-Gone - הדגמת שימוש\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/IMG_3725_480x480.jpg?v=1683619817\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"gallery-item\"\u003e\u003cimg class=\"gallery-image\" alt=\"Scratch-B-Gone - משחת פוליש\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/HTB14SwzbirxK1RkHFCcq6AQCVXa0_480x480.jpg?v=1683619637\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Leading Benefits --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eתכונות עיקריות\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Feature Boxes --\u003e\n\u003cdiv class=\"features-container\"\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🚗\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eמתאימה לכל סוגי הרכבים\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eעובדת ביעילות על כל צבעי הרכב ומחזירה את הברק המקורי\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔧\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eקלות שימוש\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eמריחה פשוטה וקלה - לא דורשת כלים מיוחדים או ידע טכני\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e\n\u003cdiv class=\"feature-icon-container\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🔒\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eבטוחה לשימוש\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eנוסחה עדינה שאינה פוגעת בצבע המקורי של הרכב\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!-- 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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"section-container\"\u003e\n\u003cdiv class=\"section-title-container\"\u003e\n\u003cdiv class=\"section-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eאיך זה עובד?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-content\"\u003e\n\u003cp\u003eScratch-B-Gone משלבת טכנולוגיה מתקדמת של ננו-חלקיקי פוליש עם מרכיבים מלטשים ומבריקים היוצרים טיפול 3 שלבים:\u003c\/p\u003e\n\u003cdiv class=\"tech-steps\"\u003e\n\u003cdiv class=\"tech-step\"\u003e\n\u003cdiv class=\"tech-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eמילוי והחלקה\u003c\/h3\u003e\n\u003cp\u003eחלקיקי הפוליש המיקרוסקופיים חודרים לשריטה וממלאים אותה\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-step\"\u003e\n\u003cdiv class=\"tech-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eליטוש והברקה\u003c\/h3\u003e\n\u003cp\u003eהפורמולה הייחודית מלטשת את פני השטח ומשווה את המרקם לשאר הרכב\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-step\"\u003e\n\u003cdiv class=\"tech-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eהגנה והשארה\u003c\/h3\u003e\n\u003cp\u003eשכבת ציפוי מגנה על התיקון ומעניקה ברק מתמשך גם לאחר שטיפות\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Application Areas --\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=\"application-areas\"\u003e\n\u003cdiv class=\"application-area\"\u003e\n\u003cdiv class=\"application-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eשריטות קלות\u003c\/h3\u003e\n\u003cp\u003eשריטות שטחיות על פני הצבע שלא פגעו בשכבת הצבע העמוקה\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"application-area\"\u003e\n\u003cdiv class=\"application-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eשריטות בינוניות\u003c\/h3\u003e\n\u003cp\u003eשריטות שיצרו חריץ קל אך לא חשפו את שכבת המתכת\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"application-area\"\u003e\n\u003cdiv class=\"application-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eסימני מפתח קלים\u003c\/h3\u003e\n\u003cp\u003eסימנים שנוצרו ממפתחות או חפצים קטנים על פני הצבע\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"application-area\"\u003e\n\u003cdiv class=\"application-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!-- Specifications --\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=\"specs-table-container\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"specs-label\"\u003eכמות\u003c\/td\u003e\n\u003ctd class=\"specs-value\"\u003e100 מ\"ל\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"specs-label\"\u003eעמידות במים\u003c\/td\u003e\n\u003ctd class=\"specs-value\"\u003eכן, נשארת יציבה גם בתנאי לחות וגשם\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"specs-label\"\u003eשימושים\u003c\/td\u003e\n\u003ctd class=\"specs-value\"\u003eמתאימה לשריטות קלות עד בינוניות\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"specs-label\"\u003eמגבלות\u003c\/td\u003e\n\u003ctd class=\"specs-value\"\u003eאינה מתאימה לשימוש על קילופי צבע או שריטות עמוקות במיוחד\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"specs-label\"\u003eזמן ייבוש\u003c\/td\u003e\n\u003ctd class=\"specs-value\"\u003e5-10 דקות בלבד\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\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\u003eScratch-B-Gone\u003c\/strong\u003e - משחת פוליש 100 מ\"ל\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₪169\u003c\/span\u003e \u003cspan class=\"sale-price\"\u003e₪109\u003c\/span\u003e\u003cspan class=\"price-note\"\u003eחיסכון של ₪60 | משלוח חינם \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"\/cart\/44937604694310:1?return_to=\/checkout\" class=\"primary-button\"\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 Scratch-B-Gone Product Page *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;600;700;800\u0026display=swap');\n\n:root {\n  --primary: #ff4b4b;\n  --primary-light: #ff8080;\n  --primary-dark: #cc3a3a;\n  --primary-ultra-light: #fff0f0;\n  --primary-gradient: linear-gradient(135deg, #ff6b6b 0%, #ff4b4b 50%, #e83e3e 100%);\n  --primary-gradient-hover: linear-gradient(135deg, #ff8080 0%, #ff6b6b 50%, #ff4b4b 100%);\n  --primary-accent: #ff6b6b;\n  --dark-text: #1a1a1a;\n  --medium-text: #333;\n  --light-text: #666;\n  --lighter-text: #999;\n  --off-white: #f9f9f9;\n  --shadow-light: 0 5px 15px rgba(0, 0, 0, 0.05);\n  --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.1);\n  --shadow-hover: 0 10px 30px rgba(255, 75, 75, 0.25);\n  --radius-small: 10px;\n  --radius-medium: 15px;\n  --radius-large: 20px;\n  --radius-circle: 50%;\n  --transition-normal: all 0.3s ease;\n  --transition-slow: all 0.5s ease;\n  --spacing-xs: 5px;\n  --spacing-sm: 10px;\n  --spacing-md: 20px;\n  --spacing-lg: 30px;\n  --spacing-xl: 40px;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  -webkit-text-size-adjust: 100%;\n}\n\nbody {\n  font-family: 'Heebo', sans-serif;\n  color: var(--medium-text);\n  line-height: 1.6;\n  background-color: #fff;\n  direction: rtl;\n  text-align: right;\n  padding: 0;\n  margin: 0;\n  overflow-x: hidden;\n  font-size: 16px;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  display: block;\n  animation: imageLoad 0.5s ease forwards;\n}\n\n.repair-container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n\/* Premium badge with floating animation *\/\n.premium-badge-container {\n  position: relative;\n  margin-bottom: 20px;\n  display: inline-block;\n  animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n  0% { transform: translateY(0px); }\n  50% { transform: translateY(-8px); }\n  100% { transform: translateY(0px); }\n}\n\n.premium-badge {\n  display: inline-block;\n  padding: 10px 20px 10px 15px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: 30px;\n  font-size: 14px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  box-shadow: 0 5px 20px rgba(255, 75, 75, 0.4);\n  position: relative;\n  overflow: hidden;\n  transition: var(--transition-normal);\n}\n\n.premium-badge:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: rgba(255, 255, 255, 0.2);\n  transform: skewX(-30deg);\n  transition: var(--transition-normal);\n}\n\n.premium-badge:hover:before {\n  left: 100%;\n  transition: 0.7s ease-in-out;\n}\n\n.premium-badge:after {\n  content: \"★\";\n  margin-right: 8px;\n  font-size: 12px;\n}\n\n\/* Main heading with subtle animation *\/\n.main-heading-container {\n  position: relative;\n  margin-bottom: 30px;\n  padding: 20px 0;\n  width: 100%;\n  overflow: hidden;\n}\n\n.main-heading {\n  font-size: 36px;\n  font-weight: 800;\n  color: var(--dark-text);\n  margin-bottom: 15px;\n  padding-bottom: 15px;\n  position: relative;\n  display: inline-block;\n  text-shadow: 1px 1px 0 rgba(0,0,0,0.05);\n  max-width: 100%;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.main-heading:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 70%;\n  height: 5px;\n  background: var(--primary-gradient);\n  border-radius: 5px;\n  box-shadow: 0 3px 10px rgba(255, 75, 75, 0.3);\n}\n\n.heading-accent {\n  color: var(--primary);\n  font-weight: 900;\n  position: relative;\n  display: inline-block;\n  white-space: normal;\n}\n\n.heading-accent:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 10px;\n  background-color: var(--primary-ultra-light);\n  bottom: 5px;\n  left: 0;\n  z-index: -1;\n  border-radius: 5px;\n}\n\n\/* Primary Divider *\/\n.primary-divider {\n  height: 3px;\n  background: var(--primary-gradient);\n  border-radius: 3px;\n  margin: 20px 0;\n  position: relative;\n  width: 100px;\n  box-shadow: 0 3px 10px rgba(255, 75, 75, 0.3);\n}\n\n.primary-divider:before {\n  content: \"\";\n  position: absolute;\n  top: -3px;\n  right: 30px;\n  height: 9px;\n  width: 9px;\n  background: var(--primary);\n  border-radius: var(--radius-circle);\n  box-shadow: 0 0 15px rgba(255, 75, 75, 0.8);\n  animation: pulse 2s infinite;\n}\n\n.primary-divider:after {\n  content: \"\";\n  position: absolute;\n  top: -3px;\n  right: 60px;\n  height: 9px;\n  width: 9px;\n  background: var(--primary);\n  border-radius: var(--radius-circle);\n  box-shadow: 0 0 15px rgba(255, 75, 75, 0.8);\n  animation: pulse 2s infinite;\n  animation-delay: 0.5s;\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 0 10px rgba(255, 75, 75, 0.8);\n  }\n  50% {\n    transform: scale(1.1);\n    box-shadow: 0 0 20px rgba(255, 75, 75, 0.9);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 10px rgba(255, 75, 75, 0.8);\n  }\n}\n\n\/* Review Stars *\/\n.review-stars {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 15px 0;\n  gap: 5px;\n}\n\n.review-stars-count {\n  font-size: 15px;\n  color: var(--light-text);\n  margin-right: 10px;\n}\n\n.star {\n  color: var(--primary);\n  font-size: 20px;\n}\n\n\/* Hero section with improved visual elements *\/\n.hero-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 60px;\n  background: linear-gradient(to bottom, var(--primary-ultra-light) 0%, rgba(255,255,255,0) 60%);\n  border-radius: var(--radius-large);\n  padding: 40px 20px;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--shadow-light);\n  border: 1px solid rgba(255, 75, 75, 0.1);\n}\n\n.hero-section:before {\n  content: \"\";\n  position: absolute;\n  top: -50px;\n  right: -50px;\n  width: 200px;\n  height: 200px;\n  background-color: var(--primary-light);\n  opacity: 0.15;\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.hero-section:after {\n  content: \"\";\n  position: absolute;\n  bottom: -70px;\n  left: 30%;\n  width: 150px;\n  height: 150px;\n  background-color: var(--primary-light);\n  opacity: 0.1;\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.hero-content {\n  width: 100%;\n  margin-bottom: 30px;\n  z-index: 1;\n}\n\n.hero-image {\n  width: 100%;\n  z-index: 1;\n  position: relative;\n  text-align: center;\n}\n\n.hero-image img {\n  width: 100%;\n  max-width: 350px;\n  border-radius: var(--radius-medium);\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(255, 75, 75, 0.2);\n  transition: var(--transition-slow);\n  z-index: 1;\n  position: relative;\n  transform: perspective(800px) rotateY(0deg);\n  transition: transform 0.5s ease;\n  margin: 0 auto;\n}\n\n.hero-image img:hover {\n  transform: perspective(800px) rotateY(5deg) translateY(-5px);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n}\n\n.hero-image:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  max-width: 350px;\n  height: 100%;\n  border: 3px solid var(--primary);\n  border-radius: var(--radius-medium);\n  top: 15px;\n  right: 50%;\n  transform: translateX(50%);\n  z-index: 0;\n  opacity: 0.3;\n}\n\n.product-badge {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  background-color: var(--primary);\n  color: white;\n  padding: 8px 16px;\n  border-radius: 50px;\n  font-weight: 600;\n  font-size: 0.875rem;\n  box-shadow: var(--shadow-medium);\n  z-index: 2;\n}\n\n\/* Info card *\/\n.info-card-text {\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 1.7;\n  position: relative;\n  z-index: 1;\n}\n\n\/* USP highlights with hover effects *\/\n.usp-highlights {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  margin: 30px 0;\n}\n\n.usp-item {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  background-color: var(--off-white);\n  padding: 15px 20px;\n  border-radius: var(--radius-small);\n  transition: var(--transition-normal);\n  border-right: 3px solid var(--primary);\n  box-shadow: 0 3px 10px rgba(0,0,0,0.03);\n}\n\n.usp-item:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--shadow-hover);\n  background-color: white;\n}\n\n.usp-icon {\n  font-size: 22px;\n  color: var(--primary);\n  background-color: white;\n  width: 45px;\n  height: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-circle);\n  box-shadow: 0 5px 15px rgba(255, 75, 75, 0.2);\n  transition: var(--transition-normal);\n}\n\n.usp-item:hover .usp-icon {\n  transform: scale(1.1);\n  box-shadow: 0 8px 20px rgba(255, 75, 75, 0.3);\n}\n\n.usp-text {\n  font-weight: 600;\n  font-size: 16px;\n}\n\n\/* Countdown Timer *\/\n.countdown-container {\n  margin: 30px 0 20px;\n  text-align: center;\n}\n\n.countdown-title {\n  font-size: 18px;\n  color: var(--dark-text);\n  margin-bottom: 15px;\n  font-weight: 600;\n}\n\n\/* Gallery *\/\n.gallery-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  justify-content: center;\n  margin: 30px 0;\n}\n\n.gallery-item {\n  flex: 1;\n  min-width: 280px;\n  max-width: 450px;\n  position: relative;\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  box-shadow: var(--shadow-medium);\n  transition: var(--transition-normal);\n}\n\n.gallery-item:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.gallery-image {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n.gallery-item:hover .gallery-image {\n  transform: scale(1.03);\n}\n\n\/* Section titles with better spacing *\/\n.section-container {\n  margin: 80px 0;\n  position: relative;\n  padding: 20px 0;\n}\n\n.section-container:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle at 30% 30%, var(--primary-ultra-light) 0%, transparent 70%);\n  top: 0;\n  left: 0;\n  z-index: -1;\n  opacity: 0.5;\n}\n\n.section-title-container {\n  position: relative;\n  margin-bottom: 40px;\n  display: flex;\n  align-items: center;\n  gap: 15px;\n}\n\n.section-icon {\n  width: 50px;\n  height: 50px;\n  background: var(--primary-gradient);\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  box-shadow: 0 10px 25px rgba(255, 75, 75, 0.3);\n  transition: var(--transition-normal);\n}\n\n.section-container:hover .section-icon {\n  transform: rotate(10deg) scale(1.05);\n}\n\n.section-title {\n  color: var(--dark-text);\n  font-size: 28px;\n  font-weight: 700;\n  position: relative;\n}\n\n.section-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: -10px;\n  right: 0;\n  width: 60px;\n  height: 3px;\n  background: var(--primary-gradient);\n  border-radius: 3px;\n  box-shadow: 0 3px 10px rgba(255, 75, 75, 0.3);\n  transition: width 0.3s ease;\n}\n\n.section-container:hover .section-title:after {\n  width: 100px;\n}\n\n\/* Feature boxes with hover animations *\/\n.features-container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 25px;\n  margin: 40px 0;\n}\n\n.feature-box {\n  background-color: white;\n  border-radius: var(--radius-small);\n  padding: 25px 20px;\n  text-align: center;\n  box-shadow: var(--shadow-light);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(255, 75, 75, 0.1);\n  transition: var(--transition-normal);\n  z-index: 1;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.feature-box:hover {\n  transform: translateY(-7px);\n  box-shadow: var(--shadow-hover);\n}\n\n.feature-box:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 5px;\n  background: var(--primary-gradient);\n  transition: var(--transition-normal);\n}\n\n.feature-box:hover:before {\n  height: 7px;\n}\n\n.feature-box:after {\n  content: \"\";\n  position: absolute;\n  bottom: -100px;\n  right: -100px;\n  width: 200px;\n  height: 200px;\n  background: var(--primary-ultra-light);\n  border-radius: 50%;\n  opacity: 0;\n  z-index: -1;\n  transition: var(--transition-slow);\n}\n\n.feature-box:hover:after {\n  opacity: 0.5;\n  bottom: -50px;\n  right: -50px;\n}\n\n.feature-icon-container {\n  width: 65px;\n  height: 65px;\n  background: var(--off-white);\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 15px;\n  position: relative;\n  z-index: 1;\n  transition: var(--transition-normal);\n  box-shadow: 0 5px 15px rgba(255, 75, 75, 0.1);\n  flex-shrink: 0;\n}\n\n.feature-box:hover .feature-icon-container {\n  background: var(--primary-ultra-light);\n  transform: scale(1.1) rotate(5deg);\n  box-shadow: 0 8px 25px rgba(255, 75, 75, 0.2);\n}\n\n.feature-icon {\n  color: var(--primary);\n  font-size: 25px;\n  transition: var(--transition-normal);\n}\n\n.feature-box:hover .feature-icon {\n  transform: scale(1.1);\n}\n\n.feature-title {\n  margin: 10px 0 8px;\n  font-size: 17px;\n  color: var(--dark-text);\n  font-weight: 600;\n  min-height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.feature-description {\n  margin: 0;\n  font-size: 14px;\n  color: var(--light-text);\n  font-weight: 400;\n}\n\n\/* Application Areas *\/\n.application-areas {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 25px;\n  justify-content: center;\n  margin: 40px 0;\n}\n\n.application-area {\n  flex: 1;\n  min-width: 200px;\n  max-width: 250px;\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  transition: var(--transition-normal);\n  border: 1px solid rgba(255, 75, 75, 0.1);\n}\n\n.application-area:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.application-icon {\n  font-size: 30px;\n  margin-bottom: 15px;\n}\n\n.application-area h3 {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--dark-text);\n  margin-bottom: 10px;\n}\n\n.application-area p {\n  font-size: 14px;\n  color: var(--light-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(255, 75, 75, 0.15);\n  transition: var(--transition-normal);\n}\n\n.how-it-works:hover {\n  box-shadow: 0 15px 40px rgba(255, 75, 75, 0.15);\n  transform: translateY(-5px);\n}\n\n.how-it-works:before {\n  content: \"\";\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255, 75, 75, 0.1) 0%, transparent 70%);\n  z-index: 0;\n}\n\n.steps-container {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n  margin-top: 30px;\n  position: relative;\n  z-index: 1;\n}\n\n.step {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 15px;\n  background-color: white;\n  border-radius: var(--radius-small);\n  box-shadow: var(--shadow-light);\n  transition: var(--transition-normal);\n}\n\n.step:hover {\n  transform: translateY(-3px) scale(1.01);\n  box-shadow: var(--shadow-hover);\n}\n\n.step-number {\n  width: 50px;\n  height: 50px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 700;\n  box-shadow: 0 5px 15px rgba(255, 75, 75, 0.25);\n  transition: var(--transition-normal);\n  flex-shrink: 0;\n}\n\n.step:hover .step-number {\n  transform: scale(1.1) rotate(10deg);\n  box-shadow: 0 8px 20px rgba(255, 75, 75, 0.3);\n}\n\n.step-text {\n  font-size: 17px;\n  font-weight: 500;\n  color: var(--dark-text);\n}\n\n\/* Technology Section *\/\n.tech-content {\n  background-color: var(--off-white);\n  border-radius: var(--radius-medium);\n  padding: 30px;\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(255, 75, 75, 0.1);\n  transition: var(--transition-normal);\n}\n\n.tech-content:hover {\n  box-shadow: var(--shadow-hover);\n  transform: translateY(-5px);\n}\n\n.tech-content p {\n  margin-bottom: 20px;\n  font-size: 16px;\n  line-height: 1.7;\n  text-align: center;\n}\n\n.tech-steps {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  justify-content: center;\n}\n\n.tech-step {\n  flex: 1;\n  min-width: 200px;\n  max-width: 300px;\n  padding: 20px;\n  background-color: white;\n  border-radius: var(--radius-small);\n  text-align: center;\n  box-shadow: var(--shadow-light);\n  transition: var(--transition-normal);\n  border: 1px solid rgba(255, 75, 75, 0.1);\n}\n\n.tech-step:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-hover);\n}\n\n.tech-step-number {\n  width: 40px;\n  height: 40px;\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: 18px;\n  font-weight: 700;\n  margin: 0 auto 15px;\n  box-shadow: 0 5px 15px rgba(255, 75, 75, 0.2);\n}\n\n.tech-step h3 {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--dark-text);\n  margin-bottom: 10px;\n}\n\n.tech-step p {\n  font-size: 14px;\n  margin-bottom: 0;\n  text-align: center;\n}\n\n\/* Specs Table *\/\n.specs-table-container {\n  margin: 40px 0;\n}\n\n.specs-table {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  box-shadow: var(--shadow-medium);\n  border: 1px solid rgba(255, 75, 75, 0.1);\n}\n\n.specs-table tr {\n  transition: var(--transition-normal);\n}\n\n.specs-table tr:hover {\n  background-color: var(--primary-ultra-light);\n}\n\n.specs-table td {\n  padding: 18px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.specs-table tr:last-child td {\n  border-bottom: none;\n}\n\n.specs-label {\n  font-weight: 600;\n  background-color: var(--off-white);\n  position: relative;\n  color: var(--dark-text);\n  font-size: 16px;\n  border-right: 4px solid var(--primary);\n  width: 35%;\n}\n\n.specs-value {\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\/* Package contents with hover effects *\/\n.package-list {\n  padding: 0;\n  margin: 30px 0;\n  list-style-type: none;\n}\n\n.check-item {\n  margin-bottom: 25px;\n  position: relative;\n  padding-right: 40px;\n  transition: var(--transition-normal);\n}\n\n.check-item:hover {\n  transform: translateX(-5px);\n}\n\n.check-icon {\n  position: absolute;\n  right: 0;\n  top: 2px;\n  width: 28px;\n  height: 28px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: var(--radius-circle);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  box-shadow: 0 5px 15px rgba(255, 75, 75, 0.2);\n  transition: var(--transition-normal);\n}\n\n.check-item:hover .check-icon {\n  transform: scale(1.2);\n  box-shadow: 0 8px 20px rgba(255, 75, 75, 0.3);\n}\n\n.check-text {\n  font-size: 16px;\n  color: var(--medium-text);\n  line-height: 1.6;\n}\n\n.check-text strong {\n  color: var(--dark-text);\n  font-weight: 600;\n}\n\n\/* CTA section with parallax-like effect *\/\n.cta-section {\n  text-align: center;\n  margin: 80px 0 40px;\n  padding: 50px 30px;\n  border-radius: var(--radius-large);\n  background: linear-gradient(120deg, rgba(255, 75, 75, 0.15), rgba(255, 255, 255, 0.95), rgba(255, 75, 75, 0.15));\n  box-shadow: 0 20px 40px rgba(255, 75, 75, 0.2);\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(255, 75, 75, 0.2);\n  transition: var(--transition-normal);\n}\n\n.cta-section:hover {\n  box-shadow: 0 25px 50px rgba(255, 75, 75, 0.25);\n  transform: translateY(-8px);\n}\n\n.cta-section:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ff4b4b' fill-opacity='0.05' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n  z-index: 0;\n}\n\n.cta-title {\n  font-weight: bold;\n  font-size: 28px;\n  color: var(--dark-text);\n  margin: 0 0 15px;\n  position: relative;\n  z-index: 2;\n}\n\n.cta-subtitle {\n  font-size: 18px;\n  color: var(--light-text);\n  margin-bottom: 30px;\n  position: relative;\n  z-index: 2;\n}\n\n.price-container {\n  margin-bottom: 25px;\n  position: relative;\n  z-index: 2;\n}\n\n.original-price {\n  font-size: 22px;\n  color: var(--lighter-text);\n  text-decoration: line-through;\n  margin-right: 10px;\n}\n\n.sale-price {\n  font-size: 38px;\n  font-weight: 700;\n  color: var(--dark-text);\n  background: var(--primary-gradient);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n.price-note {\n  display: block;\n  font-size: 16px;\n  color: var(--primary);\n  margin-top: 8px;\n  font-weight: 600;\n}\n\n.primary-button {\n  display: inline-block;\n  margin-top: 20px;\n  padding: 16px 40px;\n  background: var(--primary-gradient);\n  color: white;\n  border-radius: 50px;\n  font-weight: 600;\n  font-size: 18px;\n  text-decoration: none;\n  box-shadow: 0 10px 30px rgba(255, 75, 75, 0.3);\n  position: relative;\n  overflow: hidden;\n  z-index: 2;\n  transition: var(--transition-normal);\n  border: none;\n  cursor: pointer;\n}\n\n.primary-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(255, 75, 75, 0.4);\n  background: var(--primary-gradient-hover);\n}\n\n.primary-button:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: rgba(255, 255, 255, 0.2);\n  transform: skewX(-30deg);\n  transition: var(--transition-normal);\n}\n\n.primary-button:hover:before {\n  left: 100%;\n  transition: 0.7s ease-in-out;\n}\n\n\/* Primary Box design element *\/\n.primary-box {\n  display: inline-block;\n  margin-top: 15px;\n  padding: 8px 18px;\n  background: var(--primary-ultra-light);\n  border-right: 3px solid var(--primary);\n  color: var(--primary-dark);\n  font-weight: 600;\n  border-radius: 5px;\n  transition: var(--transition-normal);\n}\n\n.primary-box:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--shadow-light);\n  padding-right: 22px;\n}\n\n\/* Highlight text *\/\n.highlight-text {\n  background: linear-gradient(to right, var(--primary), var(--primary-dark));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n  font-weight: 700;\n}\n\n\/* Disclaimer *\/\n.disclaimer {\n  background-color: var(--primary-ultra-light);\n  border-radius: var(--radius-small);\n  padding: 15px;\n  font-size: 12px;\n  color: var(--light-text);\n  border-right: 3px solid var(--primary);\n  margin-top: 50px;\n}\n\n\/* 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  .repair-container {\n    padding: 0 15px;\n  }\n  \n  body {\n    font-size: 15px;\n  }\n\n  \/* Main heading optimization for mobile *\/\n  .main-heading {\n    font-size: 26px;\n    padding-bottom: 10px;\n    line-height: 1.3;\n    margin-bottom: 12px;\n    width: 100%;\n  }\n  \n  .heading-accent {\n    display: block;\n    margin-bottom: 5px;\n  }\n  \n  .heading-accent:before {\n    height: 8px;\n    bottom: 3px;\n  }\n  \n  .main-heading:after {\n    width: 60%;\n    height: 4px;\n  }\n\n  .section-title {\n    font-size: 24px;\n  }\n\n  \/* Hero section optimized *\/\n  .hero-section {\n    padding: 30px 15px;\n    margin-bottom: 40px;\n  }\n\n  .hero-image img {\n    max-width: 280px;\n  }\n\n  .hero-image:before {\n    max-width: 280px;\n  }\n\n  \/* Info card *\/\n  .info-card-text {\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  \/* USP Items *\/\n  .usp-highlights {\n    gap: 12px;\n  }\n\n  .usp-item {\n    padding: 12px 15px;\n  }\n\n  .usp-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n\n  \/* Section containers *\/\n  .section-container {\n    margin: 50px 0;\n    padding: 15px 0;\n  }\n\n  .section-title-container {\n    margin-bottom: 25px;\n  }\n\n  .section-icon {\n    width: 45px;\n    height: 45px;\n    font-size: 18px;\n  }\n\n  \/* Gallery items *\/\n  .gallery-item {\n    min-width: 100%;\n    margin-bottom: 15px;\n  }\n\n  \/* Feature boxes on mobile *\/\n  .features-container {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  .feature-icon-container {\n    width: 50px;\n    height: 50px;\n    margin-bottom: 10px;\n  }\n\n  .feature-icon {\n    font-size: 20px;\n  }\n\n  .feature-title {\n    font-size: 15px;\n    min-height: 40px;\n    margin: 5px 0 5px;\n  }\n\n  .feature-description {\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n  \/* Application areas *\/\n  .application-area {\n    min-width: 45%;\n  }\n\n  \/* Tech steps *\/\n  .tech-step {\n    min-width: 100%;\n    margin-bottom: 15px;\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  \/* Specs table *\/\n  .specs-table {\n    display: block;\n    border-radius: 0;\n  }\n\n  .specs-table tbody, .specs-table tr {\n    display: block;\n    width: 100%;\n  }\n\n  .specs-table td {\n    display: block;\n    width: 100%;\n    padding: 15px;\n  }\n\n  .specs-label {\n    width: 100%;\n    border-right: none;\n    border-bottom: 3px solid var(--primary);\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  .repair-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  \/* Application areas *\/\n  .application-area {\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":46917524160661,"sku":"uozzo8018-100ML","price":109.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/1424\/6293\/files\/scratch-b-gone-msht-fvlish-mlimh-shrivt-brb-scratch-repair-compound-avzv-shvf-720682.jpg?v=1770043225","url":"https:\/\/zolplus.com\/products\/scratchrepair","provider":"זול פלוס","version":"1.0","type":"link"}