{"title":"Aftermarket Electrical \u0026 Lighting Parts","description":"","products":[{"product_id":"audi-q5-2013-2017-bi-hid-headlight-lh-w-adaptive-q5-2013-2017-sq5-2014-2017-au2502193v","title":"AUDI Q5 2013-2017 — BI-HID HEADLIGHT LH; W\/ ADAPTIVE; Q5 2013-2017\/SQ5 2014-2017","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Audi","offers":[{"title":"Default Title","offer_id":48358685278400,"sku":"AU2502193V","price":1206.42,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/AU2502193.png?v=1780487256"},{"product_id":"toyota-camry-hybrid-2025-bi-led-headlight-assmby-rh-se-le-lev-2025-81110-aq010-to2503343h","title":"TOYOTA CAMRY\/HYBRID 2025- — BI-LED HEADLIGHT ASSMBY RH; SE\/LE\/LEV 2025- (81110-AQ010)","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358685311168,"sku":"TO2503343H","price":1359.72,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2503343.png?v=1780487257"},{"product_id":"hyundai-elantra-2019-2020-bulb-tyre-outer-tail-light-lh-usa-built-sedan-2019-202-hy2804159v","title":"HYUNDAI ELANTRA 2019-2020 — BULB TYRE OUTER TAIL LIGHT LH; USA BUILT; SEDAN 2019-2020","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Hyundai","offers":[{"title":"Default Title","offer_id":48358685343936,"sku":"HY2804159V","price":181.2,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY2804159.png?v=1780487259"},{"product_id":"gmc-terrain-2010-2017-daytime-running-lamp-rh-w-o-logo-for-sle-slt-denali-2016-2-gm2563112c","title":"GMC TERRAIN 2010-2017 — DAYTIME RUNNING LAMP RH; W\/O LOGO; FOR SLE\/SLT\/DENALI; 2016-2017 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"GMC","offers":[{"title":"Default Title","offer_id":48358685376704,"sku":"GM2563112C","price":306.33,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM2563112C.png?v=1780487260"},{"product_id":"toyota-corolla-2020-2025-daytime-running-light-lh-n-america-built-se-xse-models-to2562106h","title":"TOYOTA COROLLA 2020-2025 — DAYTIME RUNNING LIGHT LH; N-AMERICA BUILT; SE\/XSE MODELS; SEDAN 2020","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358685409472,"sku":"TO2562106H","price":267.18,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2562106.png?v=1780487261"},{"product_id":"tesla-model-3-2017-2023-fog-lamp-lh-one-light-model-3-2017-2021-model-y-2020-202-ta2592101v","title":"TESLA MODEL 3 2017-2023 — FOG LAMP LH; ONE LIGHT; MODEL 3 2017-2021; MODEL Y 2020-2022","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Tesla","offers":[{"title":"Default Title","offer_id":48358685442240,"sku":"TA2592101V","price":140.4,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TA2592101.png?v=1780487264"},{"product_id":"nissan-titan-2004-2016-fog-lamp-rh-armada-2004-pathfinder-2004-armada-05-07-tita-ni2593119","title":"NISSAN TITAN 2004-2016 — FOG LAMP RH; ARMADA (2004)(PATHFINDER) 2004 \u0026 ARMADA 05-07 \u0026 TITAN PICKUP 04-15","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48358685933760,"sku":"NI2593119","price":95.36,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/61fd5b9EBmL._SL1200.jpg?v=1780487265"},{"product_id":"volkswagen-cc-2009-2017-fog-lamp-rh-cc-a4-09-12-s5-08-11-a5-11-12-a6-s6-13-15-q3-vw2593115","title":"VOLKSWAGEN CC 2009-2017 — FOG LAMP RH; CC\/A4 09-12; S5 08-11; A5 11-12; A6\/S6 13-15; Q3 15-17","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Volkswagen","offers":[{"title":"Default Title","offer_id":48358685966528,"sku":"VW2593115","price":88.02,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW2593115.png?v=1780487266"},{"product_id":"gmc-terrain-2018-2024-fog-light-rh-terrain-22-24-acadia-20-23-expecdition-22-24-gm2593333c","title":"GMC TERRAIN 2018-2024 — FOG LIGHT RH; TERRAIN 22-24; ACADIA 20-23; EXPECDITION 22-24; ESCAPE 2023 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"GMC","offers":[{"title":"Default Title","offer_id":48358685999296,"sku":"GM2593333C","price":112.04,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM2593333.png?v=1780487268"},{"product_id":"subaru-forester-2014-2018-halogen-fog-light-lh-rh-16-17-forester-w-o-driver-assi-su2592122h","title":"SUBARU FORESTER 2014-2018 — HALOGEN FOG LIGHT LH=RH; 16-17 FORESTER W\/O DRIVER ASSIST; CLICK IMAGE FOR FITMENTS","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48358686032064,"sku":"SU2592122H","price":112.32,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/SU2592122N.png?v=1780487270"},{"product_id":"toyota-highlander-2011-2013-halogen-head-light-rh-japan-built-highlander-hybrid-to2519129v","title":"TOYOTA HIGHLANDER 2011-2013 — HALOGEN HEAD LIGHT RH; JAPAN BUILT; HIGHLANDER HYBRID 2011-2013","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358686064832,"sku":"TO2519129V","price":284.94,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2519129.png?v=1780487272"},{"product_id":"ford-fusion-2017-2020-halogen-headlight-lh-w-o-signature-fusion-energi-hybrid-al-fo2502348v","title":"FORD FUSION 2017-2020 — HALOGEN HEADLIGHT LH; W\/O SIGNATURE; FUSION\/ENERGI\/HYBRID ALL 2017-2020","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48358686097600,"sku":"FO2502348V","price":678.63,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO2502348.png?v=1780487273"},{"product_id":"hyundai-tucson-2016-2021-halogen-headlight-rh-w-led-position-tucson-2016-2018-hy2503200v","title":"HYUNDAI TUCSON 2016-2021 — HALOGEN HEADLIGHT RH; W\/ LED POSITION; TUCSON 2016-2018","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Hyundai","offers":[{"title":"Default Title","offer_id":48358686130368,"sku":"HY2503200V","price":416.1,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY2503200.png?v=1780487275"},{"product_id":"ford-ecosport-2018-2022-halogen-headlight-rh-chrome-housing-w-led-drl-ecosport-2-fo2503376c","title":"FORD ECOSPORT 2018-2022 — HALOGEN HEADLIGHT RH; CHROME HOUSING; W\/ LED DRL; ECOSPORT 2018-2022 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48358686163136,"sku":"FO2503376C","price":1230.51,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO2503376.png?v=1780487276"},{"product_id":"hyundai-tucson-2010-2015-halogen-headlight-rh-tucson-2014-2015-capa-hy2503185c","title":"HYUNDAI TUCSON 2010-2015 — HALOGEN HEADLIGHT RH; TUCSON 2014-2015 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Hyundai","offers":[{"title":"Default Title","offer_id":48358686195904,"sku":"HY2503185C","price":766.23,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY2503185.png?v=1780487277"},{"product_id":"hyundai-elantra-2021-2023-halogen-headlight-rh-usa-built-elantra-sedan-2021-2023-hy2503247v","title":"HYUNDAI ELANTRA 2021-2023 — HALOGEN HEADLIGHT RH; USA BUILT; ELANTRA SEDAN 2021-2023","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Hyundai","offers":[{"title":"Default Title","offer_id":48358686228672,"sku":"HY2503247V","price":613.2,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY2503247.png?v=1780487279"},{"product_id":"hyundai-tucson-2016-2021-halogen-headlight-rh-w-led-position-tucson-2019-2021-ca-hy2503235c","title":"HYUNDAI TUCSON 2016-2021 — HALOGEN HEADLIGHT RH; W\/ LED POSITION; TUCSON 2019-2021 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Hyundai","offers":[{"title":"Default Title","offer_id":48358686720192,"sku":"HY2503235C","price":803.73,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY2503235.png?v=1780487281"},{"product_id":"chevrolet-cruze-2016-2019-halogen-headlight-rh-w-o-drl-projector-sedan-2016-2019-gm2503428v","title":"CHEVROLET CRUZE 2016-2019 — HALOGEN HEADLIGHT RH; W\/O DRL \u0026 PROJECTOR; SEDAN 2016-2019\/HBACK 2017-2019","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Chevrolet","offers":[{"title":"Default Title","offer_id":48358686752960,"sku":"GM2503428V","price":455.52,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM2503428V.png?v=1780487283"},{"product_id":"chevrolet-trailblazer-2021-2025-halogen-outer-tail-light-lh-2021-2025-gm2804147v","title":"CHEVROLET TRAILBLAZER 2021-2025 — HALOGEN OUTER TAIL LIGHT LH; 2021-2025","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Chevrolet","offers":[{"title":"Default Title","offer_id":48358686785728,"sku":"GM2804147V","price":345.75,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM2804147.png?v=1780487284"},{"product_id":"hyundai-elantra-2021-2023-halogen-outer-tail-light-lh-korea-built-2021-2025-oe-9-hy2804170h","title":"HYUNDAI ELANTRA 2021-2023 — HALOGEN OUTER TAIL LIGHT LH; KOREA BUILT; 2021-2025 (OE 92401AA020)","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Hyundai","offers":[{"title":"Default Title","offer_id":48358686818496,"sku":"HY2804170H","price":295.38,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY2804170H.png?v=1780487285"},{"product_id":"ram-ram-pickup-ram-2019-2025-halogen-tail-light-rh-w-o-logo-black-1500-2019-2024-ch2801228v","title":"RAM RAM PICKUP-RAM 2019-2025 — HALOGEN TAIL LIGHT RH; W\/O LOGO; BLACK; 1500 2019-2024","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ram","offers":[{"title":"Default Title","offer_id":48358686851264,"sku":"CH2801228V","price":183.47,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH2801228.png?v=1780487288"},{"product_id":"honda-civic-2016-2021-head-lamp-halogen-lh-for-sedan-hatchback-16-21-coupe-16-20-ho2502173v","title":"HONDA CIVIC 2016-2021 — HEAD LAMP HALOGEN LH; FOR SEDAN\/HATCHBACK 16-21\/COUPE 16-20","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48358686884032,"sku":"HO2502173V","price":178.94,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO2502173V.png?v=1780487289"},{"product_id":"mazda-cx-5-2012-2016-head-lamp-halogen-lh-cx5-2013-2016-ma2518146v","title":"MAZDA CX 5 2012-2016 — HEAD LAMP HALOGEN LH; CX5 2013-2016","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Mazda","offers":[{"title":"Default Title","offer_id":48358686916800,"sku":"MA2518146V","price":203.85,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MA2518146.png?v=1780487290"},{"product_id":"toyota-camry-2002-2006-head-lamp-lh-black-usa-built-for-se-model-2005-2006-to2502156","title":"TOYOTA CAMRY 2002-2006 — HEAD LAMP LH; BLACK; USA BUILT; FOR SE MODEL 2005-2006","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358686949568,"sku":"TO2502156","price":149.76,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/71Bvk-I3kXL._SL1500.jpg?v=1780487292"},{"product_id":"toyota-highlander-2008-2010-head-lamp-lh-japan-built-for-base-limited-se-models-to2502176","title":"TOYOTA HIGHLANDER 2008-2010 — HEAD LAMP LH; JAPAN BUILT; FOR BASE\/LIMITED\/SE MODELS 2008-2010","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358686982336,"sku":"TO2502176","price":192.52,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/to2502176.jpg?v=1780487294"},{"product_id":"buick-encore-2013-2024-head-lamp-lh-encore-buick-2013-2016-gm2502379","title":"BUICK ENCORE 2013-2024 — HEAD LAMP LH; ENCORE (BUICK) 2013-2016","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Buick","offers":[{"title":"Default Title","offer_id":48358687473856,"sku":"GM2502379","price":591.3,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM2502379.png?v=1780487295"},{"product_id":"toyota-camry-2012-2014-head-lamp-lh-for-all-models-except-se-camry-hyb-2012-2014-to2502211v","title":"TOYOTA CAMRY 2012-2014 — HEAD LAMP LH; FOR ALL MODELS EXCEPT SE ;CAMRY\/HYB 2012-2014","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358687506624,"sku":"TO2502211V","price":110.02,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2502211V.png?v=1780487297"},{"product_id":"ford-pickup-f150-2006-2008-head-lamp-lh-gray-fits-fx2-lightduty-2007-2008-fo2502248","title":"FORD PICKUP F150 2006-2008 — HEAD LAMP LH; GRAY; FITS FX2; LIGHTDUTY 2007-2008","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48358687539392,"sku":"FO2502248","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO2502248.png?v=1780487299"},{"product_id":"chevrolet-impala-2006-2013-head-lamp-lh-impala-2006-2013-limited-2014-2016-monte-gm2502261","title":"CHEVROLET IMPALA 2006-2013 — HEAD LAMP LH; IMPALA 2006-2013 \/ LIMITED 2014-2016 \/ MONTE CARLO 2006-2007","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Chevrolet","offers":[{"title":"Default Title","offer_id":48358687572160,"sku":"GM2502261","price":145.08,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/2261.jpg?v=1780487300"},{"product_id":"toyota-corolla-2020-2025-headlight-lh-us-japan-models-se-xse-xle-models-sedan-20-to2502287v","title":"TOYOTA COROLLA 2020-2025 — HEADLIGHT LH; US\/JAPAN MODELS; SE\/XSE\/XLE MODELS; SEDAN 2020-2022","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358687604928,"sku":"TO2502287V","price":262.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2502287.png?v=1780487302"},{"product_id":"nissan-pathfinder-2005-2012-headlight-rh-pathfinder-2008-2012-ni2503171h","title":"NISSAN PATHFINDER 2005-2012 — HEADLIGHT RH; PATHFINDER 2008-2012","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48358687637696,"sku":"NI2503171H","price":271.56,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI2503171.png?v=1780487303"},{"product_id":"audi-a4-2009-2016-hid-head-light-rh-w-o-adaptive-a4-a4-quattro-09-10-s4-2010-au2503150v","title":"AUDI A4 2009-2016 — HID HEAD LIGHT RH; W\/O ADAPTIVE; A4\/A4 QUATTRO 09-10; S4 2010","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Audi","offers":[{"title":"Default Title","offer_id":48358687670464,"sku":"AU2503150V","price":556.26,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/AU2503150.png?v=1780487305"},{"product_id":"cadillac-escalade-2007-2014-hid-headlight-lh-2nd-design-escalade-ext-esv-hyb-200-gm2502348v","title":"CADILLAC ESCALADE 2007-2014 — HID HEADLIGHT LH; 2ND DESIGN; ESCALADE\/EXT\/ESV\/HYB 2009-2014","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Cadillac","offers":[{"title":"Default Title","offer_id":48358687703232,"sku":"GM2502348V","price":630.72,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM2502348.png?v=1780487306"},{"product_id":"jeep-compass-mp-2017-2025-hid-headlight-lh-w-led-accent-compass-mp-2017-2021-ch2502333v","title":"JEEP COMPASS_MP 2017-2025 — HID HEADLIGHT LH; W\/ LED ACCENT; COMPASS_MP 2017-2021","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Jeep","offers":[{"title":"Default Title","offer_id":48358687736000,"sku":"CH2502333V","price":722.7,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH2502333.png?v=1780487308"},{"product_id":"audi-q5-2013-2017-hid-headlight-lh-w-o-curve-lighting-q5-2013-2017-sq5-2014-2017-au2502179v","title":"AUDI Q5 2013-2017 — HID HEADLIGHT LH; W\/O CURVE LIGHTING; Q5 2013-2017\/SQ5 2014-2017","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Audi","offers":[{"title":"Default Title","offer_id":48358687768768,"sku":"AU2502179V","price":877.92,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/AU2502179.png?v=1780487310"},{"product_id":"nissan-sentra-2020-2025-inner-tail-light-lh-2020-2025-ni2802124h","title":"NISSAN SENTRA 2020-2025 — INNER TAIL LIGHT LH; 2020-2025","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48358687801536,"sku":"NI2802124H","price":206.12,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI2802124.png?v=1780487311"},{"product_id":"subaru-crosstrek-2018-2023-inner-tail-light-rh-2018-2019-su2803108h","title":"SUBARU CROSSTREK 2018-2023 — INNER TAIL LIGHT RH; 2018-2019","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48358688293056,"sku":"SU2803108H","price":190.51,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/SU2803108.png?v=1780487312"},{"product_id":"subaru-forester-2019-2024-inner-tail-light-rh-2019-2024-su2803109h","title":"SUBARU FORESTER 2019-2024 — INNER TAIL LIGHT RH; 2019-2024","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Subaru","offers":[{"title":"Default Title","offer_id":48358688325824,"sku":"SU2803109H","price":235.56,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/SU2803109.png?v=1780487314"},{"product_id":"honda-pilot-2023-2025-inner-tail-light-rh-for-ex-l-trailsport-2023-2025-ho2803133h","title":"HONDA PILOT 2023-2025 — INNER TAIL LIGHT RH; FOR EX-L\/TRAILSPORT; 2023-2025","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48358688391360,"sku":"HO2803133H","price":215.17,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO2803133.png?v=1780487316"},{"product_id":"honda-accord-2013-2017-inner-tail-light-rh-w-led-light-ex-l-touring-13-15-hyb-ex-ho2803106h","title":"HONDA ACCORD 2013-2017 — INNER TAIL LIGHT RH; W\/ LED LIGHT; EX-L\/TOURING 13-15; HYB EX-L\/TOURING 14-15","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48358688424128,"sku":"HO2803106H","price":80.69,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO2803106.png?v=1780487317"},{"product_id":"toyota-corolla-2020-2025-inner-tail-light-rh-w-o-smoked-lens-japan-built-sedan-2-to2803150c","title":"TOYOTA COROLLA 2020-2025 — INNER TAIL LIGHT RH; W\/O SMOKED LENS; JAPAN BUILT; SEDAN 2020-2025 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358688456896,"sku":"TO2803150C","price":97.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2803150.png?v=1780487318"},{"product_id":"toyota-rav4-2019-2025-inner-tailight-rh-n-america-built-2019-2025-to2803148h","title":"TOYOTA RAV4 2019-2025 — INNER TAILIGHT RH; N-AMERICA BUILT; 2019-2025","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358688489664,"sku":"TO2803148H","price":170.82,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2803148.png?v=1780487320"},{"product_id":"toyota-highlander-2014-2019-led-daytime-running-lamp-lh-bumper-mounted-highlande-to2562100v","title":"TOYOTA HIGHLANDER 2014-2019 — LED DAYTIME RUNNING LAMP LH; BUMPER MOUNTED; HIGHLANDER\/HYB 2014-2016","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358688522432,"sku":"TO2562100V","price":328.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2562100.png?v=1780487322"},{"product_id":"ford-explorer-2020-2025-led-fog-light-lh-explorer-2020-2024-fo2592254v","title":"FORD EXPLORER 2020-2025 — LED FOG LIGHT LH; EXPLORER 2020-2024","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48358688555200,"sku":"FO2592254V","price":117.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO2592254.png?v=1780487323"},{"product_id":"honda-hrv-2016-2022-led-fog-light-lh-for-touring-hrv-2020-2022-ho2592150","title":"HONDA HRV 2016-2022 — LED FOG LIGHT LH; FOR TOURING; HRV 2020-2022","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Honda","offers":[{"title":"Default Title","offer_id":48358688587968,"sku":"HO2592150","price":306.6,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO2592150.png?v=1780487325"},{"product_id":"nissan-rogue-2021-2025-led-fog-light-lh-japan-built-rogue-21-23-pathfinder-22-23-ni2592142","title":"NISSAN ROGUE 2021-2025 — LED FOG LIGHT LH; JAPAN BUILT ROGUE 21-23; PATHFINDER 22-23 (EXC ROCK CREEK); ARMADA 23-24","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Nissan","offers":[{"title":"Default Title","offer_id":48358689079488,"sku":"NI2592142","price":219.44,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI2592142.png?v=1780487327"},{"product_id":"ford-explorer-2016-2019-led-fog-light-rh-explorer-sport-limited-2016-2017-capa-fo2593243c","title":"FORD EXPLORER 2016-2019 — LED FOG LIGHT RH; EXPLORER\/SPORT\/LIMITED 2016-2017 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48358689112256,"sku":"FO2593243C","price":319.74,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO2593243.png?v=1780487328"},{"product_id":"toyota-rav4-2013-2018-led-headlight-lh-rav4-2016-2018-to2518190v","title":"TOYOTA RAV4 2013-2018 — LED HEADLIGHT LH; RAV4 2016-2018","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358689145024,"sku":"TO2518190V","price":284.7,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2518190.png?v=1780487330"},{"product_id":"toyota-rav4-2013-2018-led-headlight-lh-rav4-2016-2018-to2518190","title":"TOYOTA RAV4 2013-2018 — LED HEADLIGHT LH; RAV4 2016-2018","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48358689177792,"sku":"TO2518190","price":284.7,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO2518190_f690786c-5e94-4479-b954-e2616a2fbc6e.png?v=1780487332"},{"product_id":"gmc-denali-2014-2018-led-headlight-lh-denali-sierra-1500-2016-2018-sierra-1500-l-gm2502459v","title":"GMC DENALI 2014-2018 — LED HEADLIGHT LH; DENALI\/SIERRA 1500 2016-2018; SIERRA 1500 LIMITED 2019","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"GMC","offers":[{"title":"Default Title","offer_id":48358689210560,"sku":"GM2502459V","price":1095.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM2502459.png?v=1780487333"}],"url":"https:\/\/japandirectjapanese.com\/collections\/aftermarket-electrical-lighting-parts\/cadillac.oembed?page=3","provider":"Japan Direct Japanese Auto Parts","version":"1.0","type":"link"}