{"product_id":"חיישן-אוטומטי-לברז","title":"חיישן אוטומטי לברז","description":"\u003c!-- ==================== עיצוב (CSS) ==================== --\u003e\n\u003cstyle\u003e\n\n    \/* איפוס כללי - גורם לכל האלמנטים לחשב גודל כולל padding ו-border *\/\n    * {\n        box-sizing: border-box;\n    }\n\n    \/* המכולה הראשית שעוטפת את כל הווידג'ט *\/\n    .widget-container {\n        background-color: transparent; \n        max-width: 900px;\n        margin: 0 auto;\n        color: #ffffff;\n        padding: 0px;\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    \/* אזור הכותרת העליונה *\/\n    .header-area {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 33px; \/* רווח בין הכותרת לרשימה *\/\n        flex-wrap: wrap;\n        gap: 10px;\n    }\n\n    \/* הכותרת הראשית \"חיישן אוטומטי לברז\" *\/\n    .main-title {\n        font-size: 4.5rem;   \/* גודל הגופן - שנה כאן *\/\n        font-weight: 900;    \/* עובי הגופן *\/\n        margin: 0;\n        line-height: 1.2;\n    }\n\n    \/* הצבע הצהוב-ירוק של המילה המודגשת בכותרת *\/\n    .main-title .highlight {\n        color: #E3FC02;  \/* שנה כאן את צבע ההדגשה *\/\n        position: relative;\n        display: inline-block;\n    }\n\n    \/* קו הקישוט מתחת למילה המודגשת *\/\n    .main-title .highlight::after {\n        content: '';\n        position: absolute;\n        bottom: -5px;\n        left: 0;\n        right: 0;\n        height: 3px;\n        background: linear-gradient(90deg, transparent, #00e58d, transparent);\n        opacity: 0.5;\n    }\n\n    \/* עמודת הפיצ'רים - הרשימה כולה *\/\n    .feature-list {\n        display: flex;\n        flex-direction: column;\n        gap: 20px; \/* רווח בין כל תיבה לתיבה *\/\n    }\n\n    \/* כל תיבת פיצ'ר בודדת *\/\n    .feature-item {\n        display: flex;\n        align-items: center;\n        background: rgba(22, 27, 36, 0.8); \/* צבע רקע התיבה - שנה כאן *\/\n        border-radius: 16px;               \/* עיגול פינות התיבה *\/\n        padding: 20px 25px;\n        box-shadow: -4px 0 0 #E3FC02 inset, 0 4px 15px rgba(0,0,0,0.2); \/* הפס הצהוב בצד ימין - שנה #E3FC02 לצבע אחר *\/\n        transition: transform 0.2s ease;\n    }\n\n    \/* אפקט ריחוף על התיבה *\/\n    .feature-item:hover {\n        transform: translateY(-2px);\n    }\n\n    \/* ריבוע האייקון הירוק הכהה *\/\n    .icon-box {\n        background-color: #0f2c27; \/* צבע רקע ריבוע האייקון - שנה כאן *\/\n        width: 50px;\n        height: 50px;\n        border-radius: 12px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 1.6rem;  \/* גודל האמוג'י *\/\n        margin-left: 25px;  \/* רווח בין האייקון לטקסט *\/\n        flex-shrink: 0;\n    }\n\n    \/* טקסט התיאור בכל תיבה *\/\n    .feature-text {\n        font-size: 1.5rem;   \/* גודל הטקסט - שנה כאן *\/\n        font-weight: 500;\n        color: #f0f0f0;      \/* צבע הטקסט - שנה כאן *\/\n    }\n\n    \/* ==================== התאמות למסך טלפון ==================== *\/\n    @media (max-width: 768px) {\n\n        \/* כותרת במובייל *\/\n        .main-title {\n            font-size: 3.5rem; \/* גודל גופן קטן יותר בטלפון *\/\n            width: 100%;\n            text-align: right;\n        }\n\n        \/* אזור הכותרת במובייל *\/\n        .header-area {\n            flex-direction: column;\n            align-items: flex-start;\n            margin-bottom: 20px;\n        }\n\n        \/* תיבת פיצ'ר במובייל - ריפוד קטן יותר *\/\n        .feature-item {\n            padding: 15px 18px;\n        }\n\n        \/* ריבוע אייקון במובייל - קצת קטן יותר *\/\n        .icon-box {\n            width: 44px;\n            height: 44px;\n            font-size: 1.4rem;\n            margin-left: 15px;\n        }\n\n        \/* טקסט במובייל - קטן יותר *\/\n        .feature-text {\n            font-size: 1.2rem;\n        }\n    }\n\u003c\/style\u003e\n\n\n\u003c!-- ==================== תוכן (HTML) ==================== --\u003e\n\n\u003c!-- המכולה הראשית --\u003e\n\u003cdiv class=\"widget-container\"\u003e\n\n    \u003c!-- אזור הכותרת --\u003e\n    \u003cdiv class=\"header-area\"\u003e\n        \u003c!-- הכותרת - שנה את הטקסט כאן --\u003e\n        \u003ch1 class=\"main-title\"\u003e\n            חיישן \u003cspan class=\"highlight\"\u003eאוטומטי\u003c\/span\u003e לברז\n            \u003c!-- המילה בתוך highlight תקבל את הצבע הצהוב --\u003e\n        \u003c\/h1\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- רשימת הפיצ'רים --\u003e\n    \u003cdiv class=\"feature-list\"\u003e\n\n        \u003c!-- פיצ'ר 1 - שנה את האמוג'י והטקסט --\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cdiv class=\"icon-box\"\u003e🙌\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003eלא נוגעים בברז עם ידיים מלוכלכות\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- פיצ'ר 2 - שנה את האמוג'י והטקסט --\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cdiv class=\"icon-box\"\u003e👦\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003eמהיום ילדים שוטפים ידים לבד ומקבלים עצמאות\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- פיצ'ר 3 - שנה את האמוג'י והטקסט --\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cdiv class=\"icon-box\"\u003e💧\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003eחסכון במים - המים יוצאים רק שצריך\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- להוסיף פיצ'ר נוסף? העתק את הבלוק מעל והדבק אחרי --\u003e\n\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"MyPalora","offers":[{"title":"Default Title","offer_id":46791910490268,"sku":null,"price":189.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0739\/8886\/6204\/files\/1080_1080.png?v=1780289294","url":"https:\/\/mypalora.com\/products\/%d7%97%d7%99%d7%99%d7%a9%d7%9f-%d7%90%d7%95%d7%98%d7%95%d7%9e%d7%98%d7%99-%d7%9c%d7%91%d7%a8%d7%96","provider":"MyPalora","version":"1.0","type":"link"}