{"title":"Aftermarket Body Panels","description":"","products":[{"product_id":"toyota-corolla-2020-2025-fender-lh-sedan-20-24-hatchback-19-25-capa-to1240271c","title":"TOYOTA COROLLA 2020-2025 — FENDER LH; SEDAN 20-24\/HATCHBACK 19-25 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48359290306752,"sku":"TO1240271C","price":147.42,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1240271.png?v=1780497581"},{"product_id":"jeep-grand-cherokee-2011-2021-wheel-opening-molding-lh-for-laredo-limited-trims-ch1290106","title":"JEEP GRAND CHEROKEE 2011-2021 — WHEEL OPENING MOLDING LH; FOR LAREDO\/LIMITED TRIMS; GRAND CHEROKEE 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":"Jeep","offers":[{"title":"Default Title","offer_id":48359290405056,"sku":"CH1290106","price":117.26,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH1290106.png?v=1780497583"},{"product_id":"chevrolet-equinox-2018-2024-upper-tie-bar-extension-rh-steel-equinox-18-21-gm1225367v","title":"CHEVROLET EQUINOX 2018-2024 — UPPER TIE BAR EXTENSION RH; STEEL; EQUINOX 18-21","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Chevrolet","offers":[{"title":"Default Title","offer_id":48359290503360,"sku":"GM1225367V","price":156.78,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1225367.png?v=1780497584"},{"product_id":"chevrolet-equinox-2018-2024-upper-tie-bar-extension-lh-steel-equinox-18-20-gm1225366v","title":"CHEVROLET EQUINOX 2018-2024 — UPPER TIE BAR EXTENSION LH; STEEL; EQUINOX 18-20","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Chevrolet","offers":[{"title":"Default Title","offer_id":48359290601664,"sku":"GM1225366V","price":163.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1225366.png?v=1780497585"},{"product_id":"ford-pickup-s-duty-2008-2016-upper-tailgate-moulding-w-o-step-superduty-f450-200-fo1904104","title":"FORD PICKUP S-DUTY 2008-2016 — UPPER TAILGATE MOULDING; W\/O STEP; SUPERDUTY\/F450 2007-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":"Ford","offers":[{"title":"Default Title","offer_id":48359290667200,"sku":"FO1904104","price":61.09,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1904104.png?v=1780497587"},{"product_id":"ford-pickup-f150-2009-2014-upper-tailgate-molding-w-o-step-lightduty-09-14-svt-r-fo1904107","title":"FORD PICKUP F150 2009-2014 — UPPER TAILGATE MOLDING; W\/O STEP; LIGHTDUTY 09-14; SVT_RAPTOR 2010-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":"Ford","offers":[{"title":"Default Title","offer_id":48359290732736,"sku":"FO1904107","price":50.41,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1904107.png?v=1780497588"},{"product_id":"dodge-pickup-2009-2010-upper-tailgate-molding-ram1500-09-10-2500-2010-pu-ram-15-ch1909100","title":"DODGE PICKUP 2009-2010 — UPPER TAILGATE MOLDING; RAM1500 09-10\/2500 2010; PU-RAM-15-3500 11-17","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Dodge","offers":[{"title":"Default Title","offer_id":48359290798272,"sku":"CH1909100","price":75.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH1909100.png?v=1780497590"},{"product_id":"dodge-charger-2015-2023-upper-radiator-support-plastic-steel-2015-2023-ch1225280v","title":"DODGE CHARGER 2015-2023 — UPPER RADIATOR SUPPORT; PLASTIC\/STEEL; 2015-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":"Dodge","offers":[{"title":"Default Title","offer_id":48359290896576,"sku":"CH1225280V","price":219.7,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH1225280.png?v=1780497591"},{"product_id":"ford-transit-connect-2014-2023-upper-radiator-support-fiber-plastic-and-steel-tr-fo1225229","title":"FORD TRANSIT CONNECT 2014-2023 — UPPER RADIATOR SUPPORT; FIBER+ PLASTIC AND STEEL; TRANSIT_CONNECT 2014-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":"Ford","offers":[{"title":"Default Title","offer_id":48359290962112,"sku":"FO1225229","price":457.44,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1225229.png?v=1780497593"},{"product_id":"toyota-highlander-hyb-2020-2025-upper-radiator-support-tie-bar-steel-highlander-to1225515","title":"TOYOTA HIGHLANDER\/HYB 2020-2025 — UPPER RADIATOR SUPPORT TIE BAR; STEEL; HIGHLANDER\/HYB 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":"Toyota","offers":[{"title":"Default Title","offer_id":48359291060416,"sku":"TO1225515","price":73.35,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1225515.png?v=1780497594"},{"product_id":"chevrolet-equinox-2018-2024-upper-radiator-support-tie-bar-steel-equinox-18-24-gm1225363v","title":"CHEVROLET EQUINOX 2018-2024 — UPPER RADIATOR SUPPORT TIE BAR; STEEL; EQUINOX 18-24","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Chevrolet","offers":[{"title":"Default Title","offer_id":48359291125952,"sku":"GM1225363V","price":40.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1225363.png?v=1780497596"},{"product_id":"subaru-crosstrek-2024-2025-upper-radiator-support-tie-bar-steel-crosstrek-imprez-su1225177","title":"SUBARU CROSSTREK 2024-2025 — UPPER RADIATOR SUPPORT TIE BAR; STEEL; CROSSTREK\/IMPREZA 2024-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":"Subaru","offers":[{"title":"Default Title","offer_id":48359291191488,"sku":"SU1225177","price":121.4,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/SU1225177.png?v=1780497598"},{"product_id":"mazda-cx50-2023-2025-upper-radiator-support-tie-bar-steel-2023-2025-ma1225185","title":"MAZDA CX50 2023-2025 — UPPER RADIATOR SUPPORT TIE BAR; STEEL; 2023-2025","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Mazda","offers":[{"title":"Default Title","offer_id":48359291322560,"sku":"MA1225185","price":352.59,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MA1225185.png?v=1780497599"},{"product_id":"mitsubishi-outlander-2022-2024-upper-radiator-support-tie-bar-steel-2022-2024-mi1225185","title":"MITSUBISHI OUTLANDER 2022-2024 — UPPER RADIATOR SUPPORT TIE BAR; STEEL; 2022-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":"Mitsubishi","offers":[{"title":"Default Title","offer_id":48359291551936,"sku":"MI1225185","price":117.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MI1225185.png?v=1780497601"},{"product_id":"chevrolet-trailblazer-2021-2025-upper-radiator-support-tie-bar-steel-2021-2025-gm1225424v","title":"CHEVROLET TRAILBLAZER 2021-2025 — UPPER RADIATOR SUPPORT TIE BAR; 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":"Chevrolet","offers":[{"title":"Default Title","offer_id":48359291650240,"sku":"GM1225424V","price":461.82,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1225424.png?v=1780497603"},{"product_id":"nissan-kicks-2018-2024-upper-radiator-support-tie-bar-steel-2021-2024-play-2025-ni1225308","title":"NISSAN KICKS 2018-2024 — UPPER RADIATOR SUPPORT TIE BAR; STEEL; 2021-2024\/PLAY 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":48359291683008,"sku":"NI1225308","price":242.08,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1225308.png?v=1780497604"},{"product_id":"mazda-cx30-2020-2025-upper-radiator-support-tie-bar-steel-2020-2025-ma1225181","title":"MAZDA CX30 2020-2025 — UPPER RADIATOR SUPPORT TIE BAR; STEEL; 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":"Mazda","offers":[{"title":"Default Title","offer_id":48359291715776,"sku":"MA1225181","price":76.06,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MA1225181.png?v=1780497606"},{"product_id":"nissan-kicks-2018-2024-upper-radiator-support-tie-bar-steel-2018-2020-ni1225267","title":"NISSAN KICKS 2018-2024 — UPPER RADIATOR SUPPORT TIE BAR; STEEL; 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":"Nissan","offers":[{"title":"Default Title","offer_id":48359291748544,"sku":"NI1225267","price":107.64,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1225267.png?v=1780497607"},{"product_id":"toyota-corolla-2020-2025-upper-radiator-support-tie-bar-sedan-20-22-hback-19-22-to1225480","title":"TOYOTA COROLLA 2020-2025 — UPPER RADIATOR SUPPORT TIE BAR; SEDAN 20-22\/HBACK 19-22","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":48359291781312,"sku":"TO1225480","price":88.02,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1225480.png?v=1780497609"},{"product_id":"mercedes-gla-2021-2025-upper-radiator-support-tie-bar-nylon-fiber-steel-gla250-3-mb1225201c","title":"MERCEDES GLA 2021-2025 — UPPER RADIATOR SUPPORT TIE BAR; NYLON\/ FIBER\/STEEL; GLA250\/35, 45_AMG\/GLB250, 35_AMG 2021-2023 CAPA","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Mercedes-Benz","offers":[{"title":"Default Title","offer_id":48359291814080,"sku":"MB1225201C","price":670.38,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MB1225201.png?v=1780497610"},{"product_id":"nissan-sentra-2020-2025-upper-radiator-support-tie-bar-2020-2025-ni1225288","title":"NISSAN SENTRA 2020-2025 — UPPER RADIATOR SUPPORT TIE BAR; 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":48359291846848,"sku":"NI1225288","price":221.97,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1225288.png?v=1780497612"},{"product_id":"volkswagen-tiguan-2018-2024-upper-radiator-support-rh-steel-2018-2021-vw1225159","title":"VOLKSWAGEN TIGUAN 2018-2024 — UPPER RADIATOR SUPPORT RH; STEEL; 2018-2021","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Volkswagen","offers":[{"title":"Default Title","offer_id":48359291879616,"sku":"VW1225159","price":14.48,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW1225159.png?v=1780497614"},{"product_id":"volkswagen-jetta-2011-2018-upper-radiator-support-rh-2011-2018-vw1225145","title":"VOLKSWAGEN JETTA 2011-2018 — UPPER RADIATOR SUPPORT RH; 2011-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":"Volkswagen","offers":[{"title":"Default Title","offer_id":48359291945152,"sku":"VW1225145","price":17.37,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW1225145.png?v=1780497616"},{"product_id":"volkswagen-jetta-2019-2025-upper-radiator-support-lh-stee-2019-2025-vw1225166","title":"VOLKSWAGEN JETTA 2019-2025 — UPPER RADIATOR SUPPORT LH; STEE; 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":"Volkswagen","offers":[{"title":"Default Title","offer_id":48359291977920,"sku":"VW1225166","price":42.72,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/VW1225166.png?v=1780497618"},{"product_id":"nissan-rogue-2021-2025-upper-radiator-support-lh-both-us-japan-built-2021-2025-ni1225294","title":"NISSAN ROGUE 2021-2025 — UPPER RADIATOR SUPPORT LH; BOTH US\/JAPAN BUILT; 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":48359292108992,"sku":"NI1225294","price":37.38,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1225294.png?v=1780497620"},{"product_id":"mazda-cx-5-2017-2025-upper-radiator-support-lh-2017-2025-ma1225170","title":"MAZDA CX 5 2017-2025 — UPPER RADIATOR SUPPORT LH; 2017-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":"Mazda","offers":[{"title":"Default Title","offer_id":48359292141760,"sku":"MA1225170","price":73.35,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MA1225170.png?v=1780497621"},{"product_id":"hyundai-elantra-2017-2018-upper-radiator-support-cover-usa-built-sedan-2017-2018-hy1224110","title":"HYUNDAI ELANTRA 2017-2018 — UPPER RADIATOR SUPPORT COVER; USA BUILT; 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":48359292174528,"sku":"HY1224110","price":56.07,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY1224110.png?v=1780497623"},{"product_id":"nissan-rogue-2021-2025-upper-radiator-support-cover-usa-built-rogue-2021-2025-ni1224116","title":"NISSAN ROGUE 2021-2025 — UPPER RADIATOR SUPPORT COVER; USA BUILT; ROGUE 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":48359292207296,"sku":"NI1224116","price":149.48,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1224116.png?v=1780497625"},{"product_id":"nissan-rogue-2021-2025-upper-radiator-support-cover-us-built-2024-2025-ni1224122","title":"NISSAN ROGUE 2021-2025 — UPPER RADIATOR SUPPORT COVER; US BUILT; 2024-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":48359292240064,"sku":"NI1224122","price":282.51,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/NI1224122.png?v=1780497626"},{"product_id":"toyota-corolla-2020-2025-upper-radiator-support-cover-us-all-japan-built-2-0l-se-to1224142","title":"TOYOTA COROLLA 2020-2025 — UPPER RADIATOR SUPPORT COVER; US - ALL; JAPAN BUILT 2.0L; SEDAN\/HATCHBACK 2023-2025","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48359292272832,"sku":"TO1224142","price":182.7,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1224142N.png?v=1780497627"},{"product_id":"hyundai-elantra-2021-2023-upper-radiator-support-cover-plastic-sedan-2021-2023-hy1224124","title":"HYUNDAI ELANTRA 2021-2023 — UPPER RADIATOR SUPPORT COVER; PLASTIC; SEDAN 2021-2023","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Hyundai","offers":[{"title":"Default Title","offer_id":48359292469440,"sku":"HY1224124","price":56.07,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY1224124.png?v=1780497630"},{"product_id":"toyota-corolla-2020-2025-upper-radiator-support-cover-japan-built-hybrid-2023-20-to1224141","title":"TOYOTA COROLLA 2020-2025 — UPPER RADIATOR SUPPORT COVER; JAPAN BUILT; HYBRID; 2023-2025","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48359292502208,"sku":"TO1224141","price":217.44,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1224141N.png?v=1780497631"},{"product_id":"toyota-corolla-2020-2025-upper-radiator-support-cover-japan-built-hybrid-sedan-2-to1224129","title":"TOYOTA COROLLA 2020-2025 — UPPER RADIATOR SUPPORT COVER; JAPAN BUILT; HYBRID SEDAN; 2020-2022","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48359292534976,"sku":"TO1224129","price":156.78,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1224129.png?v=1780497634"},{"product_id":"toyota-highlander-hyb-2020-2025-upper-radiator-support-cover-highlander-hyb-2020-to1224133","title":"TOYOTA HIGHLANDER\/HYB 2020-2025 — UPPER RADIATOR SUPPORT COVER; HIGHLANDER\/HYB 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":"Toyota","offers":[{"title":"Default Title","offer_id":48359292567744,"sku":"TO1224133","price":187.73,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1224133.png?v=1780497635"},{"product_id":"hyundai-santa-fe-sport-2013-2018-upper-radiator-support-cover-for-2-4-engine-201-hy1224108","title":"HYUNDAI SANTA FE SPORT 2013-2018 — UPPER RADIATOR SUPPORT COVER; FOR 2.4 ENGINE; 2013-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":48359292600512,"sku":"HY1224108","price":63.76,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HY1224108.png?v=1780497637"},{"product_id":"jeep-grand-cherokee-2022-2025-upper-radiator-support-cover-cherokee-21-25-l-22-2-ch1224119v","title":"JEEP GRAND CHEROKEE 2022-2025 — UPPER RADIATOR SUPPORT COVER; CHEROKEE 21-25\/L 22-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":"Jeep","offers":[{"title":"Default Title","offer_id":48359292633280,"sku":"CH1224119V","price":45.08,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH1224119.png?v=1780497638"},{"product_id":"ford-maverick-2022-2025-upper-radiator-support-cover-2022-2024-fo1224145","title":"FORD MAVERICK 2022-2025 — UPPER RADIATOR SUPPORT COVER; 2022-2024","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Ford","offers":[{"title":"Default Title","offer_id":48359292666048,"sku":"FO1224145","price":119.06,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1224145.png?v=1780497640"},{"product_id":"ford-bronco-2021-2025-upper-rad-support-2021-2025-mb3z-16138-a-fo1225280v","title":"FORD BRONCO 2021-2025 — UPPER RAD. SUPPORT; 2021-2025 (MB3Z-16138-A)","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":48359292698816,"sku":"FO1225280V","price":483.24,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1225280.png?v=1780497642"},{"product_id":"toyota-corolla-2020-2025-upper-rad-support-tie-bar-steel-2-0l-hback-sedan-2023-2-to1225555","title":"TOYOTA COROLLA 2020-2025 — UPPER RAD. SUPPORT TIE BAR; STEEL; 2.0L; HBACK\/SEDAN 2023-2025","description":"\u003cstyle\u003e\n\/* --- \n ENTERPRISE HIGH-TECH THEME V4\n Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n --jd-bg-main: #ffffff;\n --jd-bg-surface: #f8fafc;\n --jd-text-heading: #0f172a; \n --jd-text-body: #334155; \n --jd-text-muted: #64748b;\n --jd-accent: #2563eb; \n --jd-accent-light: #60a5fa;\n --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n --jd-border: #e2e8f0;\n \n --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n \n --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1000px; \n margin: 30px auto;\n color: var(--jd-text-body);\n background: var(--jd-bg-main);\n border-radius: 20px;\n box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n overflow: hidden;\n text-align: center; \n}\n\n.jd-hero {\n background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n background-size: 200% 200%;\n animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n position: relative;\n padding: 80px 40px;\n border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n background-size: 40px 40px;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.jd-hero-content {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-hero h2 {\n margin: 0;\n font-size: 42px;\n font-weight: 800;\n letter-spacing: -0.5px;\n line-height: 1.2;\n text-align: center;\n text-wrap: balance;\n background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n margin: 24px 0 0 0;\n max-width: 650px;\n font-size: 19px;\n color: var(--jd-text-body);\n line-height: 1.7;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin: -25px auto 50px; \n justify-content: center;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n opacity: 0;\n}\n\n.jd-badge {\n background: var(--jd-bg-main);\n border: 1px solid var(--jd-border);\n border-radius: 50px;\n padding: 14px 28px;\n font-size: 15px;\n font-weight: 600;\n color: var(--jd-text-heading);\n box-shadow: var(--jd-shadow-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n content: \"\";\n position: absolute;\n top: 0; left: -100%; width: 50%; height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-25deg);\n transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n transform: translateY(-4px);\n box-shadow: var(--jd-shadow-lg);\n border-color: var(--jd-accent-light);\n color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n left: 150%;\n}\n\n.jd-content-wrapper {\n padding: 20px 50px;\n}\n\n.jd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-top: 10px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n opacity: 0;\n}\n\n.jd-card {\n background: var(--jd-bg-surface);\n border-radius: 16px;\n padding: 40px 30px;\n border: 1px solid var(--jd-border);\n transition: all 0.5s var(--jd-ease);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.jd-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--jd-accent-gradient);\n opacity: 0.5;\n transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n transform: translateY(-8px) scale(1.01);\n box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n background: var(--jd-bg-main);\n border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n opacity: 1;\n height: 6px;\n}\n\n.jd-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--jd-text-heading);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-align: center;\n}\n\n.jd-card-text {\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-specs-container {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.jd-specs-list {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n}\n\n.jd-specs-list span {\n display: flex;\n align-items: flex-start;\n text-align: left;\n gap: 10px;\n}\n\n.jd-specs-list span::before {\n content: \"•\";\n color: var(--jd-accent);\n font-size: 20px;\n line-height: 1.4;\n}\n\n.jd-alert {\n margin-top: 40px;\n background: linear-gradient(135deg, #eff6ff, #f8fafc); \n border: 1px solid #bfdbfe;\n padding: 30px;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 12px;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n opacity: 0;\n box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n color: var(--jd-accent);\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.jd-alert p {\n margin: 0;\n color: var(--jd-text-heading);\n font-size: 16px;\n line-height: 1.6;\n text-wrap: balance;\n}\n\n.jd-accordion {\n margin-top: 50px;\n border-top: 1px solid var(--jd-border);\n animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n opacity: 0;\n}\n\n.jd-item {\n border-bottom: 1px solid var(--jd-border);\n transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n background: #f8fafc;\n}\n\n.jd-item summary {\n padding: 30px 0;\n cursor: pointer;\n font-size: 18px;\n font-weight: 700;\n color: var(--jd-text-heading);\n list-style: none;\n position: relative;\n outline: none;\n display: flex;\n justify-content: center; \n align-items: center;\n text-align: center;\n transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n display: none;\n}\n\n.jd-item summary::after {\n content: \"+\";\n position: absolute;\n right: 20px;\n font-size: 26px;\n color: var(--jd-text-muted);\n transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n content: \"−\";\n color: var(--jd-accent);\n transform: rotate(180deg);\n}\n\n.jd-item div {\n padding: 0 40px 30px 40px;\n font-size: 16px;\n color: var(--jd-text-body);\n line-height: 1.8;\n animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n margin: 0 auto;\n max-width: 800px;\n text-align: center;\n text-wrap: balance;\n}\n\n.jd-footer {\n margin-top: 40px;\n background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n border-top: 1px solid var(--jd-border);\n padding: 60px 40px;\n text-align: center;\n animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n opacity: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.jd-footer h3 {\n margin: 0 0 20px 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n color: var(--jd-accent);\n}\n\n.jd-footer p {\n margin: 0;\n max-width: 650px;\n color: var(--jd-text-body);\n line-height: 1.8;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n .jd-hero {\n padding: 60px 20px;\n }\n .jd-hero h2 {\n font-size: 32px;\n }\n .jd-hero p {\n font-size: 16px;\n }\n .jd-content-wrapper {\n padding: 20px;\n }\n .jd-badge {\n width: 100%;\n }\n .jd-card {\n padding: 30px 20px;\n }\n .jd-item div {\n padding: 0 20px 30px 20px;\n }\n .jd-footer {\n padding: 50px 20px;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n \u003cdiv class=\"jd-hero\"\u003e\n \u003cdiv class=\"jd-hero-content\"\u003e\n \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-badges\"\u003e\n \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-content-wrapper\"\u003e\n \n \u003cdiv class=\"jd-grid\"\u003e\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n \u003cdiv class=\"jd-card-text\"\u003e\n Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n \u003cbr\u003e\u003cbr\u003e\n If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-card\"\u003e\n \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n \u003cdiv class=\"jd-specs-container\"\u003e\n \u003cdiv class=\"jd-specs-list\"\u003e\n \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-alert\"\u003e\n \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-accordion\"\u003e\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n \u003cdiv\u003e\n This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n \u003cdiv\u003e\n All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n \u003cdiv\u003e\n To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"jd-item\"\u003e\n \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n \u003cdiv\u003e\n Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"jd-footer\"\u003e\n \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Toyota","offers":[{"title":"Default Title","offer_id":48359292731584,"sku":"TO1225555","price":124.02,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1225555.png?v=1780497643"},{"product_id":"ford-edge-2019-2024-upper-rad-support-tie-bar-plastic-glass-fiber-edge-st-2019-2-fo1225260v","title":"FORD EDGE 2019-2024 — UPPER RAD. SUPPORT TIE BAR; PLASTIC\/GLASS FIBER; EDGE\/ST 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":"Ford","offers":[{"title":"Default Title","offer_id":48359292764352,"sku":"FO1225260V","price":282.24,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/FO1225260.png?v=1780497645"},{"product_id":"mazda-mz-3-2019-2025-upper-rad-support-tie-bar-mexico-built-mazda-3-sport-2019-2-ma1225180","title":"MAZDA MZ 3 2019-2025 — UPPER RAD. SUPPORT TIE BAR; MEXICO BUILT; MAZDA 3\/SPORT 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":"Mazda","offers":[{"title":"Default Title","offer_id":48359292797120,"sku":"MA1225180","price":151.81,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MA1225180.png?v=1780497647"},{"product_id":"mazda-mz-3-2019-2025-upper-rad-support-tie-bar-japan-mexico-built-mazda-3-sport-ma1225175","title":"MAZDA MZ 3 2019-2025 — UPPER RAD. SUPPORT TIE BAR; JAPAN\/MEXICO BUILT; MAZDA 3\/SPORT 2014-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":"Mazda","offers":[{"title":"Default Title","offer_id":48359292829888,"sku":"MA1225175","price":53.08,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/MA1225175.png?v=1780497648"},{"product_id":"dodge-challenger-2011-2023-upper-rad-support-tie-bar-2015-2023-ch1225284","title":"DODGE CHALLENGER 2011-2023 — UPPER RAD. SUPPORT TIE BAR; 2015-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":"Dodge","offers":[{"title":"Default Title","offer_id":48359292862656,"sku":"CH1225284","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH1225284.png?v=1780497649"},{"product_id":"dodge-challenger-2011-2023-upper-rad-support-tie-bar-2015-2023-ch1225284v","title":"DODGE CHALLENGER 2011-2023 — UPPER RAD. SUPPORT TIE BAR; 2015-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":"Dodge","offers":[{"title":"Default Title","offer_id":48359292895424,"sku":"CH1225284V","price":226.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH1225284_d1cf3e39-4cc7-4801-9052-f442ba623b9e.png?v=1780497651"},{"product_id":"kia-soul-2020-2025-upper-rad-support-cover-primed-w-molding-2020-2025-ki1224117","title":"KIA SOUL 2020-2025 — UPPER RAD. SUPPORT COVER PRIMED; W\/ MOLDING; 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":"Kia","offers":[{"title":"Default Title","offer_id":48359292928192,"sku":"KI1224117","price":330.42,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/KI1224117C.png?v=1780497653"},{"product_id":"chevrolet-equinox-2010-2017-upper-hood-hinge-rh-equinox-2010-2017-gm1236155","title":"CHEVROLET EQUINOX 2010-2017 — UPPER HOOD HINGE RH; EQUINOX 2010-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":"Chevrolet","offers":[{"title":"Default Title","offer_id":48359292960960,"sku":"GM1236155","price":23.16,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1236155.png?v=1780497655"},{"product_id":"chevrolet-equinox-2010-2017-upper-hood-hinge-lh-equinox-2010-2017-gm1236154","title":"CHEVROLET EQUINOX 2010-2017 — UPPER HOOD HINGE LH; EQUINOX 2010-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":"Chevrolet","offers":[{"title":"Default Title","offer_id":48359292993728,"sku":"GM1236154","price":23.16,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1236154.png?v=1780497656"},{"product_id":"ram-ram-pickup-ram-2019-2025-upper-grille-molding-chrome-1500-2019-2022-ch1210136v","title":"RAM RAM PICKUP-RAM 2019-2025 — UPPER GRILLE MOLDING; CHROME; 1500 2019-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":"Ram","offers":[{"title":"Default Title","offer_id":48359293026496,"sku":"CH1210136V","price":304.14,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/CH1210136.png?v=1780497658"},{"product_id":"honda-accord-2018-2022-upper-grille-molding-bright-chrome-for-ex-l-lx-touring-se-ho1210177","title":"HONDA ACCORD 2018-2022 — UPPER GRILLE MOLDING; BRIGHT\/CHROME; FOR EX-L\/LX\/TOURING; 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":48359293059264,"sku":"HO1210177","price":97.8,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/HO1210177.png?v=1780497660"},{"product_id":"toyota-rav4-2019-2025-upper-grille-molding-lh-textured-black-rav4-19-2025-prime-to1212112","title":"TOYOTA RAV4 2019-2025 — UPPER GRILLE MOLDING LH; TEXTURED BLACK; RAV4 19-2025\/PRIME 21-25 ( EXCEPT ADVENTURE\/TRAIL\/TRD )","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":48359293092032,"sku":"TO1212112","price":17.37,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/TO1212112_2096f408-94a2-4ade-8d23-985228f2fa95.png?v=1780497661"}],"url":"https:\/\/japandirectjapanese.com\/collections\/aftermarket-body-panels\/dodge.oembed?page=3","provider":"Japan Direct Japanese Auto Parts","version":"1.0","type":"link"}