{"product_id":"עט-איפור-4-ב-1-versaglam","title":"עט איפור 4 ב-1 VersaGlam","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003cmeta name=\"description\" content=\"עט איפור 4 ב-1 המקצועי - איילינר, עפרון גבות, עפרון שפתיים והייליטר בעט אחד נוח. עמידות מקסימלית עד 24 שעות, מושלם לטאצ׳ אפ מהיר!\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"makeup-pen-scope\"\u003e\n\u003cheader class=\"page-header container fade-in\"\u003e\n\u003ch1\u003eעט איפור 4 ב-1 מקצועי\u003c\/h1\u003e\n\u003cp class=\"tagline\"\u003eמהיום כבר לא צריך לסחוב את כל תיק האיפור בשביל טאצ׳ אפ מהיר!\u003cbr\u003e\u003cstrong\u003eכל מה שאת צריכה - בעט אחד!\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/header\u003e\u003cmain class=\"container\"\u003e\n\u003csection class=\"product-grid\" aria-labelledby=\"product-overview-title\"\u003e\n\u003ch2 id=\"product-overview-title\" class=\"visually-hidden\"\u003eסקירת המוצר\u003c\/h2\u003e\n\u003cdiv class=\"gallery fade-in-up\" style=\"animation-delay: 0.1s;\"\u003e\n\u003cdiv class=\"main-image gif-container\"\u003e\u003cimg id=\"mainProductImage\" src=\"https:\/\/media.giphy.com\/media\/v1.Y2lkPTc5MGI3NjExbng2eHhkZG9qMjBseDRiZXU4anRpamZvZ3U5anRtcTBoazU0MGNtcCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw\/PnzaJzjyxuL57DIkpA\/giphy-downsized-large.gif\" alt=\"הדגמת עט איפור 4 ב-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"thumbnail-grid\"\u003e\n\u003cdiv class=\"thumbnail\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/GeIu4-In-1-Face-Makeup-Pen-Eyebrow-Pen-Waterproof-Drawing-Eye-Brow-Long-Lasting-Eyeliner-Eyebrow_bffdc607-5c87-4d05-bbb6-afe84b9cb220_480x480.jpg?v=1701966310\" alt=\"עט איפור 4 ב-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"thumbnail\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2981\/7382\/files\/LkJV4-In-1-Face-Makeup-Pen-Eyebrow-Pen-Waterproof-Drawing-Eye-Brow-Long-Lasting-Eyeliner-Eyebrow_23c947bf-e1bc-4363-a437-f4fda7a8b87d_480x480.jpg?v=1701966266\" alt=\"אפשרויות צבע לעט איפור\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-info fade-in-up\" style=\"animation-delay: 0.2s;\"\u003e\n\u003cdiv class=\"price-box\"\u003e\n\u003cdiv class=\"price\"\u003e₪129\u003c\/div\u003e\n\u003cdiv class=\"price-note\"\u003e*מחיר מבצע במקום \u003cdel\u003e₪259\u003c\/del\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"limited-offer\"\u003eמבצע מוגבל בזמן - 50% הנחה\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"product-description\"\u003eהעט החדשני שלנו מאפשר לך לבצע איפור מקצועי ומושלם בכל מקום! הוא בעל 4 ראשים שונים שכל אחד מהם מהווה חלק עיקרי באיפור היומיומי ויחד הם מספקים את כל מה שאת צריכה לטאצ׳ אפ מהיר ומקצועי.\u003c\/p\u003e\n\u003cdiv class=\"benefits-list\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003cspan aria-hidden=\"true\"\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch3\u003eחסכוני ונוח\u003c\/h3\u003e\n\u003cp\u003eתשכחי מהצורך בתיק איפור מלא מוצרים! כל מה שאת צריכה בעט אחד קומפקטי שתמיד נמצא בהישג יד.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003cspan aria-hidden=\"true\"\u003e⏱️\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch3\u003eעמידות מקסימלית\u003c\/h3\u003e\n\u003cp\u003eהאיפור עשוי מהחומרים הטבעיים האיכותיים ביותר, ובעל עמידות של עד 24 שעות!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003cspan aria-hidden=\"true\"\u003e🎨\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch3\u003e3 גוונים לבחירה\u003c\/h3\u003e\n\u003cp\u003eהעט מגיע ב-3 גוונים שונים המתאימים למגוון רחב של גווני עור ואופני איפור.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003cspan aria-hidden=\"true\"\u003e🌟\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\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\u003ca class=\"cta-button\" href=\"#\"\u003eהוסיפי לסל\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"features-section\" aria-labelledby=\"features-title\"\u003e\n\u003ch2 id=\"features-title\"\u003e4 פתרונות איפור בעט אחד\u003c\/h2\u003e\n\u003cdiv class=\"features\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-img\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✍️\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eאיילינר\u003c\/h3\u003e\n\u003cp\u003eעט איילינר שחור מקצועי ואיכותי. קצהו מחודד כך שתוכלי לשרטט את האיילינר המדוייק ביותר במהירות!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-img\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e👁️\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eעפרון גבות\u003c\/h3\u003e\n\u003cp\u003eעפרון חום, דק ועדין שימלא את הגבות שלך בצורה מקצועית, מהירה ועדינה לקבלת מראה טבעי ומושלם.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-img\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💋\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eעפרון שפתיים\u003c\/h3\u003e\n\u003cp\u003eעפרון שפתיים קרמי מושלם שמתפקד כאודם ולא רק כתוחם. בגוונים ורדרדים עדינים. מושלם גם כסומק קל על הלחיים!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-img\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\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\/section\u003e\n\u003csection class=\"colors-section\" aria-labelledby=\"colors-title\"\u003e\n\u003ch2 id=\"colors-title\"\u003eבחרי את הגוון המועדף עלייך\u003c\/h2\u003e\n\u003cp\u003eהעט המושלם שלנו מגיע ב-3 גוונים שונים לבחירה, המתאימים למגוון גווני עור ולהעדפות אישיות:\u003c\/p\u003e\n\u003cdiv class=\"colors-grid\"\u003e\n\u003cdiv class=\"color-option color-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-option color-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-option color-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-label\"\u003e*הצבעים להמחשה בלבד. יתכנו הבדלים קלים בין הצבע בתמונה לצבע בפועל.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bonus-section\" aria-labelledby=\"usage-title\"\u003e\n\u003cdiv class=\"bonus-badge\"\u003eחדש!\u003c\/div\u003e\n\u003ch2 id=\"usage-title\" class=\"bonus-title\"\u003eהמהפכה באיפור שתחסוך לך זמן וכסף!\u003c\/h2\u003e\n\u003cp\u003eמהיום כבר לא צריך להשקיע במוצרי איפור יקרים וגם לא לסחוב תיק איפור כבד! עט האיפור 4 ב-1 שלנו נותן לך את כל הפתרונות במוצר אחד - איילינר מקצועי, עפרון גבות מדויק, עפרון שפתיים שגם יכול לשמש כסומק, והייליטר מושלם להארת הפנים.\u003c\/p\u003e\n\u003cp\u003eהאיפור עשוי מהחומרים הטבעיים האיכותיים ביותר, ובעל עמידות מקסימלית של עד 24 שעות! מושלם לנשים בתנועה, לטיולים, לנסיעות עבודה ולשימוש יומיומי.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"cta-button\"\u003eהזמיני עכשיו!\u003c\/a\u003e\u003c\/section\u003e\n\u003c\/main\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n        \/* === אנימציות גלובליות (שמות ייחודיים) === *\/\n        @keyframes mpFadeIn { from { opacity: 0; } to { opacity: 1; } }\n        @keyframes mpFadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n        @keyframes mpShimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }\n        @keyframes mpRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n        @keyframes mpPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n\n        \/* === סגנונות מבודדים עבור עמוד עט איפור === *\/\n        .makeup-pen-scope {\n            \/* === הגדרת משתנים בתוך ה-Scope לבידוד מלא === *\/\n            --primary: #e83e8c;\n            --primary-dark: #d30e77;\n            --primary-light: #f26dac;\n            --primary-ultralight: #fce8f3;\n            --accent: #a569bd;\n            --accent-dark: #8e44ad;\n            --accent-light: #bb8fce;\n            --text-dark: #2c3e50;\n            --text-medium: #34495e;\n            --text-light: #7f8c8d;\n            --mp-background: #fffbfc;\n            --card-bg: #ffffff;\n            --border: #f7e6f0;\n            --gray-100: #f7f9fa;\n            --gray-200: #edf2f7;\n            --success: #2ecc71;\n            --warning: #f39c12;\n            --info: #3498db;\n            --danger: #e74c3c;\n\n            --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06);\n            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.08);\n            --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.08);\n            --shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);\n\n            --radius-sm: 0.375rem;\n            --radius-md: 0.5rem;\n            --radius-lg: 0.75rem;\n            --radius-xl: 1rem;\n            --radius-full: 9999px;\n\n            --spacing-xs: 0.25rem;\n            --spacing-sm: 0.5rem;\n            --spacing-md: 1rem;\n            --spacing-lg: 1.5rem;\n            --spacing-xl: 2rem;\n            --spacing-2xl: 3rem;\n            --spacing-3xl: 4rem;\n\n            --transition-fast: 0.2s ease;\n            --transition-normal: 0.3s ease;\n            --transition-slow: 0.5s ease;\n\n            --gradient-primary: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);\n            --gradient-accent: linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%);\n            --gradient-cool: linear-gradient(135deg, #e83e8c 0%, #8e44ad 100%);\n            --gradient-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);\n\n            \/* === סגנון בסיסי ל-scope עצמו === *\/\n            font-family: 'Assistant', 'Rubik', 'Heebo', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: var(--mp-background);\n            color: var(--text-dark);\n            line-height: 1.6;\n            direction: rtl;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n        }\n\n        \/* === Reset וסגנונות בסיס ל-Scope === *\/\n        .makeup-pen-scope *,\n        .makeup-pen-scope *::before,\n        .makeup-pen-scope *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            border: 0 solid var(--border);\n        }\n\n        .makeup-pen-scope img {\n             display: block;\n             max-width: 100%;\n             height: auto;\n             vertical-align: middle;\n             border-radius: var(--radius-md);\n             transition: transform var(--transition-normal);\n        }\n\n        \/* === טיפוגרפיה (Scoped) === *\/\n        .makeup-pen-scope h1,\n        .makeup-pen-scope h2,\n        .makeup-pen-scope h3,\n        .makeup-pen-scope h4,\n        .makeup-pen-scope h5,\n        .makeup-pen-scope h6 {\n            font-weight: 700;\n            line-height: 1.3;\n            margin-bottom: var(--spacing-md);\n            color: var(--text-dark);\n        }\n\n        .makeup-pen-scope h1 {\n            font-size: clamp(1.8rem, 5vw, 2.8rem);\n            margin-bottom: var(--spacing-lg);\n            background: var(--gradient-cool);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            letter-spacing: -0.01em;\n            text-align: center;\n            position: relative;\n        }\n\n        .makeup-pen-scope h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            right: 50%;\n            width: 80px;\n            height: 3px;\n            background: var(--gradient-primary);\n            border-radius: var(--radius-full);\n            transform: translateX(50%);\n        }\n\n        .makeup-pen-scope h2 {\n            font-size: clamp(1.3rem, 4vw, 1.8rem);\n            margin-top: var(--spacing-2xl);\n            margin-bottom: var(--spacing-lg);\n            padding-bottom: var(--spacing-sm);\n            position: relative;\n            display: inline-block;\n            color: var(--primary-dark);\n        }\n\n        .makeup-pen-scope h2::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 60%;\n            height: 3px;\n            background: var(--gradient-primary);\n            border-radius: var(--radius-full);\n            transition: width var(--transition-normal);\n        }\n        .makeup-pen-scope h2:hover::after {\n             width: 100%;\n        }\n\n        .makeup-pen-scope h3 {\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            margin-bottom: var(--spacing-sm);\n            color: var(--accent);\n        }\n\n        .makeup-pen-scope p {\n            margin-bottom: var(--spacing-md);\n            color: var(--text-medium);\n            line-height: 1.7;\n        }\n        .makeup-pen-scope p:last-child {\n             margin-bottom: 0;\n        }\n\n        .makeup-pen-scope a {\n            color: var(--primary);\n            text-decoration: none;\n            transition: all var(--transition-fast);\n        }\n        .makeup-pen-scope a:hover,\n        .makeup-pen-scope a:focus {\n            color: var(--primary-dark);\n            text-decoration: underline;\n        }\n\n        \/* === שיפור נגישות לפוקוס (Scoped) === *\/\n        .makeup-pen-scope a:focus-visible,\n        .makeup-pen-scope button:focus-visible {\n            outline: 2px solid var(--primary);\n            outline-offset: 2px;\n            box-shadow: 0 0 0 4px var(--primary-ultralight);\n            border-radius: var(--radius-sm);\n        }\n\n        \/* === כלי עזר (Scoped) === *\/\n        .makeup-pen-scope .container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: var(--spacing-lg) var(--spacing-md);\n        }\n        @media (min-width: 768px) {\n            .makeup-pen-scope .container { padding: var(--spacing-xl) var(--spacing-lg); }\n        }\n        @media (min-width: 1024px) {\n            .makeup-pen-scope .container { padding: var(--spacing-2xl) var(--spacing-xl); }\n        }\n\n        \/* === אנימציות CSS בלבד (Scoped) === *\/\n        .makeup-pen-scope .fade-in {\n            animation: mpFadeIn var(--transition-slow) ease-out both;\n        }\n        .makeup-pen-scope .fade-in-up {\n            animation: mpFadeInUp var(--transition-slow) ease-out both;\n        }\n        .makeup-pen-scope .pulse {\n            animation: mpPulse 4s ease-in-out infinite;\n        }\n\n        .makeup-pen-scope section,\n        .makeup-pen-scope header,\n        .makeup-pen-scope .product-grid \u003e *,\n        .makeup-pen-scope .features \u003e *,\n        .makeup-pen-scope .usage-cards \u003e *,\n        .makeup-pen-scope .testimonial-section {\n             animation: mpFadeInUp 0.6s ease-out backwards;\n        }\n        .makeup-pen-scope .feature-card:nth-child(1) { animation-delay: 0.1s; }\n        .makeup-pen-scope .feature-card:nth-child(2) { animation-delay: 0.2s; }\n        .makeup-pen-scope .feature-card:nth-child(3) { animation-delay: 0.3s; }\n        .makeup-pen-scope .feature-card:nth-child(4) { animation-delay: 0.4s; }\n\n        \/* === ראשית העמוד (Scoped) === *\/\n        .makeup-pen-scope .page-header {\n            text-align: center;\n            margin-bottom: var(--spacing-2xl);\n        }\n        .makeup-pen-scope .tagline {\n            font-size: clamp(1rem, 3vw, 1.25rem);\n            color: var(--text-medium);\n            max-width: 800px;\n            margin: 0 auto var(--spacing-lg);\n            line-height: 1.7;\n        }\n        .makeup-pen-scope .tagline strong {\n            color: var(--primary-dark);\n            font-weight: 600;\n        }\n\n        \/* === גריד מוצר ראשי (Scoped) === *\/\n        .makeup-pen-scope .product-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: var(--spacing-xl);\n            margin-bottom: var(--spacing-2xl);\n            padding-bottom: var(--spacing-xl);\n            border-bottom: 1px solid var(--border);\n        }\n        @media (min-width: 768px) {\n            .makeup-pen-scope .product-grid {\n                grid-template-columns: repeat(2, 1fr); \n                gap: var(--spacing-2xl);\n            }\n        }\n\n        \/* === גלריה (סטטית) (Scoped) === *\/\n        .makeup-pen-scope .gallery {\n            display: flex;\n            flex-direction: column;\n            gap: var(--spacing-md);\n        }\n        .makeup-pen-scope .main-image {\n            position: relative;\n            overflow: hidden;\n            border-radius: var(--radius-lg);\n            box-shadow: var(--shadow-lg);\n            background-color: var(--card-bg);\n            border: 1px solid var(--border);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: var(--spacing-md);\n        }\n        .makeup-pen-scope .main-image img {\n            max-width: 100%;\n            max-height: 320px;\n            object-fit: contain;\n            transition: transform var(--transition-slow), filter var(--transition-normal);\n        }\n        .makeup-pen-scope .main-image:hover img {\n            transform: scale(1.03);\n            filter: brightness(1.05);\n        }\n        .makeup-pen-scope .main-image.gif-container {\n            padding: 0;\n            overflow: hidden;\n        }\n        .makeup-pen-scope .main-image.gif-container img {\n            width: 100%;\n            height: auto;\n            max-height: unset;\n            border-radius: var(--radius-lg);\n        }\n        .makeup-pen-scope .main-image::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            background: var(--gradient-shimmer);\n            background-size: 200% 100%;\n            opacity: 0;\n            transition: opacity var(--transition-normal);\n            pointer-events: none;\n        }\n        .makeup-pen-scope .main-image:hover::after {\n            opacity: 0.4;\n            animation: mpShimmer 1.5s infinite;\n        }\n\n        .makeup-pen-scope .thumbnail-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: var(--spacing-sm);\n        }\n        .makeup-pen-scope .thumbnail {\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            border: 2px solid var(--border);\n            background-color: var(--card-bg);\n            transition: transform var(--transition-normal), box-shadow var(--transition-normal);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: var(--spacing-xs);\n            height: 100px;\n        }\n        .makeup-pen-scope .thumbnail img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n        }\n        .makeup-pen-scope .thumbnail:hover {\n            transform: scale(1.05);\n            box-shadow: var(--shadow-md);\n            border-color: var(--primary);\n        }\n\n        \/* === מידע מוצר (Scoped) === *\/\n        .makeup-pen-scope .product-info {\n             padding-top: var(--spacing-sm);\n        }\n        .makeup-pen-scope .product-description {\n            margin-bottom: var(--spacing-lg);\n            font-size: 1.05rem;\n        }\n\n        .makeup-pen-scope .price-box {\n            background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);\n            padding: var(--spacing-lg);\n            color: white;\n            border-radius: var(--radius-lg);\n            margin-bottom: var(--spacing-lg);\n            box-shadow: var(--shadow-xl);\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        .makeup-pen-scope .price-box::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 60%);\n            opacity: 0.6;\n            pointer-events: none;\n        }\n        .makeup-pen-scope .price {\n            font-size: clamp(2.5rem, 6vw, 3.5rem);\n            font-weight: 800;\n            margin-bottom: var(--spacing-xs);\n            line-height: 1;\n        }\n        .makeup-pen-scope .price-note {\n            font-size: 0.9rem;\n            opacity: 0.85;\n        }\n        .makeup-pen-scope .price-note del {\n            margin-right: var(--spacing-sm);\n            text-decoration-color: rgba(255, 255, 255, 0.5);\n            text-decoration-thickness: 2px;\n        }\n        .makeup-pen-scope .limited-offer {\n            margin-top: var(--spacing-sm);\n            background: rgba(255, 255, 255, 0.15);\n            padding: var(--spacing-xs) var(--spacing-md);\n            border-radius: var(--radius-full);\n            display: inline-block;\n            font-weight: 600;\n            font-size: 0.9rem;\n            border: 1px dashed rgba(255, 255, 255, 0.5);\n        }\n\n        \/* === מקטע תכונות (Scoped) === *\/\n        .makeup-pen-scope .features-section {\n             margin-top: var(--spacing-2xl);\n             padding-bottom: var(--spacing-xl);\n             border-bottom: 1px solid var(--border);\n        }\n        .makeup-pen-scope .features {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: var(--spacing-lg);\n            margin: var(--spacing-xl) 0;\n        }\n        .makeup-pen-scope .feature-card {\n            background: var(--card-bg);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            box-shadow: var(--shadow-lg);\n            transition: all var(--transition-normal);\n            display: flex;\n            flex-direction: column;\n            border: 1px solid transparent;\n            height: 100%;\n        }\n        .makeup-pen-scope .feature-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--shadow-xl);\n            border-color: var(--primary);\n        }\n        .makeup-pen-scope .feature-img {\n            height: 140px;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--primary-ultralight);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .makeup-pen-scope .feature-img .feature-icon {\n            font-size: 3rem;\n            color: var(--primary);\n        }\n        .makeup-pen-scope .feature-card:hover .feature-img .feature-icon { transform: scale(1.1); }\n        .makeup-pen-scope .feature-content { padding: var(--spacing-lg); flex-grow: 1; }\n        .makeup-pen-scope .feature-content h3 { margin-top: 0; font-size: 1.2rem; }\n        .makeup-pen-scope .feature-content p { font-size: 1rem; }\n\n        \/* === יתרונות נוספים (Scoped) === *\/\n        .makeup-pen-scope .benefits-section {\n            margin-top: var(--spacing-2xl);\n            padding-bottom: var(--spacing-xl);\n            border-bottom: 1px solid var(--border);\n        }\n        .makeup-pen-scope .benefits-list {\n            margin: var(--spacing-xl) 0;\n            display: grid;\n            gap: var(--spacing-md);\n        }\n        .makeup-pen-scope .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            background: var(--card-bg);\n            padding: var(--spacing-lg);\n            border-radius: var(--radius-md);\n            box-shadow: var(--shadow-md);\n            transition: all var(--transition-normal);\n            border: 1px solid var(--border);\n        }\n        .makeup-pen-scope .benefit-item:hover {\n            transform: translateY(-4px) scale(1.02);\n            box-shadow: var(--shadow-lg);\n            border-color: var(--primary);\n            background-color: var(--primary-ultralight);\n        }\n        .makeup-pen-scope .benefit-icon {\n            font-size: 1.75rem;\n            color: var(--primary);\n            margin-left: var(--spacing-md);\n            flex-shrink: 0;\n            line-height: 1;\n            margin-top: 2px;\n        }\n        .makeup-pen-scope .benefit-icon span[aria-hidden=\"true\"] { display: inline-block; }\n        .makeup-pen-scope .benefit-text h3 {\n            margin-top: 0;\n            margin-bottom: var(--spacing-xs);\n            font-size: 1.1rem;\n            color: var(--primary-dark);\n        }\n        .makeup-pen-scope .benefit-text p {\n            color: var(--text-medium);\n            margin-bottom: 0;\n            font-size: 0.95rem;\n        }\n\n        \/* === צבעים זמינים (Scoped) === *\/\n        .makeup-pen-scope .colors-section {\n            margin-top: var(--spacing-2xl);\n            padding-bottom: var(--spacing-xl);\n            border-bottom: 1px solid var(--border);\n        }\n        .makeup-pen-scope .colors-grid {\n            display: flex;\n            gap: var(--spacing-md);\n            margin: var(--spacing-xl) 0;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n                    .makeup-pen-scope .color-option {\n            width: 60px;\n            height: 60px;\n            border-radius: var(--radius-full);\n            transition: all var(--transition-normal);\n            box-shadow: var(--shadow-md);\n            border: 2px solid var(--border);\n            position: relative;\n        }\n        .makeup-pen-scope .color-option:hover {\n            transform: scale(1.1);\n            box-shadow: var(--shadow-lg);\n        }\n        .makeup-pen-scope .color-1 { background: linear-gradient(to bottom right, #ffb6c1, #ff69b4); }\n        .makeup-pen-scope .color-2 { background: linear-gradient(to bottom right, #d8bfd8, #9370db); }\n        .makeup-pen-scope .color-3 { background: linear-gradient(to bottom right, #f5f5dc, #d2b48c); }\n        .makeup-pen-scope .color-label {\n            text-align: center;\n            margin-top: var(--spacing-md);\n            font-size: 0.9rem;\n            color: var(--text-medium);\n        }\n\n        \/* === מקטע בונוס \/ CTA (Scoped) === *\/\n        .makeup-pen-scope .bonus-section {\n            background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);\n            color: #f8f9fa;\n            padding: var(--spacing-2xl) var(--spacing-xl);\n            border-radius: var(--radius-xl);\n            margin: var(--spacing-3xl) 0 var(--spacing-lg) 0;\n            box-shadow: var(--shadow-xl);\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        .makeup-pen-scope .bonus-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            background: radial-gradient(circle at top right, rgba(255,255,255,0.3), transparent 70%);\n            pointer-events: none;\n        }\n        .makeup-pen-scope .bonus-title {\n            color: white;\n            margin-bottom: var(--spacing-lg);\n            display: block;\n            position: relative;\n            z-index: 1;\n        }\n        .makeup-pen-scope .bonus-title::after {\n            background: linear-gradient(to right, #ffffff, rgba(255,255,255,0.5));\n            height: 4px;\n            width: 100px;\n            right: 50%;\n            transform: translateX(50%);\n            transition: none;\n        }\n        .makeup-pen-scope .bonus-section p {\n             color: rgba(255, 255, 255, 0.9);\n             max-width: 750px;\n             margin-left: auto;\n             margin-right: auto;\n             font-size: 1.05rem;\n             position: relative;\n             z-index: 1;\n        }\n        .makeup-pen-scope .bonus-badge {\n            background: var(--accent);\n            color: white;\n            transform: rotate(12deg);\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            padding: var(--spacing-sm) var(--spacing-md);\n            font-weight: 700;\n            font-size: 0.85rem;\n            border-radius: var(--radius-sm);\n            box-shadow: var(--shadow-lg);\n            z-index: 2;\n            border: 2px dashed rgba(255,255,255,0.5);\n        }\n\n        \/* === כפתור קריאה לפעולה (Scoped) === *\/\n        .makeup-pen-scope .cta-button {\n            display: inline-block;\n            background: linear-gradient(to right, var(--accent-light), var(--accent));\n            color: white;\n            border: none;\n            padding: var(--spacing-md) var(--spacing-xl);\n            font-size: 1.2rem;\n            font-weight: 700;\n            border-radius: var(--radius-full);\n            cursor: pointer;\n            text-align: center;\n            margin-top: var(--spacing-lg);\n            transition: all var(--transition-normal);\n            box-shadow: var(--shadow-lg), 0 0 15px rgba(165, 105, 189, 0.4);\n            text-decoration: none;\n            position: relative;\n            z-index: 1;\n            overflow: hidden;\n        }\n        .makeup-pen-scope .cta-button::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            background: var(--gradient-shimmer);\n            background-size: 200% 100%;\n            opacity: 0;\n            transition: opacity var(--transition-normal);\n            pointer-events: none;\n            z-index: -1;\n        }\n        .makeup-pen-scope .cta-button:hover,\n        .makeup-pen-scope .cta-button:focus {\n            transform: translateY(-3px) scale(1.03);\n            box-shadow: var(--shadow-xl), 0 0 25px rgba(165, 105, 189, 0.6);\n            color: white;\n            text-decoration: none;\n        }\n        .makeup-pen-scope .cta-button:hover::after {\n            opacity: 0.6;\n            animation: mpShimmer 1.5s infinite;\n        }\n        .makeup-pen-scope .cta-button:active {\n             transform: translateY(0) scale(1);\n             box-shadow: var(--shadow-md), 0 0 10px rgba(165, 105, 189, 0.3);\n        }\n\n        \/* === התאמות רספונסיביות (Scoped) === *\/\n        @media (max-width: 1024px) {\n            .makeup-pen-scope .features { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }\n            .makeup-pen-scope .colors-grid { gap: var(--spacing-sm); }\n            .makeup-pen-scope .color-option { width: 50px; height: 50px; }\n            .makeup-pen-scope .bonus-badge { transform: rotate(8deg); font-size: 0.8rem; padding: 5px 10px; }\n        }\n\n        @media (max-width: 768px) {\n            .makeup-pen-scope .page-header { margin-bottom: var(--spacing-xl); }\n            .makeup-pen-scope .product-info { padding-top: 0; }\n            .makeup-pen-scope .features { gap: var(--spacing-md); }\n            .makeup-pen-scope .bonus-section { padding: var(--spacing-xl) var(--spacing-lg); margin-top: var(--spacing-2xl); }\n            .makeup-pen-scope .cta-button { width: 100%; padding: var(--spacing-md) var(--spacing-lg); }\n        }\n\n        @media (max-width: 600px) {\n            .makeup-pen-scope .container { padding: var(--spacing-md) var(--spacing-sm); }\n            .makeup-pen-scope h1 { font-size: 1.8rem; }\n            .makeup-pen-scope h2 { font-size: 1.4rem; }\n            .makeup-pen-scope .price { font-size: 2.2rem; }\n            .makeup-pen-scope .thumbnail-grid { grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xs);}\n            .makeup-pen-scope .benefit-item { padding: var(--spacing-md); }\n            .makeup-pen-scope .benefit-icon { font-size: 1.5rem; margin-left: var(--spacing-sm); }\n            .makeup-pen-scope .feature-card .feature-content { padding: var(--spacing-md); }\n            .makeup-pen-scope .bonus-section { padding: var(--spacing-lg) var(--spacing-md); }\n            .makeup-pen-scope .bonus-section p { font-size: 1rem; }\n            .makeup-pen-scope .cta-button { font-size: 1.1rem; }\n            .makeup-pen-scope .bonus-badge { top: 10px; left: 10px; font-size: 0.7rem; transform: rotate(6deg); }\n        }\n\n         \/* === כלי עזר נגישות (Scoped) === *\/\n        .makeup-pen-scope .visually-hidden {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n    \u003c\/style\u003e","brand":"אוזו-שופ","offers":[{"title":"1","offer_id":46917493620885,"sku":"uozzo8086-01-1PENCIELּּ-1REFILL01","price":129.0,"currency_code":"ILS","in_stock":true},{"title":"2","offer_id":46917493653653,"sku":"uozzo8086-02-1PENCIL-ּ1REFILL02","price":129.0,"currency_code":"ILS","in_stock":true},{"title":"3","offer_id":46917493686421,"sku":"uozzo8086-03-1PENCIL-1REFIL03","price":129.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/1424\/6293\/files\/aifvr-4-b-1-versaglam-makeup-pen-avzv-shvf-534365.jpg?v=1770043060","url":"https:\/\/zolplus.com\/products\/%d7%a2%d7%98-%d7%90%d7%99%d7%a4%d7%95%d7%a8-4-%d7%91-1-versaglam","provider":"זול פלוס","version":"1.0","type":"link"}