{"product_id":"1939778-headlight-right-compatible-with-daf-cf-xf-euro-6-2013-present","title":"1939778 Headlight Right – Compatible with DAF CF\/XF Euro 6 (2013–Present)","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700\u0026display=swap'); \n        :root {\n            --daf-red: #e30613;\n            --daf-blue: #0066cc;\n            --daf-dark: #212529;\n            --daf-light: #f0f8ff;\n            --daf-gradient: linear-gradient(135deg, #0066cc 0%, #e30613 100%);\n        }\n        body {\n            font-family: 'Montserrat', 'Segoe UI', sans-serif;\n            background: linear-gradient(135deg, #f0f8ff 0%, #e6f2ff 100%);\n            margin: 0;\n            padding: 0;\n            color: var(--daf-dark);\n            min-height: 100vh;\n            overflow-x: hidden;\n        }\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n            animation: fadeIn 0.8s ease-out;\n        }\n        .header {\n            text-align: center;\n            margin-bottom: 30px;\n            padding: 0;\n            display: flex;\n            justify-content: center;\n            position: relative;\n            overflow: hidden;\n        }\n        .title-container {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            box-sizing: border-box;\n            padding: 25px;\n            width: 100%;\n            margin-bottom: 25px;\n            position: relative;\n            z-index: 2;\n            overflow: hidden;\n        }\n        .title-container::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: var(--daf-gradient);\n            background-size: 200% 200%;\n            animation: gradientFlow 3s ease infinite;\n        }\n        .section {\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0, 102, 204, 0.1);\n            box-sizing: border-box;\n            padding: 25px;\n            width: 100%;\n            margin-bottom: 25px;\n            border-left: 4px solid var(--daf-blue);\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n        }\n        .section:hover {\n            transform: translateY(-8px) scale(1.01);\n            box-shadow: 0 15px 30px rgba(0, 102, 204, 0.25);\n        }\n        .section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -4px;\n            height: 0;\n            width: 4px;\n            background: var(--daf-gradient);\n            transition: height 0.6s ease;\n        }\n        .section:hover::before {\n            height: 100%;\n        }\n        .main-title {\n            color: var(--daf-red);\n            font-size: 2.2rem;\n            font-weight: 700;\n            margin: 0;\n            padding: 0;\n            text-transform: uppercase;\n            line-height: 1.1;\n            position: relative;\n            animation: titlePulse 3s infinite;\n        }\n        .subtitle {\n            color: var(--daf-blue);\n            font-size: 1.3rem;\n            font-weight: 400;\n            margin-top: 10px;\n            padding: 5px 0;\n            position: relative;\n        }\n        h2 {\n            color: var(--daf-blue);\n            font-size: 1.5rem;\n            border-bottom: 2px solid var(--daf-red);\n            padding-bottom: 12px;\n            margin-top: 0;\n            margin-bottom: 20px;\n            position: relative;\n            display: inline-block;\n        }\n        h2::after {\n            content: '';\n            position: absolute;\n            bottom: -2px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--daf-red);\n            animation: lineExpand 1.5s forwards;\n        }\n        .content {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #343a40;\n            position: relative;\n        }\n        .footer {\n            text-align: center;\n            margin-top: 40px;\n            color: var(--daf-red);\n            font-size: 0.9rem;\n            font-weight: 600;\n            padding: 15px;\n            border-top: 1px solid rgba(227, 6, 19, 0.2);\n            position: relative;\n        }\n        .footer::before {\n            content: '';\n            position: absolute;\n            top: -1px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--daf-gradient);\n            animation: footerLine 2s forwards 0.5s;\n        }\n        .highlight {\n            color: var(--daf-red);\n            font-weight: 700;\n            position: relative;\n            display: inline-block;\n            animation: highlightPulse 2s infinite;\n        }\n        .animated-list {\n            padding-left: 20px;\n        }\n        .animated-list li {\n            position: relative;\n            margin-bottom: 10px;\n            animation: slideIn 0.5s forwards;\n            opacity: 0;\n            transform: translateX(-20px);\n        }\n        .animated-list li::before {\n            content: '►';\n            color: var(--daf-blue);\n            position: absolute;\n            left: -20px;\n            animation: arrowPulse 1.5s infinite;\n        }\n        .compliance-badge {\n            display: inline-block;\n            background: rgba(0, 102, 204, 0.1);\n            color: var(--daf-blue);\n            padding: 4px 12px;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            margin: 5px 3px;\n            animation: badgeFloat 4s ease-in-out infinite;\n            border: 1px solid rgba(0, 102, 204, 0.3);\n        }\n        \n        \/* 增强的动画效果 *\/\n        @keyframes gradientFlow {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        @keyframes titlePulse {\n            0%, 100% { \n                text-shadow: 0 0 5px rgba(227, 6, 19, 0.3); \n                transform: scale(1);\n            }\n            50% { \n                text-shadow: 0 0 15px rgba(227, 6, 19, 0.6); \n                transform: scale(1.02);\n            }\n        }\n        @keyframes lineExpand {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        @keyframes footerLine {\n            from { width: 0; }\n            to { width: 100%; }\n        }\n        @keyframes highlightPulse {\n            0%, 100% { \n                color: var(--daf-red);\n                text-shadow: 0 0 8px rgba(227, 6, 19, 0.2);\n            }\n            50% { \n                color: #ff2a38;\n                text-shadow: 0 0 12px rgba(227, 6, 19, 0.4);\n            }\n        }\n        @keyframes slideIn {\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        @keyframes arrowPulse {\n            0%, 100% { transform: translateX(0); opacity: 1; }\n            50% { transform: translateX(5px); opacity: 0.7; }\n        }\n        @keyframes badgeFloat {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-5px); }\n        }\n        \n        \/* 增强粒子效果 *\/\n        .particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: 1;\n        }\n        .particle {\n            position: absolute;\n            border-radius: 50%;\n            background: var(--daf-blue);\n            opacity: 0.1;\n            animation: float linear infinite;\n            box-shadow: 0 0 15px rgba(0, 102, 204, 0.3);\n        }\n        .particle:nth-child(2n) {\n            background: var(--daf-red);\n            box-shadow: 0 0 15px rgba(227, 6, 19, 0.3);\n        }\n        .particle:nth-child(3n) {\n            background: white;\n            box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);\n        }\n        \n        @keyframes float {\n            to {\n                transform: translateY(-100vh) rotate(360deg);\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .container {\n                padding: 15px;\n            }\n            .main-title {\n                font-size: 1.5rem;\n            }\n            .subtitle {\n                font-size: 1.1rem;\n            }\n            .title-container, .section {\n                padding: 20px;\n            }\n            .section:hover {\n                transform: none;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"particles\" class=\"particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003cdiv class=\"title-container\"\u003e\n\u003cdiv class=\"main-title\"\u003e1939778 HEADLIGHT RIGHT – COMPATIBLE WITH DAF\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003e\n\u003cstrong\u003e1939778 headlight\u003c\/strong\u003e direct-fit right-side headlamp assembly designed to fit vehicles compatible with DAF CF\/XF Euro 6 (2013–Present)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003ch2\u003e1939778 headlight – Description\u003c\/h2\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cp\u003e\u003cstrong\u003e1939778 headlight\u003c\/strong\u003e is a direct-fit right-side headlamp assembly designed to fit vehicles compatible with DAF CF\/XF Euro 6 platforms (2013–Present). The \u003cstrong\u003e1939778 headlight\u003c\/strong\u003e is commonly replaced when the lens is cracked, the housing is damaged, mounting points break after minor impacts, or moisture ingress causes unstable lighting output—helping workshops restore reliable visibility and reduce fleet downtime.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e1939778 headlight\u003c\/strong\u003e is selected by OE reference to keep ordering accurate, because correct fitment depends on bracket geometry, rear connector position, adjuster alignment, and bulb\/reflector layout. Before installing the \u003cstrong\u003e1939778 headlight\u003c\/strong\u003e, compare the old unit’s connector and mounting ears, route the harness with clearance, tighten fasteners evenly, and re-check beam aim after fitting to keep the pattern stable during long-haul vibration and frequent washdowns.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/via.placeholder.com\/960x540?text=1939778+Headlight+RH+Front+View\" alt=\"1939778 headlight replacement compatible with DAF CF\/XF Euro 6 right-side front vi\n\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"FANCHANTS China Auto Parts Wholesales","offers":[{"title":"Default Title","offer_id":48295976337663,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0637\/7219\/7119\/files\/1939778-Headlight-Right-_-Compatible-with-DAF-CF-XF-Euro-6-_2013_Present_-FANCHANTS-China-Auto-Parts-Wholesales-89379580.webp?v=1773731905","url":"https:\/\/www.fanchantsparts.com\/ko\/products\/1939778-headlight-right-compatible-with-daf-cf-xf-euro-6-2013-present","provider":"FANCHANTS China Auto Parts Wholesales","version":"1.0","type":"link"}