{"title":"Pontiac","description":"","products":[{"product_id":"jdm-pontiac-vibe-2az-fe-2-4l-engine-motor-2009-2010-jdj-1571","title":"JDM Pontiac Vibe 2AZ-FE 2.4L Engine Motor 2009-2010","description":"\u003ctable style=\"width: 100.036%; height: 254.8px;\" class=\"table product_details_table\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003ePart Code\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value\"\u003e2AZ-FE - Engine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003eBrand\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value\"\u003eToyota\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003eNumber of Cylinders\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003eEngine Size\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value\"\u003e2.4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003eMileage (approx.)\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value\"\u003e86K km\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003eType\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value\"\u003eEngine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003eOE\/OEM Part Number\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value\"\u003eJDM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 39.2px;\" class=\"td_label\"\u003eCountry\/Region of Manufacture\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 39.2px;\" class=\"td_value\"\u003eJAPAN\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003eWarranty\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value\"\u003e30 Days\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 19.6px;\" class=\"td_label\"\u003eParts Included\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 19.6px;\" class=\"td_value parts_included\"\u003e1 - Complete Engine as Pictured\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 39.2px;\"\u003e\n\u003ctd style=\"width: 29.3049%; height: 39.2px;\" class=\"td_label\"\u003eModification Notes\u003c\/td\u003e\n\u003ctd style=\"width: 70.4755%; height: 39.2px;\" class=\"td_value\"\u003e\u003cspan\u003eUse as long block and keep all your accessories (Intake, Exhaust Manifolds, ALT, PS, AC, etc.)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Pontiac","offers":[{"title":"Default Title","offer_id":48214663561408,"sku":"JDJ-1571","price":2200.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/imgi_6_dsc08694_copy.jpg?v=1777391403"},{"product_id":"remanufactured-pontiac-vibe-2009-2010-starter-v1-19049r","title":"Remanufactured Pontiac Vibe 2009-2010 Starter","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48340278608064,"sku":"V1-19049R","price":100.31,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/V1-19049R-120230731120556.jpg?v=1780003411"},{"product_id":"toyota-corolla-matrix-pontiac-vibe-1-8l-alternator-19205245-2009-2011-v2-11385","title":"Toyota Corolla Matrix Pontiac Vibe 1.8L Alternator 19205245 2009-2011","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Pontiac","offers":[{"title":"Default Title","offer_id":48340278640832,"sku":"V2-11385","price":261.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/1138520200906061027.jpg?v=1780003412"},{"product_id":"toyota-camry-corolla-matrix-pontiac-vibe-2-4l-alternator-19205069-2007-2013-v2-11195","title":"Toyota Camry Corolla Matrix Pontiac Vibe 2.4L Alternator 19205069 2007-2013","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Pontiac","offers":[{"title":"Default Title","offer_id":48340278673600,"sku":"V2-11195","price":255.41,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/V2-11195-120211115061835.jpg?v=1780003414"},{"product_id":"pontiac-g6-2005-2010-grille-upper-lh-steel-use-w-gm1000731-cover-g6-2005-2009-gm1200539","title":"PONTIAC G6 2005-2010 — GRILLE UPPER LH ; STEEL; USE W\/GM1000731 COVER; G6 2005-2009","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48356855742656,"sku":"GM1200539","price":15.93,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/bdy-gm1200539_xl.jpg?v=1780457124"},{"product_id":"pontiac-g6-2005-2010-grille-rh-steel-use-w-gm1000731-cover-g6-2005-2009-gm1200540","title":"PONTIAC G6 2005-2010 — GRILLE RH; STEEL; USE W\/GM1000731 COVER; G6 2005-2009","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48356855808192,"sku":"GM1200540","price":15.93,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/gm1200540.jpg?v=1780457127"},{"product_id":"pontiac-g6-2005-2010-grille-rh-chrome-upper-outer-g6-2005-2009-gm1200541","title":"PONTIAC G6 2005-2010 — GRILLE RH; CHROME; UPPER OUTER; G6 2005-2009","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48356855840960,"sku":"GM1200541","price":17.37,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/wwwwwwwwwwwwwwwwww.jpg?v=1780457127"},{"product_id":"pontiac-g6-2005-2010-grille-lh-chrome-upper-outer-g6-2005-2009-gm1200542","title":"PONTIAC G6 2005-2010 — GRILLE LH; CHROME; UPPER OUTER; G6 2005-2009","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48356855873728,"sku":"GM1200542","price":17.37,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/gm1200542_1.jpg?v=1780457129"},{"product_id":"pontiac-vibe-2003-2008-front-liner-fender-lh-vibe-2003-2008-gm1248130","title":"PONTIAC VIBE 2003-2008 — FRONT LINER FENDER LH; VIBE 2003-2008","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Pontiac","offers":[{"title":"Default Title","offer_id":48359371505856,"sku":"GM1248130","price":34.71,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/gm1248130_1.jpg?v=1780499774"},{"product_id":"pontiac-g6-2005-2010-front-inner-fender-lh-gm1248174","title":"PONTIAC G6 2005-2010 — FRONT INNER FENDER LH","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48359375831232,"sku":"GM1248174","price":27.05,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/gm1248174_1.jpg?v=1780499969"},{"product_id":"pontiac-grand-am-1999-2005-fender-lh-w-o-hole-gm1240264","title":"PONTIAC GRAND AM 1999-2005 — FENDER LH W\/O HOLE","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48359418298560,"sku":"GM1240264","price":63.81,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/gm1240264_1.jpg?v=1780501523"},{"product_id":"pontiac-grand-prix-2004-2008-fender-lh-grand-prix-2004-2008-base-gt-capa-gm1240298c","title":"PONTIAC GRAND PRIX 2004-2008 — FENDER LH ; GRAND PRIX 2004-2008 (BASE\/GT) 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":"Pontiac","offers":[{"title":"Default Title","offer_id":48359423115456,"sku":"GM1240298C","price":168.48,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1240298_37943_GSA_be1e6098-1a0c-43c3-bb1c-dd37bcfd2ead.jpg?v=1780501667"},{"product_id":"pontiac-g6-2005-2010-mirror-rh-power-w-o-heat-sedan-g6-2005-2009-gm1321291","title":"PONTIAC G6 2005-2010 — MIRROR RH ; POWER ; W\/O HEAT; SEDAN G6 2005-2009","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48359487242432,"sku":"GM1321291","price":80.69,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/gm1321291_1.jpg?v=1780503296"},{"product_id":"pontiac-grand-am-1999-2005-front-bumper-primed-se-model-grand-am-2003-2005-gm1000675","title":"PONTIAC GRAND AM 1999-2005 — FRONT BUMPER PRIMED; SE MODEL ;GRAND_AM 2003-2005","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48360413266112,"sku":"GM1000675","price":185.73,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1000675_pontiac_grand_am_1999_2005_1.png?v=1784664810"},{"product_id":"pontiac-grand-am-1999-2005-front-bumper-primed-gt-model-grand-am-1999-2005-gm1000573","title":"PONTIAC GRAND AM 1999-2005 — FRONT BUMPER PRIMED; GT MODEL;GRAND AM 1999-2005","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48360423882944,"sku":"GM1000573","price":140.4,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1000573_pontiac_grand_am_1999_2005_1.png?v=1784664712"},{"product_id":"pontiac-g6-2005-2010-front-bumper-primed-base-gt-value-leader-models-g6-2005-200-gm1000731","title":"PONTIAC G6 2005-2010 — FRONT BUMPER PRIMED; BASE\/GT\/VALUE LEADER MODELS; G6 2005-2009","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":"Pontiac","offers":[{"title":"Default Title","offer_id":48360427356352,"sku":"GM1000731","price":217.44,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1000731_pontiac_g6_2005_2010_1.png?v=1784664940"},{"product_id":"pontiac-g5-2005-2010-front-bumper-primed-w-o-fog-pontiac-g5-2007-2010-pursuit-20-gm1000898","title":"PONTIAC G5 2005-2010 — FRONT BUMPER PRIMED ; W\/O FOG; PONTIAC G5 2007-2010\/ PURSUIT 2005-2006","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Pontiac","offers":[{"title":"Default Title","offer_id":48360453931200,"sku":"GM1000898","price":201.58,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1000898_pontiac_g5_2005_2010_1.png?v=1784665865"},{"product_id":"pontiac-vibe-2003-2008-front-bumper-partial-primed-1-piece-design-w-appearance-p-gm1000727","title":"PONTIAC VIBE 2003-2008 — FRONT BUMPER PARTIAL-PRIMED; 1 PIECE DESIGN; W\/APPEARANCE PKG;VIBE 2005-2008","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Pontiac","offers":[{"title":"Default Title","offer_id":48360462745792,"sku":"GM1000727","price":466.2,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/GM1000727_pontiac_vibe_2003_2008_1.png?v=1784664887"},{"product_id":"pontiac-vibe-2009-2010-fr-bumper-primed-base-awd-w-o-fog-holes-extension-holes-v-gm1000868","title":"PONTIAC VIBE 2009-2010 — FR BUMPER PRIMED; BASE\/AWD; W\/O FOG HOLES\/EXTENSION HOLES; VIBE 2009-2010","description":"\u003cstyle\u003e\n\/* --- \n   ENTERPRISE HIGH-TECH THEME V4\n   Bright, Flawlessly Centered (Desktop \u0026 Mobile), No Black\n--- *\/\n\n:root {\n  --jd-bg-main: #ffffff;\n  --jd-bg-surface: #f8fafc;\n  --jd-text-heading: #0f172a; \n  --jd-text-body: #334155; \n  --jd-text-muted: #64748b;\n  --jd-accent: #2563eb; \n  --jd-accent-light: #60a5fa;\n  --jd-accent-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #0ea5e9);\n  --jd-border: #e2e8f0;\n  \n  --jd-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);\n  --jd-shadow-lg: 0 20px 48px rgba(37, 99, 235, 0.12);\n  --jd-shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\n  \n  --jd-ease: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n@keyframes jd-fade-in {\n  0% { opacity: 0; transform: translateY(15px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes jd-gradient-bg {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes jd-text-shine {\n  to { background-position: 200% center; }\n}\n\n.jd-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  max-width: 1000px; \n  margin: 30px auto;\n  color: var(--jd-text-body);\n  background: var(--jd-bg-main);\n  border-radius: 20px;\n  box-shadow: 0 0 0 1px var(--jd-border), var(--jd-shadow-sm);\n  overflow: hidden;\n  text-align: center; \n}\n\n.jd-hero {\n  background: linear-gradient(120deg, #ffffff, #f1f5f9, #e0e7ff);\n  background-size: 200% 200%;\n  animation: jd-gradient-bg 10s ease infinite, jd-fade-in 0.8s var(--jd-ease) forwards;\n  position: relative;\n  padding: 80px 40px;\n  border-bottom: 4px solid var(--jd-accent);\n}\n\n.jd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: linear-gradient(var(--jd-border) 1px, transparent 1px), \n                    linear-gradient(90deg, var(--jd-border) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.jd-hero-content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-hero h2 {\n  margin: 0;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  text-align: center;\n  text-wrap: balance;\n  background: linear-gradient(90deg, #0f172a, #2563eb, #0f172a);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: jd-text-shine 5s linear infinite;\n}\n\n.jd-hero p {\n  margin: 24px 0 0 0;\n  max-width: 650px;\n  font-size: 19px;\n  color: var(--jd-text-body);\n  line-height: 1.7;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin: -25px auto 50px; \n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  padding: 0 20px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.1s forwards;\n  opacity: 0;\n}\n\n.jd-badge {\n  background: var(--jd-bg-main);\n  border: 1px solid var(--jd-border);\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--jd-text-heading);\n  box-shadow: var(--jd-shadow-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-badge::after {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -100%; width: 50%; height: 100%;\n  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);\n  transform: skewX(-25deg);\n  transition: all 0.6s ease;\n}\n\n.jd-badge:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--jd-shadow-lg);\n  border-color: var(--jd-accent-light);\n  color: var(--jd-accent);\n}\n\n.jd-badge:hover::after {\n  left: 150%;\n}\n\n.jd-content-wrapper {\n  padding: 20px 50px;\n}\n\n.jd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  margin-top: 10px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.2s forwards;\n  opacity: 0;\n}\n\n.jd-card {\n  background: var(--jd-bg-surface);\n  border-radius: 16px;\n  padding: 40px 30px;\n  border: 1px solid var(--jd-border);\n  transition: all 0.5s var(--jd-ease);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.jd-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--jd-accent-gradient);\n  opacity: 0.5;\n  transition: all 0.5s var(--jd-ease);\n}\n\n.jd-card:hover {\n  transform: translateY(-8px) scale(1.01);\n  box-shadow: var(--jd-shadow-lg), var(--jd-shadow-glow);\n  background: var(--jd-bg-main);\n  border-color: #cbd5e1;\n}\n\n.jd-card:hover::before {\n  opacity: 1;\n  height: 6px;\n}\n\n.jd-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--jd-text-heading);\n  margin-bottom: 20px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  text-align: center;\n}\n\n.jd-card-text {\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-specs-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n.jd-specs-list {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.jd-specs-list span {\n  display: flex;\n  align-items: flex-start;\n  text-align: left;\n  gap: 10px;\n}\n\n.jd-specs-list span::before {\n  content: \"•\";\n  color: var(--jd-accent);\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.jd-alert {\n  margin-top: 40px;\n  background: linear-gradient(135deg, #eff6ff, #f8fafc); \n  border: 1px solid #bfdbfe;\n  padding: 30px;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 12px;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.3s forwards;\n  opacity: 0;\n  box-shadow: var(--jd-shadow-sm);\n}\n\n.jd-alert strong {\n  color: var(--jd-accent);\n  font-size: 18px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.jd-alert p {\n  margin: 0;\n  color: var(--jd-text-heading);\n  font-size: 16px;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n\n.jd-accordion {\n  margin-top: 50px;\n  border-top: 1px solid var(--jd-border);\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.4s forwards;\n  opacity: 0;\n}\n\n.jd-item {\n  border-bottom: 1px solid var(--jd-border);\n  transition: background 0.3s ease;\n}\n\n.jd-item:hover {\n  background: #f8fafc;\n}\n\n.jd-item summary {\n  padding: 30px 0;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--jd-text-heading);\n  list-style: none;\n  position: relative;\n  outline: none;\n  display: flex;\n  justify-content: center; \n  align-items: center;\n  text-align: center;\n  transition: color 0.3s ease;\n}\n\n.jd-item[open] summary {\n  color: var(--jd-accent);\n}\n\n.jd-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.jd-item summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 26px;\n  color: var(--jd-text-muted);\n  transition: all 0.4s var(--jd-ease);\n}\n\n.jd-item[open] summary::after {\n  content: \"−\";\n  color: var(--jd-accent);\n  transform: rotate(180deg);\n}\n\n.jd-item div {\n  padding: 0 40px 30px 40px;\n  font-size: 16px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  animation: jd-fade-in 0.4s var(--jd-ease) forwards;\n  margin: 0 auto;\n  max-width: 800px;\n  text-align: center;\n  text-wrap: balance;\n}\n\n.jd-footer {\n  margin-top: 40px;\n  background: linear-gradient(180deg, var(--jd-bg-surface), #e2e8f0);\n  border-top: 1px solid var(--jd-border);\n  padding: 60px 40px;\n  text-align: center;\n  animation: jd-fade-in 0.8s var(--jd-ease) 0.5s forwards;\n  opacity: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.jd-footer h3 {\n  margin: 0 0 20px 0;\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--jd-text-heading);\n}\n\n.jd-footer h3 span {\n  color: var(--jd-accent);\n}\n\n.jd-footer p {\n  margin: 0;\n  max-width: 650px;\n  color: var(--jd-text-body);\n  line-height: 1.8;\n  font-size: 16px;\n  font-weight: 500;\n  text-align: center;\n  text-wrap: balance;\n}\n\n@media(max-width: 768px) {\n  .jd-hero {\n    padding: 60px 20px;\n  }\n  .jd-hero h2 {\n    font-size: 32px;\n  }\n  .jd-hero p {\n    font-size: 16px;\n  }\n  .jd-content-wrapper {\n    padding: 20px;\n  }\n  .jd-badge {\n    width: 100%;\n  }\n  .jd-card {\n    padding: 30px 20px;\n  }\n  .jd-item div {\n    padding: 0 20px 30px 20px;\n  }\n  .jd-footer {\n    padding: 50px 20px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"jd-wrapper\"\u003e\n\n  \u003cdiv class=\"jd-hero\"\u003e\n    \u003cdiv class=\"jd-hero-content\"\u003e\n      \u003ch2\u003ePremium Aftermarket Parts\u003c\/h2\u003e\n      \u003cp\u003ePrecision-engineered replacement components designed for an exact fit, flawless appearance, and enduring performance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-badges\"\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🚚 Ships Across Canada\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e✔️ OEM-Grade Quality\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e📦 Secure Packaging\u003c\/div\u003e\n    \u003cdiv class=\"jd-badge\"\u003e🇨🇦 Canadian Warehouse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-content-wrapper\"\u003e\n    \n    \u003cdiv class=\"jd-grid\"\u003e\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eVehicle Compatibility\u003c\/div\u003e\n        \u003cdiv class=\"jd-card-text\"\u003e\n          Always verify that your vehicle matches the compatibility specifications provided above prior to placing your order.\n          \u003cbr\u003e\u003cbr\u003e\n          If you require assistance, contact our technical support team with your VIN, and we will gladly confirm exact fitment.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jd-card\"\u003e\n        \u003cdiv class=\"jd-title\"\u003eProduct Specifications\u003c\/div\u003e\n        \u003cdiv class=\"jd-specs-container\"\u003e\n          \u003cdiv class=\"jd-specs-list\"\u003e\n            \u003cspan\u003eBrand new aftermarket component\u003c\/span\u003e\n            \u003cspan\u003eMeets or exceeds OEM standards\u003c\/span\u003e\n            \u003cspan\u003ePrecision-designed for proper fit\u003c\/span\u003e\n            \u003cspan\u003eProfessional installation recommended\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-alert\"\u003e\n      \u003cstrong\u003eImportant Shipping Notice\u003c\/strong\u003e\n      \u003cp\u003eThis product is exclusively available for shipping within \u003cstrong\u003eCanada\u003c\/strong\u003e. Orders containing delivery addresses outside of Canada are subject to cancellation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jd-accordion\"\u003e\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCondition \u0026amp; Quality\u003c\/summary\u003e\n        \u003cdiv\u003e\n          This item is a brand-new, premium aftermarket replacement part. It is not a used, refurbished, or OEM factory component unless explicitly stated within the listing details.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eShipping \u0026amp; Handling\u003c\/summary\u003e\n        \u003cdiv\u003e\n          All orders are meticulously packaged to ensure the protection of your purchase during transit. Please inspect your shipment immediately upon delivery and notify us promptly if any shipping damage has occurred.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eInstallation Guidelines\u003c\/summary\u003e\n        \u003cdiv\u003e\n          To ensure optimal performance, professional installation is strongly recommended. Select products may require the transfer of existing hardware, mounting clips, brackets, sensors, or trim from your original part.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"jd-item\"\u003e\n        \u003csummary\u003eCustomer Support\u003c\/summary\u003e\n        \u003cdiv\u003e\n          Our dedicated team is available to assist you with compatibility checks, inventory availability, and any technical inquiries prior to your purchase.\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"jd-footer\"\u003e\n    \u003ch3\u003eJapan Direct \u003cspan\u003eJapanese\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cp\u003eServing drivers across Canada with elite aftermarket automotive components. Committed to precision, dependability, and uncompromising customer service.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Pontiac","offers":[{"title":"Default Title","offer_id":48360501117120,"sku":"GM1000868","price":372.3,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/1469\/3312\/files\/gm1000868_1.jpg?v=1780513400"}],"url":"https:\/\/japandirectjapanese.com\/collections\/pontiac\/wiper-wash-system.oembed","provider":"Japan Direct Japanese Auto Parts","version":"1.0","type":"link"}