{"title":"Brackets \u0026 Body Hardware Components","description":"","products":[{"product_id":"hyundai-elantra-2017-2018-bumper-cover-mounting-bracket-rh-for-usa-and-korea-bui-hy1043126","title":"HYUNDAI ELANTRA 2017-2018 — BUMPER COVER MOUNTING BRACKET RH; FOR USA AND KOREA BUILT MODELS; SEDAN 2017-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":48355727769792,"sku":"HY1043126","price":11.58,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/hy1043126_1.jpg?v=1780438149"},{"product_id":"dodge-pickup-2009-2010-fender-brace-lh-steel-pickup-15-5500-2009-2023-classic-20-ch1244109","title":"DODGE PICKUP 2009-2010 — FENDER BRACE LH; STEEL; PICKUP 15-5500 2009-2023\/CLASSIC 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":"Dodge","offers":[{"title":"Default Title","offer_id":48355727835328,"sku":"CH1244109","price":26.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH1244109.png?v=1780438151"},{"product_id":"toyota-sienna-2011-2020-fender-brace-fender-to-apron-lh-steel-sienna-2011-2020-to1244119","title":"TOYOTA SIENNA 2011-2020 — FENDER BRACE( FENDER TO APRON ) LH; STEEL ; SIENNA 2011-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":48355727900864,"sku":"TO1244119","price":23.16,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1244119.png?v=1780438152"},{"product_id":"toyota-rav4-2019-2025-fog-light-bezel-lh-for-adventure-trd-and-trail-2019-2024-to1038226","title":"TOYOTA RAV4 2019-2025 — FOG LIGHT BEZEL LH; FOR ADVENTURE\/TRD AND TRAIL; 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":"Toyota","offers":[{"title":"Default Title","offer_id":48355728621760,"sku":"TO1038226","price":58.74,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1038226.png?v=1780438155"},{"product_id":"toyota-rav4-2013-2018-fog-light-bezel-lh-for-se-models-rav4-2016-2018-to1038193","title":"TOYOTA RAV4 2013-2018 — FOG LIGHT BEZEL LH; FOR SE MODELS; 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":48355728687296,"sku":"TO1038193","price":29.37,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1038193.png?v=1780438156"},{"product_id":"hyundai-sonata-2018-2019-fog-light-bezel-lh-sonata-hybrid-2018-2019-except-sport-hy1038134v","title":"HYUNDAI SONATA 2018-2019 — FOG LIGHT BEZEL LH; SONATA\/HYBRID 2018-2019 (EXCEPT SPORT )","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":48355728752832,"sku":"HY1038134V","price":42.72,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY1038134.png?v=1780438157"},{"product_id":"toyota-sienna-2011-2020-fog-light-bezel-rh-black-sienna-2011-2017-except-se-to1039145","title":"TOYOTA SIENNA 2011-2020 — FOG LIGHT BEZEL RH; BLACK; SIENNA 2011-2017 ( EXCEPT SE )","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":48355728851136,"sku":"TO1039145","price":17.37,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1039145.png?v=1780438161"},{"product_id":"hyundai-sonata-2018-2019-fog-light-bezel-rh-sonata-hybrid-2018-2019-except-sport-hy1039134v","title":"HYUNDAI SONATA 2018-2019 — FOG LIGHT BEZEL RH; SONATA\/HYBRID 2018-2019 (EXCEPT SPORT )","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":48355728949440,"sku":"HY1039134V","price":42.72,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY1039134.png?v=1780438165"},{"product_id":"volkswagen-jetta-2011-2018-fog-light-cover-filler-rh-w-fogs-jetta-2015-2018-exce-vw1039137","title":"VOLKSWAGEN JETTA 2011-2018 — FOG LIGHT COVER FILLER RH; W\/ FOGS; JETTA 2015-2018 ( EXCEPT GLI )","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":48355729178816,"sku":"VW1039137","price":83.13,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/vw1039137_1.jpg?v=1780438166"},{"product_id":"toyota-camry-2018-2024-fog-light-cover-lh-for-xse-trd-2018-2024-to1038211","title":"TOYOTA CAMRY 2018-2024 — FOG LIGHT COVER LH; FOR XSE \/TRD; 2018-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":"Toyota","offers":[{"title":"Default Title","offer_id":48355732160704,"sku":"TO1038211","price":42.72,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1038211.png?v=1780438167"},{"product_id":"toyota-rav4-2006-2012-front-bumper-bracket-lh-2006-2012-to1066165","title":"TOYOTA RAV4 2006-2012 — FRONT BUMPER BRACKET LH; 2006-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":"Toyota","offers":[{"title":"Default Title","offer_id":48355734388928,"sku":"TO1066165","price":8.69,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/11760372_adr_to1066165_pri_larg.jpg?v=1780438169"},{"product_id":"toyota-rav4-2006-2012-front-bumper-bracket-rh-2006-2012-to1067165","title":"TOYOTA RAV4 2006-2012 — FRONT BUMPER BRACKET RH; 2006-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":"Toyota","offers":[{"title":"Default Title","offer_id":48355737043136,"sku":"TO1067165","price":8.69,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/to1067165_1.jpg?v=1780438170"},{"product_id":"honda-odyssey-2005-2010-front-bumper-cover-steel-support-rh-odyssey-2005-2010-ho1067106","title":"HONDA ODYSSEY 2005-2010 — FRONT BUMPER COVER STEEL SUPPORT RH; ODYSSEY 2005-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":"Honda","offers":[{"title":"Default Title","offer_id":48355737272512,"sku":"HO1067106","price":20.27,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/ho1067106_1.jpg?v=1780438170"},{"product_id":"hyundai-elantra-2011-2013-front-bumper-outer-bracket-lh-for-usa-built-sedan-2011-hy1032101","title":"HYUNDAI ELANTRA 2011-2013 — FRONT BUMPER OUTER BRACKET LH ; FOR USA BUILT; SEDAN 2011-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":"Hyundai","offers":[{"title":"Default Title","offer_id":48355737993408,"sku":"HY1032101","price":11.58,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/hy1032101_1.jpg?v=1780438172"},{"product_id":"hyundai-elantra-2011-2013-front-bumper-outer-bracket-rh-for-usa-built-sedan-2011-hy1033101","title":"HYUNDAI ELANTRA 2011-2013 — FRONT BUMPER OUTER BRACKET RH ; FOR USA BUILT; SEDAN 2011-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":"Hyundai","offers":[{"title":"Default Title","offer_id":48355738058944,"sku":"HY1033101","price":11.58,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/hy1033101_1.jpg?v=1780438174"},{"product_id":"hyundai-santa-fe-sport-2013-2018-front-bumper-retainer-lh-santa-fe-sport-2013-20-hy1032104","title":"HYUNDAI SANTA FE SPORT 2013-2018 — FRONT BUMPER RETAINER LH; SANTA FE SPORT 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":"Hyundai","offers":[{"title":"Default Title","offer_id":48355738124480,"sku":"HY1032104","price":17.37,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY1032104.png?v=1780438174"},{"product_id":"honda-crv-2012-2016-front-bumper-retainer-lh-plastic-crv-2012-2016-ho1032105","title":"HONDA CRV 2012-2016 — FRONT BUMPER RETAINER LH; PLASTIC; CRV 2012-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":"Honda","offers":[{"title":"Default Title","offer_id":48355738157248,"sku":"HO1032105","price":5.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO1032105.png?v=1780438176"},{"product_id":"mazda-cx-5-2012-2016-front-bumper-retainer-lh-plastic-cx5-2013-2016-ma1032108","title":"MAZDA CX 5 2012-2016 — FRONT BUMPER RETAINER LH; PLASTIC; 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":48355738190016,"sku":"MA1032108","price":5.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MA1032108.png?v=1780438178"},{"product_id":"honda-crv-2007-2011-front-bumper-spacer-rh-plastic-crv-2007-2011-ho1043106","title":"HONDA CRV 2007-2011 — FRONT BUMPER SPACER RH; PLASTIC; CRV 2007-2011","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":48355738222784,"sku":"HO1043106","price":8.69,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO1043106.png?v=1780438179"},{"product_id":"volkswagen-jetta-2011-2018-front-fender-brace-lh-jetta-2011-2018-wagon-2011-2014-vw1244102","title":"VOLKSWAGEN JETTA 2011-2018 — FRONT FENDER BRACE LH ; JETTA 2011-2018 \/ WAGON 2011-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":"Volkswagen","offers":[{"title":"Default Title","offer_id":48355738255552,"sku":"VW1244102","price":28.61,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW1244102.png?v=1780438182"},{"product_id":"volkswagen-jetta-2011-2018-front-fender-brace-rh-jetta-2011-2018-wagon-2011-2014-vw1245102","title":"VOLKSWAGEN JETTA 2011-2018 — FRONT FENDER BRACE RH ; JETTA 2011-2018 \/ WAGON 2011-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":"Volkswagen","offers":[{"title":"Default Title","offer_id":48355738288320,"sku":"VW1245102","price":37.38,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW1245102.png?v=1780438183"},{"product_id":"honda-accord-2018-2022-grille-molding-lh-for-ex-ex-l-lx-touring-chrome-sedan-hyb-ho1212122","title":"HONDA ACCORD 2018-2022 — GRILLE MOLDING LH; FOR EX\/EX-L\/LX\/TOURING; CHROME; SEDAN\/HYB 2018-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":"Honda","offers":[{"title":"Default Title","offer_id":48355738321088,"sku":"HO1212122","price":40.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO1212122.png?v=1780438183"},{"product_id":"honda-accord-2018-2022-headlight-molding-lh-textured-black-base-sedan-hyb-2021-2-ho1212130","title":"HONDA ACCORD 2018-2022 — HEADLIGHT MOLDING LH; TEXTURED BLACK; BASE; SEDAN\/HYB 2021-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":48355739173056,"sku":"HO1212130","price":14.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO1212130.png?v=1780438183"},{"product_id":"nissan-altima-2019-2025-hood-hinge-lh-2019-2025-ni1236190","title":"NISSAN ALTIMA 2019-2025 — HOOD HINGE LH; 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":"Nissan","offers":[{"title":"Default Title","offer_id":48355739205824,"sku":"NI1236190","price":23.16,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1236190.png?v=1780438187"},{"product_id":"nissan-rogue-2021-2025-hood-hinge-lh-chrome-black-2021-2025-ni1236200","title":"NISSAN ROGUE 2021-2025 — HOOD HINGE LH; CHROME\/BLACK; 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":"Nissan","offers":[{"title":"Default Title","offer_id":48355739238592,"sku":"NI1236200","price":23.16,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1236200.png?v=1780438187"},{"product_id":"nissan-sentra-2020-2025-hood-hinge-lh-chrome-sentra-2020-2025-ni1236198","title":"NISSAN SENTRA 2020-2025 — HOOD HINGE LH; CHROME; SENTRA 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":48355739271360,"sku":"NI1236198","price":20.27,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1236198.png?v=1780438188"},{"product_id":"ford-transit-van-2015-2019-hood-hinge-lh-t-150-250-350-350hd-cargo-crew-wagon-pa-fo1236160","title":"FORD TRANSIT VAN 2015-2019 — HOOD HINGE LH; T-150\/250\/350\/350HD; CARGO\/CREW\/WAGON\/PASSENGER; ALL 15-25","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":48355739959488,"sku":"FO1236160","price":40.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1236160.png?v=1780438190"},{"product_id":"kia-forte-2019-2024-hood-hinge-rh-2019-2024-ki1236175","title":"KIA FORTE 2019-2024 — HOOD HINGE 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":"Kia","offers":[{"title":"Default Title","offer_id":48355739992256,"sku":"KI1236175","price":34.71,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/KI1236175.png?v=1780438190"},{"product_id":"toyota-sienna-2021-2025-hood-hinge-rh-steel-2021-2025-to1236259","title":"TOYOTA SIENNA 2021-2025 — HOOD HINGE RH; STEEL; 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":"Toyota","offers":[{"title":"Default Title","offer_id":48355740025024,"sku":"TO1236259","price":26.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1236259.png?v=1780438192"},{"product_id":"toyota-camry-2018-2024-hood-lift-support-lh-camry-hyb-2018-2020-to1237140","title":"TOYOTA CAMRY 2018-2024 — HOOD LIFT SUPPORT LH; CAMRY\/HYB 2018-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":48355740057792,"sku":"TO1237140","price":75.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1237140.png?v=1780438193"},{"product_id":"honda-accord-2013-2017-hood-lift-support-lh-sedan-2013-2015-coupe-2013-2017-ho1237106","title":"HONDA ACCORD 2013-2017 — HOOD LIFT SUPPORT LH; SEDAN 2013-2015\/COUPE 2013-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":"Honda","offers":[{"title":"Default Title","offer_id":48355740090560,"sku":"HO1237106","price":29.37,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO1237106.png?v=1780438194"},{"product_id":"honda-odyssey-2018-2025-lower-grille-molding-lh-chrome-odyssey-2018-2020-ho1212118","title":"HONDA ODYSSEY 2018-2025 — LOWER GRILLE MOLDING LH; CHROME; ODYSSEY 2018-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":"Honda","offers":[{"title":"Default Title","offer_id":48355740123328,"sku":"HO1212118","price":109.98,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO1212118.png?v=1780438195"},{"product_id":"toyota-camry-2015-2017-radiator-support-air-deflector-rh-camry-hyb-2015-2017-to1218107","title":"TOYOTA CAMRY 2015-2017 — RADIATOR SUPPORT AIR DEFLECTOR RH; CAMRY\/HYB 2015-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":"Toyota","offers":[{"title":"Default Title","offer_id":48355740811456,"sku":"TO1218107","price":61.41,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1218107.png?v=1780438196"},{"product_id":"nissan-sentra-2020-2025-radiator-support-bracket-lh-sentra-2020-2025-ni1225290","title":"NISSAN SENTRA 2020-2025 — RADIATOR SUPPORT BRACKET LH; SENTRA 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":48355740844224,"sku":"NI1225290","price":50.73,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1225290.png?v=1780438199"},{"product_id":"volkswagen-jetta-2011-2018-rear-bumper-retainer-lh-jetta-2012-2014-vw1142103","title":"VOLKSWAGEN JETTA 2011-2018 — REAR BUMPER RETAINER LH; JETTA 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":"Volkswagen","offers":[{"title":"Default Title","offer_id":48355740909760,"sku":"VW1142103","price":50.73,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/vw1142103_1.jpg?v=1780438199"},{"product_id":"toyota-camry-2007-2011-rear-bumper-retainer-rh-camry-hybrid-2007-2011-to1133103","title":"TOYOTA CAMRY 2007-2011 — REAR BUMPER RETAINER RH; CAMRY\/HYBRID 2007-2011","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":48355740942528,"sku":"TO1133103","price":8.69,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/to1133103_1.jpg?v=1780438200"},{"product_id":"toyota-camry-2015-2017-rear-bumper-seal-rh-camry-hyb-2015-2017-to1143117","title":"TOYOTA CAMRY 2015-2017 — REAR BUMPER SEAL RH; CAMRY\/HYB 2015-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":"Toyota","offers":[{"title":"Default Title","offer_id":48355740975296,"sku":"TO1143117","price":23.16,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1143117.png?v=1780438204"},{"product_id":"toyota-sienna-2011-2020-rear-tail-light-filler-piece-rh-sienna-2011-2020-to1117107","title":"TOYOTA SIENNA 2011-2020 — REAR TAIL LIGHT FILLER PIECE RH ; SIENNA 2011-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":48355741008064,"sku":"TO1117107","price":40.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1117107.png?v=1780438204"},{"product_id":"nissan-altima-2019-2025-upper-radiator-support-lh-2019-2025-ni1225268","title":"NISSAN ALTIMA 2019-2025 — UPPER RADIATOR SUPPORT LH; 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":"Nissan","offers":[{"title":"Default Title","offer_id":48355741040832,"sku":"NI1225268","price":48.06,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1225268.png?v=1780438204"},{"product_id":"toyota-camry-2015-2017-bracket-lh-plastic-camry-hyb-2015-2017-to1032121","title":"TOYOTA CAMRY 2015-2017 — BRACKET LH (PLASTIC) ; CAMRY \/ HYB 2015-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":"Toyota","offers":[{"title":"Default Title","offer_id":48355741073600,"sku":"TO1032121","price":11.58,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/to1032121_1.jpg?v=1780438205"},{"product_id":"nissan-rogue-2021-2025-bumper-air-deflector-lh-plastic-2021-2023-ni1042128","title":"NISSAN ROGUE 2021-2025 — BUMPER AIR DEFLECTOR LH; PLASTIC; 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":"Nissan","offers":[{"title":"Default Title","offer_id":48355741761728,"sku":"NI1042128","price":29.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1042128.png?v=1780438207"},{"product_id":"nissan-rogue-2021-2025-bumper-air-deflector-rh-plastic-2021-2023-ni1043128","title":"NISSAN ROGUE 2021-2025 — BUMPER AIR DEFLECTOR RH; PLASTIC; 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":"Nissan","offers":[{"title":"Default Title","offer_id":48355741794496,"sku":"NI1043128","price":29.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1043128.png?v=1780438209"},{"product_id":"volkswagen-golf-2010-2014-bumper-bracket-ft-lh-wagon-inner-plastic-10-14-vw1042102","title":"VOLKSWAGEN GOLF 2010-2014 — BUMPER BRACKET (FT) LH WAGON INNER (PLASTIC) 10-14","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":48355741827264,"sku":"VW1042102","price":13.17,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW1042102.jpg?v=1780438209"},{"product_id":"kia-sorento-2011-2015-bumper-bracket-outer-fr-lh-steel-sorento-2011-2013-ki1042104","title":"KIA SORENTO 2011-2015 — BUMPER BRACKET OUTER FR LH; STEEL; SORENTO 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":"Kia","offers":[{"title":"Default Title","offer_id":48355741860032,"sku":"KI1042104","price":14.48,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/ki1042104_1.jpg?v=1780438211"},{"product_id":"volkswagen-taos-2022-2025-bumper-exhaust-trim-lh-textured-black-2022-2025-vw1146113","title":"VOLKSWAGEN TAOS 2022-2025 — BUMPER EXHAUST TRIM LH; TEXTURED BLACK; 2022-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":"Volkswagen","offers":[{"title":"Default Title","offer_id":48355741892800,"sku":"VW1146113","price":42.41,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW1146113.png?v=1780438213"},{"product_id":"volkswagen-taos-2022-2025-bumper-exhaust-trim-rh-textured-black-2022-2025-vw1147113","title":"VOLKSWAGEN TAOS 2022-2025 — BUMPER EXHAUST TRIM RH; TEXTURED BLACK; 2022-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":"Volkswagen","offers":[{"title":"Default Title","offer_id":48355741925568,"sku":"VW1147113","price":42.41,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW1147113.png?v=1780438215"},{"product_id":"nissan-versa-note-hb-2014-2019-bumper-mounting-bracket-rr-lh-steel-versa-note-14-ni1166120","title":"NISSAN VERSA NOTE HB 2014-2019 — BUMPER MOUNTING BRACKET RR LH STEEL VERSA NOTE 14-19","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":48355741958336,"sku":"NI1166120","price":95.36,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1167120.png?v=1780438217"},{"product_id":"nissan-versa-note-hb-2014-2019-bumper-mounting-bracket-rr-rh-steel-versa-note-20-ni1167120","title":"NISSAN VERSA NOTE HB 2014-2019 — BUMPER MOUNTING BRACKET RR RH STEEL VERSA NOTE 2014-19","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":48355741991104,"sku":"NI1167120","price":95.36,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1167120_5ceec67f-ebf3-44f1-afae-f697fe4160b9.png?v=1780438217"},{"product_id":"ford-econoline-2008-2014-bumper-mounting-plate-lh-econoline-08-14-e350-e450-15-2-fo1066176","title":"FORD ECONOLINE 2008-2014 — BUMPER MOUNTING PLATE LH; ECONOLINE 08-14; E350\/E450 15-25","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":48355742023872,"sku":"FO1066176","price":37.38,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1066176.jpg?v=1780438218"},{"product_id":"ford-econoline-2008-2014-bumper-mounting-plate-rh-econoline-08-14-e350-e450-15-2-fo1067176","title":"FORD ECONOLINE 2008-2014 — BUMPER MOUNTING PLATE RH; ECONOLINE 08-14; E350\/E450 15-25","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":48355742056640,"sku":"FO1067176","price":37.38,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1067176.jpg?v=1780438220"}],"url":"https:\/\/japandirectjapanese.com\/collections\/brackets-body-hardware-components\/chevrolet.oembed?page=2","provider":"Japan Direct Japanese Auto Parts","version":"1.0","type":"link"}